/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ── Variables de diseño (mapeadas a site.css tokens) ─────────────────────── */
:root[b-la6bubgs77] {
    --sidebar-width:           240px;
    --sidebar-collapsed-width:  60px;
    --topbar-height:            56px;
    --transition-speed:         0.25s;

    /* Tokens site.css aliased para compatibilidad de componentes heredados */
    --color-primary:      var(--primary);
    --color-primary-dark: var(--primary-hover);
    --color-accent:       var(--secondary);
    --color-bg:           var(--background);
    --color-surface:      var(--surface);
    --color-sidebar-bg:     #17233C;               /* Dark Blue corporativo */
    --color-sidebar-text:   rgba(255,255,255,0.85);
    --color-sidebar-hover:  rgba(138,204,195,0.10); /* Teal semi-transparente */
    --color-sidebar-active: #0A404B;               /* Dark Petroleum */
    --color-topbar-bg:    var(--surface);
    --color-border:       var(--border);
    --color-text:         var(--text-primary);
    --color-text-muted:   var(--text-muted);
    --color-badge-bg:     rgba(255,255,255,0.12);
}

/* ── Dark mode ─────────────────────────────────────────────────────────────── */
.app-shell.dark-mode[b-la6bubgs77] {
    --color-bg:         #12162A;
    --color-surface:    #1A1F2E;
    --color-topbar-bg:  #1A1F2E;
    --color-border:     #2E3647;
    --color-text:       #E8EAEA;
    --color-text-muted: #A0ABA7;
}

/* ── Shell principal ───────────────────────────────────────────────────────── */
.app-shell[b-la6bubgs77] {
    display:    flex;
    height:     100vh;
    overflow:   hidden;
    background: var(--color-bg);
    color:      var(--color-text);
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
}

/* ── Sidebar ───────────────────────────────────────────────────────────────── */
.sidebar[b-la6bubgs77] {
    display:         flex;
    flex-direction:  column;
    width:           var(--sidebar-width);
    min-width:       var(--sidebar-width);
    background:      var(--color-sidebar-bg);
    color:           var(--color-sidebar-text);
    transition:      width var(--transition-speed) ease,
                     min-width var(--transition-speed) ease;
    overflow:        hidden;
    z-index:         100;
}

.app-shell.sidebar-collapsed .sidebar[b-la6bubgs77] {
    width:     var(--sidebar-collapsed-width);
    min-width: var(--sidebar-collapsed-width);
}

/* Header del sidebar */
.sidebar-header[b-la6bubgs77] {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding:         0 12px;
    height:          var(--topbar-height);
    border-bottom:   1px solid rgba(255,255,255,0.08);
    flex-shrink:     0;
}

.sidebar-logo[b-la6bubgs77] {
    display:     flex;
    align-items: center;
    gap:         8px;
    font-weight: 700;
    font-size:   1rem;
    color:       #ffffff;
    white-space: nowrap;
    overflow:    hidden;
}

.sidebar-logo .bi[b-la6bubgs77] {
    font-size:  1.4rem;
    color:      var(--color-primary);
    flex-shrink: 0;
}

.sidebar-logo-text[b-la6bubgs77] {
    transition: opacity var(--transition-speed) ease,
                width   var(--transition-speed) ease;
}

.app-shell.sidebar-collapsed .sidebar-logo-text[b-la6bubgs77] {
    opacity: 0;
    width:   0;
}

/* Scroll area del sidebar */
.sidebar-scroll[b-la6bubgs77] {
    flex:       1;
    overflow-y: auto;
    overflow-x: hidden;
    padding:    8px 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.15) transparent;
}

/* ── Botón toggle / hamburguesa ────────────────────────────────────────────── */
.btn-icon[b-la6bubgs77] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           36px;
    height:          36px;
    padding:         0;
    border:          none;
    border-radius:   6px;
    background:      transparent;
    cursor:          pointer;
    color:           inherit;
    font-size:       1.2rem;
    transition:      background var(--transition-speed) ease;
    flex-shrink:     0;
}

.btn-icon:hover[b-la6bubgs77] {
    background: rgba(255,255,255,0.10);
}

.sidebar-toggle-inner[b-la6bubgs77] {
    color: var(--color-sidebar-text);
}

/* ── Topbar ────────────────────────────────────────────────────────────────── */
.main-wrapper[b-la6bubgs77] {
    display:        flex;
    flex-direction: column;
    flex:           1;
    overflow:       hidden;
}

.topbar[b-la6bubgs77] {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    height:          var(--topbar-height);
    padding:         0 16px;
    background:      var(--color-topbar-bg);
    border-bottom:   1px solid var(--color-border);
    flex-shrink:     0;
    z-index:         90;
    gap:             12px;
}

.topbar-left[b-la6bubgs77],
.topbar-right[b-la6bubgs77] {
    display:     flex;
    align-items: center;
    gap:         8px;
}

.topbar-hamburger[b-la6bubgs77] {
    color: var(--color-text);
}

.topbar-hamburger:hover[b-la6bubgs77] {
    background: var(--color-bg);
}

/* Tenant badge */
.topbar-tenant[b-la6bubgs77] {
    display:      flex;
    align-items:  center;
    gap:          6px;
    padding:      4px 10px;
    border-radius: 6px;
    background:   var(--color-bg);
    border:       1px solid var(--color-border);
    font-size:    0.78rem;
    color:        var(--color-text-muted);
    white-space:  nowrap;
}

