/* LogiTrack Panama — tema visual (paleta del deck de diseño) */

:root {
    /* Paleta de marca */
    --lt-navy-900: #0f2540;
    --lt-navy-700: #1a3e6a;
    --lt-blue: #2e75b6;
    --lt-blue-light: #3e9aff;
    --lt-teal: #0e9e88;
    --lt-orange: #e05c1a;
    --lt-bg: #f3f6fb;

    /* Primario = navy de marca */
    --rz-primary: var(--lt-navy-700);
    --rz-primary-light: var(--lt-blue);
    --rz-primary-lighter: rgba(46, 117, 182, 0.12);
    --rz-primary-dark: var(--lt-navy-900);
    --rz-primary-darker: #081627;

    /* Secundario = azul de acento */
    --rz-secondary: var(--lt-blue);
    --rz-secondary-light: var(--lt-blue-light);
    --rz-secondary-lighter: rgba(62, 154, 255, 0.14);
    --rz-secondary-dark: var(--lt-navy-700);
    --rz-secondary-darker: var(--lt-navy-900);

    /* Estados */
    --rz-success: var(--lt-teal);
    --rz-success-light: #2bbca3;
    --rz-success-lighter: rgba(14, 158, 136, 0.14);
    --rz-success-dark: #0b7d6c;
    --rz-success-darker: #096657;

    --rz-info: var(--lt-blue-light);
    --rz-info-light: #6cbcff;
    --rz-info-lighter: rgba(62, 154, 255, 0.14);
    --rz-info-dark: var(--lt-blue);
    --rz-info-darker: var(--lt-navy-700);

    --rz-warning: var(--lt-orange);
    --rz-warning-light: #ec7d49;
    --rz-warning-lighter: rgba(224, 92, 26, 0.14);
    --rz-warning-dark: #b8480f;
    --rz-warning-darker: #98390c;

    --rz-link-color: var(--lt-blue);
    --rz-link-hover-color: var(--lt-blue-light);

    /* Fondo general */
    --rz-body-background-color: var(--lt-bg);
    --rz-layout-background-color: var(--lt-bg);

    /* Geometría más suave / elegante */
    --rz-border-radius: 10px;
    --rz-card-border-radius: 14px;
    --rz-card-shadow: 0 1px 2px rgba(15, 37, 64, .05), 0 10px 28px rgba(15, 37, 64, .06);
    --rz-button-border-radius: 8px;

    /* Header */
    --rz-header-background-color: #ffffff;
    --rz-header-shadow: 0 1px 0 rgba(15, 37, 64, .06), 0 4px 16px rgba(15, 37, 64, .04);

    /* Sidebar oscuro estilo "cover" del deck */
    --rz-sidebar-background-color: var(--lt-navy-900);
    --rz-sidebar-color: #eaf1fb;
    --rz-panel-menu-item-color: rgba(234, 241, 251, .78);
    --rz-panel-menu-item-background-color: transparent;
    --rz-panel-menu-item-border: none;
    --rz-panel-menu-item-hover-color: #ffffff;
    --rz-panel-menu-item-hover-background-color: rgba(255, 255, 255, .06);
    --rz-panel-menu-item-active-color: #ffffff;
    --rz-panel-menu-item-active-background-color: rgba(62, 154, 255, .16);
    --rz-panel-menu-item-active-indicator: var(--lt-blue-light);
    --rz-panel-menu-icon-color: #8fb8e8;
    --rz-panel-menu-item-2nd-level-background-color: rgba(255, 255, 255, .03);
    --rz-panel-menu-item-2nd-level-hover-background-color: rgba(255, 255, 255, .07);
    --rz-panel-menu-item-2nd-level-active-background-color: rgba(62, 154, 255, .16);

    /* Encabezados de tablas */
    --rz-grid-header-background-color: var(--lt-bg);
    --rz-grid-header-color: var(--lt-navy-700);
}

/* Franja de acento superior, como en la portada del deck */
.rz-header {
    position: relative;
}

.rz-header::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    top: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--lt-blue-light) 0%, var(--lt-teal) 50%, var(--lt-orange) 100%);
}

/* Nombre de la app en el sidebar */
.rz-sidebar .rz-text-subtitle1 {
    color: var(--rz-sidebar-color);
    font-weight: 700;
    letter-spacing: .02em;
}

/* Tarjetas clicables (dashboard) con efecto de elevación */
.rz-card.rz-cursor-pointer {
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    border: 1px solid transparent;
}

.rz-card.rz-cursor-pointer:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(15, 37, 64, .06), 0 16px 32px rgba(15, 37, 64, .1);
    border-color: rgba(46, 117, 182, .15);
}