/* =====================================================================
   SPORTIKO · Modelo Launchpad (sin menú lateral)
   Oculta el menú vertical y lleva el contenido a ancho completo.
   Va DESPUÉS de app.min.css para sobreescribir el tema Dason.
   ===================================================================== */

/* Ocultar el menú lateral y su botón de toggle */
.vertical-menu { display: none !important; }
#vertical-menu-btn { display: none !important; }

/* Contenido y footer a ancho completo (el tema los desplaza 250px) */
.main-content { margin-left: 0 !important; }
.footer       { left: 0 !important; }

/* El topbar ya es full-width (left:0); el brand-box mantiene el logo a la izquierda */

/* ---------- Launchpad: tarjetas de acceso rápido ---------- */
.lp-section-title {
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--bs-secondary-color, #74788d);
    margin: .25rem 0 .75rem;
}

.lp-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem 1.1rem;
    border-radius: 14px;
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #e9ebf0);
    color: var(--bs-body-color, #495057);
    text-decoration: none;
    height: 100%;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.lp-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 .5rem 1.25rem rgba(0,0,0,.10);
    border-color: var(--bs-primary, #3b76e1);
    color: var(--bs-primary, #3b76e1);
}

.lp-card-icon {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(59,118,225,.10);
    color: var(--bs-primary, #3b76e1);
}
.lp-card-icon svg { width: 22px; height: 22px; }

.lp-card-text   { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.lp-card-title  { font-weight: 600; font-size: .95rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lp-card-module { font-size: .72rem; color: var(--bs-secondary-color, #9aa0ac); }

/* ---------- Ajustes responsive generales de dashboards ---------- */
@media (max-width: 575.98px) {
    .page-title-box h4 { font-size: 1.15rem; }
    .page-content       { padding-left: .25rem; padding-right: .25rem; }
    .lp-card            { padding: .8rem .9rem; }
    .lp-card-icon       { width: 40px; height: 40px; }
    .lp-card-icon svg   { width: 20px; height: 20px; }
    /* Números grandes de KPIs no desbordan en pantallas chicas */
    .card h1, .card h2, .card h3 { word-break: break-word; }
    /* Botoneras que envuelven mantienen separación cómoda al tacto */
    .d-flex.gap-2.flex-wrap > .btn { flex: 1 1 auto; }
}