/* Info del usuario */
.topbar-user[b-la6bubgs77] {
    display:     flex;
    align-items: center;
    gap:         8px;
    padding:     4px 8px;
    border-radius: 8px;
}

.topbar-user-icon[b-la6bubgs77] {
    font-size:   1.5rem;
    color:       var(--color-text-muted);
    flex-shrink: 0;
}

.topbar-user-info[b-la6bubgs77] {
    display:        flex;
    flex-direction: column;
    line-height:    1.2;
}

.topbar-user-name[b-la6bubgs77] {
    font-size:   0.85rem;
    font-weight: 600;
    color:       var(--color-text);
    white-space: nowrap;
}

/* Badges de perfil */
.topbar-user-badge[b-la6bubgs77] {
    font-size:     0.65rem;
    font-weight:   700;
    padding:       1px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background:    var(--color-primary);
    color:         #fff;
    width:         fit-content;
}

.topbar-user-badge.badge-admin[b-la6bubgs77]     { background: #6610f2; }
.topbar-user-badge.badge-scrap[b-la6bubgs77]     { background: #1a7a4a; }
.topbar-user-badge.badge-producer[b-la6bubgs77]  { background: #0d6efd; }
.topbar-user-badge.badge-carrier[b-la6bubgs77]   { background: #fd7e14; }
.topbar-user-badge.badge-plant_op[b-la6bubgs77]  { background: #2196a6; }
.topbar-user-badge.badge-cac_op[b-la6bubgs77]    { background: #20c997; }
.topbar-user-badge.badge-public_ent[b-la6bubgs77]{ background: #6c757d; }
.topbar-user-badge.badge-coordinator[b-la6bubgs77]{ background: #dc3545; }

/* Botón logout */
.btn-logout[b-la6bubgs77] {
    color: var(--color-text-muted);
}

.btn-logout:hover[b-la6bubgs77] {
    color:      #dc3545;
    background: rgba(220, 53, 69, 0.08);
}

.topbar-logout-form[b-la6bubgs77] {
    margin: 0;
    padding: 0;
}

/* Botón dark mode — en topbar usa color del texto */
.topbar .btn-icon[b-la6bubgs77] {
    color: var(--color-text-muted);
}

.topbar .btn-icon:hover[b-la6bubgs77] {
    background: var(--color-bg);
    color:      var(--color-text);
}

/* ── Contenido de la página ────────────────────────────────────────────────── */
.page-content[b-la6bubgs77] {
    flex:       1;
    overflow-y: auto;
    padding:    24px;
    background: var(--color-bg);
}

/* Sidebar colapsado: sidebar y logo (sí están en MainLayout → el scope funciona) */
.app-shell.sidebar-collapsed .sidebar[b-la6bubgs77] {
    width:     var(--sidebar-collapsed-width);
    min-width: var(--sidebar-collapsed-width);
}

.app-shell.sidebar-collapsed .sidebar-logo-text[b-la6bubgs77] {
    opacity: 0;
    width:   0;
}

#blazor-error-ui[b-la6bubgs77] {
    background:    #2d1b1b;
    color:         #f8d7da;
    padding:       10px 16px;
    position:      fixed;
    bottom:        0;
    width:         100%;
    z-index:       1000;
    display:       none;
    font-size:     0.875rem;
    border-top:    1px solid #dc3545;
}

#blazor-error-ui .reload[b-la6bubgs77] {
    color:           #ff9898;
    margin-left:     8px;
    text-decoration: underline;
    cursor:          pointer;
}

#blazor-error-ui .dismiss[b-la6bubgs77] {
    float:  right;
    cursor: pointer;
}

.sidebar[b-la6bubgs77] {
    background-image: linear-gradient(180deg, #1E4232 0%, #172E24 100%);
}

/* ── Botón cerrar sesión (topbar) ──────────────────────────────────────────── */
.topbar-logout-btn[b-la6bubgs77] {
    display:       flex;
    align-items:   center;
    justify-content: center;
    width:         32px;
    height:        32px;
    padding:       0;
    border:        1px solid var(--border, #D1D5D4);
    border-radius: 6px;
    background:    transparent;
    color:         var(--text-secondary, #4F5E5A);
    font-size:     1rem;
    cursor:        pointer;
    transition:    color .15s, background .15s, border-color .15s;
}

.topbar-logout-btn:hover[b-la6bubgs77] {
    background:    var(--danger-bg, #FFEFF0);
    border-color:  var(--danger, #DC2B2B);
    color:         var(--danger, #DC2B2B);
}
.top-row[b-la6bubgs77] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-la6bubgs77]  a, .top-row[b-la6bubgs77]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-la6bubgs77]  a:hover, .top-row[b-la6bubgs77]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-la6bubgs77]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-la6bubgs77] {
        justify-content: space-between;
    }

    .top-row[b-la6bubgs77]  a, .top-row[b-la6bubgs77]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-la6bubgs77] {
        flex-direction: row;
    }

    .sidebar[b-la6bubgs77] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-la6bubgs77] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-la6bubgs77]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-la6bubgs77], article[b-la6bubgs77] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-la6bubgs77] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-la6bubgs77] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ── Grupos de navegación ──────────────────────────────────────────────────── */
.nav-groups[b-szndhpkqs1] {
    display:        flex;
    flex-direction: column;
    gap:            2px;
    padding:        4px 0;
}

.nav-group[b-szndhpkqs1] {
    margin-bottom: 4px;
}

/* Título de grupo (no clickable) */
.nav-group-title[b-szndhpkqs1] {
    display:        flex;
    align-items:    center;
    gap:            10px;
    padding:        6px 16px;
    font-size:      11px;
    font-weight:    600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color:          rgba(255,255,255,0.45);
    white-space:    nowrap;
    overflow:       hidden;
    cursor:         pointer;
    user-select:    none;
    transition:     color var(--transition-fast);
}

.nav-group-title:hover[b-szndhpkqs1] {
    color: rgba(255,255,255,0.70);
}

.nav-chevron[b-szndhpkqs1] {
    margin-left:  auto;
    font-size:    0.65rem;
    color:        rgba(255,255,255,0.5);
    flex-shrink:  0;
    transition:   transform 0.2s ease, color 0.2s ease;
}

.nav-group-title:hover .nav-chevron[b-szndhpkqs1] {
    color: #8ACCC3;
}

.nav-chevron.rotated[b-szndhpkqs1] {
    transform: rotate(-90deg);
}

/* Ítems de navegación */
[b-szndhpkqs1] .nav-item {
    display:         flex;
    align-items:     center;
    gap:             10px;
    padding:         9px 16px;
    font-size:       var(--text-sm);
    color:           rgba(255,255,255,0.70);
    text-decoration: none;
    border-radius:   0;
    white-space:     nowrap;
    overflow:        hidden;
    transition:      background var(--transition-fast), color var(--transition-fast);
    cursor:          pointer;
    border-left:     3px solid transparent;
}

[b-szndhpkqs1] .nav-item:hover {
    background:  rgba(138, 204, 195, 0.10);
    color:       #fff;
    border-left: 3px solid rgba(138, 204, 195, 0.45);
    text-decoration: none;
}

[b-szndhpkqs1] .nav-item.active {
    background:  rgba(138, 204, 195, 0.18);
    color:       #fff;
    border-left: 3px solid #8ACCC3;
    font-weight: 600;
}

/* ── Diferenciación de niveles en RadzenPanelMenu ──────────────────────────── */

/* Nivel 1: ítems raíz con hijos — visualmente más prominentes */
[b-szndhpkqs1] .rz-panel-menu > ul > li > a,
[b-szndhpkqs1] .rz-panel-menu > ul > li > .rz-navigation-item {
    font-size:   var(--text-sm);
    font-weight: 500;
    color:       rgba(255,255,255,0.85);
}

/* Nivel 1 expandido: fondo sutil para que destaque como cabecera de grupo */
[b-szndhpkqs1] .rz-panel-menu > ul > li.rz-navigation-item-active-group > a,
[b-szndhpkqs1] .rz-panel-menu > ul > li.rz-navigation-item-active-group > .rz-navigation-item {
    background:  rgba(255,255,255,0.07);
    color:       #fff;
    font-weight: 600;
    border-left: 3px solid rgba(138, 204, 195, 0.60);
}

/* Nivel 2: hijos directos — más pequeños, indentados y con línea guía */
[b-szndhpkqs1] .rz-panel-menu > ul > li > ul > li > a,
[b-szndhpkqs1] .rz-panel-menu > ul > li > ul > li > .rz-navigation-item {
    padding-left: 30px !important;
    font-size:    0.82rem;
    color:        rgba(255,255,255,0.58);
    border-left:  3px solid transparent;
    box-shadow:   inset 2px 0 0 0 rgba(138, 204, 195, 0.15);
}

[b-szndhpkqs1] .rz-panel-menu > ul > li > ul > li > a:hover,
[b-szndhpkqs1] .rz-panel-menu > ul > li > ul > li > .rz-navigation-item:hover {
    color:      rgba(255,255,255,0.90);
    box-shadow: inset 2px 0 0 0 rgba(138, 204, 195, 0.45);
}

/* Nivel 3: nietos — aún más indentados y atenuados */
[b-szndhpkqs1] .rz-panel-menu > ul > li > ul > li > ul > li > a,
[b-szndhpkqs1] .rz-panel-menu > ul > li > ul > li > ul > li > .rz-navigation-item {
    padding-left: 46px !important;
    font-size:    0.79rem;
    color:        rgba(255,255,255,0.48);
    box-shadow:   inset 2px 0 0 0 rgba(138, 204, 195, 0.10);
}

[b-szndhpkqs1] .rz-panel-menu > ul > li > ul > li > ul > li > a:hover,
[b-szndhpkqs1] .rz-panel-menu > ul > li > ul > li > ul > li > .rz-navigation-item:hover {
    color:      rgba(255,255,255,0.82);
    box-shadow: inset 2px 0 0 0 rgba(138, 204, 195, 0.40);
}

/* Ítem de nivel 1 expandido (grupo padre abierto) */
[b-szndhpkqs1] .rz-navigation-item-wrapper > .rz-navigation-item.rz-navigation-item-selected:not(.nav-item--child):not(.nav-item--grandchild),
[b-szndhpkqs1] .nav-item--parent-expanded {
    background:  rgba(255,255,255,0.06);
    color:       #fff;
    font-weight: 600;
    border-left: 3px solid rgba(138, 204, 195, 0.55);
}

/* Ítems hijos (nivel 2) */
[b-szndhpkqs1] .nav-item--child {
    padding-left: 32px;
    font-size:    0.82rem;
    color:        rgba(255,255,255,0.60);
    border-left:  3px solid transparent;
    position:     relative;
}

/* Línea vertical que marca el bloque de hijos expandido */
[b-szndhpkqs1] .nav-item--child::before {
    content:          '';
    position:         absolute;
    left:             15px;
    top:              0;
    bottom:           0;
    width:            1px;
    background:       rgba(138, 204, 195, 0.20);
    pointer-events:   none;
}

[b-szndhpkqs1] .nav-item--child:hover {
    color:       rgba(255,255,255,0.90);
    border-left: 3px solid rgba(138, 204, 195, 0.35);
}

[b-szndhpkqs1] .nav-item--child:hover::before {
    background: rgba(138, 204, 195, 0.40);
}

[b-szndhpkqs1] .nav-item--child.active {
    color:       #fff;
    border-left: 3px solid #8ACCC3;
}

[b-szndhpkqs1] .nav-item--child.active::before {
    background: #8ACCC3;
}

/* Sub-título de grupo anidado dentro de un nav-group (nivel 2) */
.nav-group-title--sub[b-szndhpkqs1] {
    padding:        5px 16px 3px 32px;
    font-size:      9px;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color:          rgba(255,255,255,0.25);
    white-space:    nowrap;
    overflow:       hidden;
    cursor:         default;
    user-select:    none;
    margin-top:     6px;
    display:        flex;
    align-items:    center;
    gap:            8px;
}

/* Ítems nietos (nivel 3, dentro de un sub-grupo) */
[b-szndhpkqs1] .nav-item--grandchild {
    padding-left: 48px;
    font-size:    0.79rem;
    color:        rgba(255,255,255,0.52);
}

[b-szndhpkqs1] .nav-item--grandchild:hover {
    color: rgba(255,255,255,0.85);
}

[b-szndhpkqs1] .nav-item--grandchild.active {
    color: #fff;
}

/* Icono de nav */
[b-szndhpkqs1] .nav-icon {
    font-size:   1rem;
    flex-shrink: 0;
    width:       20px;
    text-align:  center;
    opacity:     0.75;
}

[b-szndhpkqs1] .nav-item:hover .nav-icon,
[b-szndhpkqs1] .nav-item.active .nav-icon {
    opacity: 1;
}

/* Etiqueta de nav */
[b-szndhpkqs1] .nav-label {
    transition: opacity 0.2s ease, width 0.2s ease;
    overflow:   hidden;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-4k0d7z73dh],
.components-reconnect-repeated-attempt-visible[b-4k0d7z73dh],
.components-reconnect-failed-visible[b-4k0d7z73dh],
.components-pause-visible[b-4k0d7z73dh],
.components-resume-failed-visible[b-4k0d7z73dh],
.components-rejoining-animation[b-4k0d7z73dh] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-4k0d7z73dh],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-4k0d7z73dh],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-4k0d7z73dh],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-4k0d7z73dh],
#components-reconnect-modal.components-reconnect-retrying[b-4k0d7z73dh],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-4k0d7z73dh],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-4k0d7z73dh],
#components-reconnect-modal.components-reconnect-failed[b-4k0d7z73dh],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-4k0d7z73dh] {
    display: block;
}


#components-reconnect-modal[b-4k0d7z73dh] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-4k0d7z73dh 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-4k0d7z73dh 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-4k0d7z73dh 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-4k0d7z73dh]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-4k0d7z73dh 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-4k0d7z73dh {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-4k0d7z73dh {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-4k0d7z73dh {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-4k0d7z73dh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-4k0d7z73dh] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-4k0d7z73dh] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-4k0d7z73dh] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-4k0d7z73dh] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-4k0d7z73dh] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-4k0d7z73dh] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-4k0d7z73dh 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-4k0d7z73dh] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-4k0d7z73dh {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/EcoDataNet/DataExplorer/DynamicKeyValueList.razor.rz.scp.css */
.kv-list[b-4gzxumi4nf] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.kv-row[b-4gzxumi4nf] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    padding: 0.375rem 0;
    border-bottom: 1px solid var(--border, #D1D5D4);
    font-size: 0.875rem;
}

.kv-row:last-child[b-4gzxumi4nf] {
    border-bottom: none;
}

.kv-label[b-4gzxumi4nf] {
    color: var(--text-muted, #6E7D78);
    font-weight: 500;
    flex-shrink: 0;
}

.kv-value[b-4gzxumi4nf] {
    color: var(--text-primary, #262626);
    text-align: right;
    word-break: break-word;
}
/* /Components/Pages/EcoDataNet/DataExplorer/DynamicKpiCard.razor.rz.scp.css */
.kpi-card-content[b-g313tauupx] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.kpi-icon[b-g313tauupx] {
    flex-shrink: 0;
}

.kpi-data[b-g313tauupx] {
    min-width: 0;
}

.kpi-value[b-g313tauupx] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--gt-graphite-black, #262626);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kpi-unit[b-g313tauupx] {
    font-size: 1rem;
    font-weight: 400;
    color: var(--gt-stone-green, #6E7D78);
}

.kpi-title[b-g313tauupx] {
    font-size: 0.8rem;
    color: var(--gt-stone-green, #6E7D78);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Pages/EcoDataNet/DataExplorer/DynamicSectionHeader.razor.rz.scp.css */
.section-header[b-bueujwq471] {
    padding: 0.75rem 1rem;
    background: var(--surface-alt, #F0F2F1);
    border-left: 4px solid var(--gt-dark-petroleum, #0A404B);
    border-radius: 0 8px 8px 0;
}

.section-metadata[b-bueujwq471] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-top: 0.5rem;
}

.metadata-item[b-bueujwq471] {
    font-size: 0.875rem;
    color: var(--text-secondary, #4F5E5A);
}
/* /Components/Pages/EcoDataNet/DataExplorer/LayoutEditorToolbar.razor.rz.scp.css */
.layout-editor-toolbar[b-92no8z76fg] {
    background: var(--rz-base-200);
    padding: 0.5rem 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
}
/* /Components/Pages/EcoDataNet/DataExplorer/WidgetConfigPanel.razor.rz.scp.css */
.widget-config-trigger[b-zhd5bolavq] {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 10;
}

.widget-config-panel[b-zhd5bolavq] {
    position: absolute;
    top: 36px;
    right: 4px;
    z-index: 20;
    background: var(--rz-base-100);
    border: 1px solid var(--rz-base-300);
    border-radius: 8px;
    padding: 0.75rem;
    min-width: 220px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.table-columns-selector[b-zhd5bolavq] {
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid var(--rz-base-300);
    border-radius: 4px;
    padding: 0.5rem;
}

.column-toggle-row[b-zhd5bolavq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 2px 0;
}

.column-toggle-row:hover[b-zhd5bolavq] {
    background: var(--rz-base-200);
    border-radius: 4px;
}
/* /Components/Pages/Landing.razor.rz.scp.css */
/* ============================================================
   Landing.razor.css — Estilos scoped de la Landing Page
   GreenTransit by EcoDataNet
   Paleta: variables corporativas de site.css (:root)
   ============================================================ */

/* ── HERO ─────────────────────────────────────────────────────── */
.landing-hero[b-p7i86u3htc] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('/images/background_login.png');
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.landing-hero__overlay[b-p7i86u3htc] {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        160deg,
        rgba(10, 64, 75, 0.92) 0%,
        rgba(23, 35, 60, 0.90) 50%,
        rgba(10, 64, 75, 0.80) 100%
    );
    z-index: 0;
}

.landing-hero__content[b-p7i86u3htc] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 80px 24px;
    max-width: 900px;
    width: 100%;
}

.landing-hero__logo[b-p7i86u3htc] {
    max-height: 180px;
    width: auto;
    margin-bottom: 36px;
    object-fit: contain;
    filter: drop-shadow(0 4px 16px rgba(138, 204, 195, 0.35));
}

.landing-hero__logo-texto[b-p7i86u3htc] {
    max-height: 64px;
    width: auto;
    max-width: 480px;
    object-fit: contain;
    margin: 0 0 20px 0;
    filter: brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,0.4));
}

.landing-hero__title[b-p7i86u3htc] {
    color: #ffffff;
    font-size: 3.6rem;
    font-weight: 800;
    line-height: 1.1;
    margin: 0 0 20px 0;
    letter-spacing: -0.5px;
    text-shadow: 0 2px 12px rgba(0,0,0,0.5);
}

.landing-hero__subtitle[b-p7i86u3htc] {
    color: #8ACCC3;
    font-size: 1.45rem;
    font-weight: 400;
    margin: 0 0 12px 0;
    line-height: 1.5;
    max-width: 780px;
    text-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

/* Separador decorativo bajo el subtítulo */
.landing-hero__divider[b-p7i86u3htc] {
    width: 64px;
    height: 3px;
    background: linear-gradient(90deg, #8ACCC3, #D8B00E);
    border-radius: 2px;
    margin: 0 auto 24px;
    display: block;
}

/* Badge "Integrado con EcoDataNet" */
.landing-hero__badge[b-p7i86u3htc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(138, 204, 195, 0.12);
    border: 1px solid rgba(138, 204, 195, 0.4);
    border-radius: 999px;
    padding: 6px 18px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #8ACCC3;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

    .landing-hero__badge .material-icons[b-p7i86u3htc] {
        font-size: 1rem;
    }

.landing-hero__desc[b-p7i86u3htc] {
    color: rgba(255, 255, 255, 0.88);
    max-width: 680px;
    font-size: 1.08rem;
    line-height: 1.8;
    margin: 0 0 40px 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    padding: 20px 28px;
    backdrop-filter: blur(4px);
}

.landing-hero__buttons[b-p7i86u3htc] {
    flex-wrap: wrap;
    gap: 16px;
}

/* ── SECCIONES GENERALES ──────────────────────────────────────── */
.landing-section[b-p7i86u3htc] {
    padding: 80px 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.landing-section-alt[b-p7i86u3htc] {
    background-color: #F7FAFA;
    max-width: unset;
    padding: 80px 24px;
}

    .landing-section-alt > *[b-p7i86u3htc] {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

.section-header[b-p7i86u3htc] {
    text-align: center;
    margin-bottom: 8px;
}

.section-heading[b-p7i86u3htc] {
    color: #0A404B !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
}

.section-subtitle[b-p7i86u3htc] {
    color: #4F5E5A !important;
    max-width: 760px;
    margin: 0 auto 8px !important;
    font-size: 1.05rem;
    line-height: 1.7;
    text-align: center;
}

.section-body[b-p7i86u3htc] {
    color: #262626 !important;
    line-height: 1.75 !important;
    margin-bottom: 20px !important;
}

/* ── CARDS (módulos, perfiles, ecodatanet) ────────────────────── */
.module-card[b-p7i86u3htc] {
    border: 1px solid var(--rz-border-color, #dee2e6) !important;
    border-radius: 12px !important;
    padding: 24px !important;
    height: 100%;
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

    .module-card:hover[b-p7i86u3htc] {
        box-shadow: 0 8px 32px rgba(10, 64, 75, 0.18) !important;
        transform: translateY(-2px);
    }

.module-card__header[b-p7i86u3htc] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.module-card__name[b-p7i86u3htc] {
    font-size: 1rem;
    color: #0A404B;
}

.module-card__desc[b-p7i86u3htc] {
    color: #4F5E5A !important;
    font-size: 0.92rem;
    line-height: 1.6;
}

/* ── ICONS ────────────────────────────────────────────────────── */
.card-icon[b-p7i86u3htc] {
    font-size: 2rem;
    display: block;
    margin-bottom: 8px;
}

    .card-icon--primary[b-p7i86u3htc] { color: #0A404B; }
    .card-icon--teal[b-p7i86u3htc]    { color: #8ACCC3; }
    .card-icon--yellow[b-p7i86u3htc]  { color: #D8B00E; }

.card-title[b-p7i86u3htc] {
    font-weight: 600 !important;
    color: #0A404B !important;
    margin-bottom: 8px !important;
}

/* ── HIGHLIGHT CARDS (sección qué es) ────────────────────────── */
.highlight-card[b-p7i86u3htc] {
    border-radius: 10px !important;
    padding: 20px !important;
    text-align: center;
    height: 100%;
    border: 1px solid var(--rz-border-color, #dee2e6) !important;
}

    .highlight-card strong[b-p7i86u3htc] {
        display: block;
        color: #0A404B;
        font-size: 0.95rem;
        margin: 8px 0 6px;
    }

.highlight-icon[b-p7i86u3htc] {
    font-size: 2rem;
    color: #0A404B;
}

.highlight-icon--teal[b-p7i86u3htc]   { color: #8ACCC3; }
.highlight-icon--yellow[b-p7i86u3htc] { color: #D8B00E; }

/* ── TABLA CASOS DE USO ───────────────────────────────────────── */
.table-responsive[b-p7i86u3htc] {
    overflow-x: auto;
}

.landing-table[b-p7i86u3htc] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

    .landing-table th[b-p7i86u3htc] {
        background-color: #0A404B;
        color: #ffffff;
        padding: 12px 16px;
        text-align: left;
        font-weight: 600;
    }

    .landing-table td[b-p7i86u3htc] {
        padding: 12px 16px;
        border-bottom: 1px solid #BEE2E4;
        color: #262626;
        vertical-align: top;
    }

    .landing-table tr:nth-child(even) td[b-p7i86u3htc] {
        background-color: #F7FAFA;
    }

    .landing-table tr:hover td[b-p7i86u3htc] {
        background-color: #E8F5F5;
    }

/* ── KPI CARDS ────────────────────────────────────────────────── */
.kpi-card[b-p7i86u3htc] {
    border-radius: 12px !important;
    padding: 20px !important;
    text-align: center;
    border: 1px solid var(--rz-border-color, #dee2e6) !important;
    height: 100%;
}

.kpi-icon[b-p7i86u3htc] {
    font-size: 1.8rem;
    color: #0A404B;
    display: block;
    margin-bottom: 6px;
}

.kpi-icon--teal[b-p7i86u3htc]   { color: #8ACCC3; }
.kpi-icon--green[b-p7i86u3htc]  { color: #11845B; }
.kpi-icon--orange[b-p7i86u3htc] { color: #D36F15; }

.kpi-value[b-p7i86u3htc] {
    font-size: 2.2rem;
    font-weight: 700;
    color: #0A404B;
    line-height: 1.1;
}

.kpi-value--green[b-p7i86u3htc] { color: #11845B; }

.kpi-label[b-p7i86u3htc] {
    font-size: 0.8rem;
    color: #4F5E5A;
    margin-top: 4px;
    line-height: 1.3;
}

.chart-title[b-p7i86u3htc] {
    font-weight: 600 !important;
    color: #0A404B !important;
    margin-bottom: 12px !important;
    text-align: center;
}

.chart-disclaimer[b-p7i86u3htc] {
    font-size: 0.82rem !important;
    font-style: italic;
    color: #888 !important;
    text-align: center;
    margin-top: 24px !important;
}

/* ── FOOTER ───────────────────────────────────────────────────── */
.landing-footer[b-p7i86u3htc] {
    background-color: #17233C;
    color: #ffffff;
    padding: 64px 24px;
}

.landing-footer__content[b-p7i86u3htc] {
    max-width: 700px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* ── DIAGRAM OVERLAY ──────────────────────────────────────────── */
.diagram-overlay[b-p7i86u3htc] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.85);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: zoom-out;
    padding: 24px;
}

.diagram-overlay__img[b-p7i86u3htc] {
    max-width: 95vw;
    max-height: 90vh;
    border-radius: 10px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.5);
    object-fit: contain;
}

.diagram-overlay__hint[b-p7i86u3htc] {
    margin-top: 12px;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.85rem;
}
    gap: 12px;[b-p7i86u3htc]
}

.landing-footer__logo[b-p7i86u3htc] {
    max-height: 60px;
    object-fit: contain;
    margin-bottom: 12px;
}

.landing-footer__cta[b-p7i86u3htc] {
    color: #ffffff !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.4);
}

.landing-footer__legal[b-p7i86u3htc] {
    color: rgba(255, 255, 255, 0.65) !important;
    font-size: 0.82rem !important;
    margin-top: 16px !important;
    line-height: 1.6;
}

/* ── RESPONSIVE ───────────────────────────────────────────────── */
@@media (max-width: 768px) {
    .landing-hero__logo[b-p7i86u3htc] {
        max-height: 120px;
    }

    .landing-hero__title[b-p7i86u3htc] {
        font-size: 2rem;
    }

    .landing-hero__subtitle[b-p7i86u3htc] {
        font-size: 1.1rem;
    }

    .landing-hero__desc[b-p7i86u3htc] {
        padding: 14px 16px;
        font-size: 0.97rem;
    }

    .landing-section[b-p7i86u3htc] {
        padding: 48px 16px;
    }

    .landing-section-alt[b-p7i86u3htc] {
        padding: 48px 16px;
    }

    .kpi-value[b-p7i86u3htc] {
        font-size: 1.6rem;
    }

    .landing-footer[b-p7i86u3htc] {
        padding: 40px 16px;
    }
}
/* /Components/Pages/LerCodes/LerCodeList.razor.rz.scp.css */
/* ── Backdrop ───────────────────────────────────────────────────────────────── */
.modal-backdrop-custom[b-8495iudhvt] {
    position:   fixed;
    inset:      0;
    background: rgba(0, 0, 0, 0.45);
    z-index:    200;
}

/* ── Panel lateral de formulario ───────────────────────────────────────────── */
.modal-panel[b-8495iudhvt] {
    position:       fixed;
    top:            0;
    right:          0;
    height:         100vh;
    width:          min(560px, 95vw);
    background:     var(--color-surface, #fff);
    border-left:    1px solid var(--color-border, #dee2e6);
    display:        flex;
    flex-direction: column;
    z-index:        201;
    box-shadow:     -4px 0 24px rgba(0,0,0,0.15);
}

.modal-panel-header[b-8495iudhvt] {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding:         14px 20px;
    border-bottom:   1px solid var(--color-border, #dee2e6);
    flex-shrink:     0;
}

.modal-panel-body[b-8495iudhvt] {
    flex:       1;
    overflow-y: auto;
    padding:    20px;
}

.modal-panel-footer[b-8495iudhvt] {
    display:         flex;
    justify-content: flex-end;
    gap:             8px;
    padding:         14px 20px;
    border-top:      1px solid var(--color-border, #dee2e6);
    flex-shrink:     0;
}
/* /Components/Pages/Logistics/OperationalDashboard.razor.rz.scp.css */
/* ── Embudo de traslados ─────────────────────────────────────────────────────── */
.od-funnel-item[b-h6ak9vhq0r] {
    transition: opacity var(--transition-fast, 150ms);
}

/* ── Grid semanal ───────────────────────────────────────────────────────────── */
.od-weekly-grid[b-h6ak9vhq0r] {
    display:               grid;
    grid-template-columns: repeat(7, 1fr);
    gap:                   0.5rem;
}

.od-day-card[b-h6ak9vhq0r] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    padding:         0.6rem 0.25rem;
    border:          1px solid var(--border-color, rgba(0,0,0,.1));
    border-radius:   var(--radius-md, 8px);
    background:      var(--surface-2, #fff);
    text-align:      center;
    gap:             2px;
}

.od-day-card--today[b-h6ak9vhq0r] {
    border-color: var(--primary-muted, #8ACCC3);
    background:   rgba(138,204,195,.08);
}

.od-day-name[b-h6ak9vhq0r] {
    font-size:   0.65rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color:       var(--text-muted);
}

.od-day-num[b-h6ak9vhq0r] {
    font-size:   1.1rem;
    font-weight: 600;
    line-height: 1;
}

.od-day-count[b-h6ak9vhq0r] {
    font-size:   0.72rem;
    color:       var(--text-muted);
}

.od-day-count--has[b-h6ak9vhq0r] {
    color:       var(--primary, #0A404B);
    font-weight: 700;
}

.od-day-alert[b-h6ak9vhq0r] {
    font-size: 0.75rem;
    margin-top: 2px;
}

/* ── Balance de tratamiento ─────────────────────────────────────────────────── */
.od-balance-item[b-h6ak9vhq0r] {
    transition: opacity var(--transition-fast, 150ms);
}

/* ── Icono KPI (heredado de PublicMonitoring) ────────────────────────────────── */
.kpi-card-icon[b-h6ak9vhq0r] {
    width:           42px;
    height:          42px;
    border-radius:   10px;
    display:         flex;
    align-items:     center;
    justify-content: center;
    font-size:       1.2rem;
    flex-shrink:     0;
}

.kpi-card[b-h6ak9vhq0r] {
    display:     flex;
    align-items: center;
    gap:         1rem;
}

.kpi-card-body[b-h6ak9vhq0r] {
    flex:      1;
    min-width: 0;
}

.kpi-unit[b-h6ak9vhq0r] {
    font-size:   0.65rem;
    font-weight: 400;
    opacity:     0.7;
    margin-left: 2px;
}

.kpi-sub[b-h6ak9vhq0r] {
    font-size:  0.72rem;
    opacity:    0.55;
    margin-top: 2px;
}

.empty-state[b-h6ak9vhq0r] {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    text-align:      center;
    color:           var(--text-muted);
}
/* /Components/Pages/Logistics/PublicMonitoring.razor.rz.scp.css */
/* ── Grid de objetivos municipales ──────────────────────────────────────────── */
.pm-targets-grid[b-8kwtwostfb] {
    display:               grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap:                   1.25rem;
}

.pm-target-item[b-8kwtwostfb] {
    padding:       1rem 1.25rem;
    border:        1px solid var(--border-color, rgba(0,0,0,.1));
    border-radius: var(--radius-md, 8px);
    background:    var(--surface-2, #fff);
    transition:    box-shadow var(--transition-fast, 150ms);
}

.pm-target-item:hover[b-8kwtwostfb] {
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* kpi-unit: solo necesita color semántico, el resto hereda de site.css */
.kpi-unit[b-8kwtwostfb] {
    font-size:   0.65rem;
    font-weight: 400;
    opacity:     0.7;
    margin-left: 2px;
}
/* /Components/Pages/Security/PagePermissionMatrix.razor.rz.scp.css */
.page-header[b-6l0ygd132f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.page-actions[b-6l0ygd132f] {
    display: flex;
    gap: .5rem;
}

.ppm-table th[b-6l0ygd132f],
.ppm-table td[b-6l0ygd132f] {
    vertical-align: middle;
    font-size: .85rem;
}

.ppm-select[b-6l0ygd132f] {
    font-size: .78rem;
    padding: .15rem .25rem;
    min-width: 54px;
}

.access-none[b-6l0ygd132f]  { background: #f0f0f0; color: #999; }
.access-read[b-6l0ygd132f]  { background: #e3f2fd; color: #1565c0; }
.access-write[b-6l0ygd132f] { background: #fff3e0; color: #e65100; }
.access-rw[b-6l0ygd132f]    { background: #e8f5e9; color: #2e7d32; }

.ppm-new td[b-6l0ygd132f]  { background-color: #fffde7; }
.ppm-inactive[b-6l0ygd132f] { opacity: .55; }
/* /Components/Pages/SignedOut.razor.rz.scp.css */
/* ── Página de sesión cerrada ──────────────────────────────────────────────── */

.signed-out-shell[b-8yt9fxkhwe] {
    display:         flex;
    align-items:     center;
    justify-content: center;
    min-height:      100vh;
    background:      var(--background, #F4F6F8);
    padding:         24px;
}

.signed-out-card[b-8yt9fxkhwe] {
    background:    var(--surface, #ffffff);
    border:        1px solid var(--border, #D1D9E0);
    border-radius: 16px;
    box-shadow:    0 4px 24px rgba(26, 31, 46, 0.08);
    padding:       48px 40px;
    max-width:     420px;
    width:         100%;
    text-align:    center;
}

.signed-out-icon[b-8yt9fxkhwe] {
    width:         72px;
    height:        72px;
    background:    #E8F5EE;
    border-radius: 50%;
    display:       flex;
    align-items:   center;
    justify-content: center;
    margin:        0 auto 24px;
}

.signed-out-icon .bi[b-8yt9fxkhwe] {
    font-size: 2rem;
    color:     #0A404B;
}

.signed-out-title[b-8yt9fxkhwe] {
    font-size:     1.5rem;
    font-weight:   700;
    color:         #1A1F2E;
    margin-bottom: 12px;
    font-family:   'Inter', 'Segoe UI', sans-serif;
}

.signed-out-body[b-8yt9fxkhwe] {
    font-size:     0.95rem;
    color:         #4A5568;
    line-height:   1.6;
    margin-bottom: 32px;
}

.signed-out-btn[b-8yt9fxkhwe] {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    padding:         10px 28px;
    background:      #0A404B;
    color:           #ffffff;
    border-radius:   8px;
    font-size:       0.9rem;
    font-weight:     600;
    text-decoration: none;
    transition:      background 0.15s ease;
}

.signed-out-btn:hover[b-8yt9fxkhwe] {
    background:      #083338;
    color:           #ffffff;
    text-decoration: none;
}
/* /Components/Shared/DetailRow.razor.rz.scp.css */
.detail-row[b-i3pxbhuajp] {
    padding: var(--space-2) 0;
    border-bottom: 1px solid var(--border);
}

.detail-row:last-child[b-i3pxbhuajp] {
    border-bottom: none;
}

.detail-label[b-i3pxbhuajp] {
    display: block;
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
    margin-bottom: 2px;
}

.detail-value[b-i3pxbhuajp] {
    font-size: var(--text-sm);
    color: var(--text-primary);
    word-break: break-word;
}