/* /Layout/AdministrationLayout.razor.rz.scp.css */
[b-vfi5lvruj7] .admin-nav-item {
    border-radius: 8px;
    padding: 0.55rem 0.8rem !important;
    font-size: 0.82rem !important;
    color: #4a5260 !important;
    min-height: unset !important;
    transition: background-color 0.12s ease, color 0.12s ease;
}

[b-vfi5lvruj7] .admin-nav-item:hover {
    background: #f0f4f9 !important;
    color: #23519E !important;
}

[b-vfi5lvruj7] .admin-nav-item.active {
    background: #EBF1FA !important;
    color: #23519E !important;
    font-weight: 600 !important;
}

[b-vfi5lvruj7] .admin-nav-item.active .mud-icon-root {
    color: #23519E !important;
}
/* /Layout/LoginDisplay.razor.rz.scp.css */
.sidebar-user[b-xe2dek885w] {
    margin-top: auto;
    flex-shrink: 0;
}

.sidebar-user-divider[b-xe2dek885w] {
    height: 1px;
    background: linear-gradient(90deg, transparent 5%, rgba(255, 255, 255, 0.08) 50%, transparent 95%);
    margin: 0 0.8rem;
}

.sidebar-user-content[b-xe2dek885w] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.8rem 1rem;
}

.sidebar-user-content--clickable[b-xe2dek885w] {
    cursor: pointer;
    border-radius: 10px;
    margin: 0.4rem 0.6rem;
    padding: 0.6rem 0.8rem;
    transition: background-color 0.15s ease;
}

.sidebar-user-content--clickable:hover[b-xe2dek885w] {
    background: rgba(255, 255, 255, 0.06);
}

.sidebar-user-gear[b-xe2dek885w] {
    transition: transform 0.3s ease;
}

.sidebar-user-content--clickable:hover .sidebar-user-gear[b-xe2dek885w] {
    transform: rotate(45deg);
}

.sidebar-user-popover[b-xe2dek885w] {
    min-width: 220px;
}

.sidebar-user-info[b-xe2dek885w] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
    line-height: 1.25;
}

.sidebar-user-name[b-xe2dek885w] {
    font-size: 0.8rem;
    font-weight: 550;
    color: rgba(255, 255, 255, 0.85);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-user-role[b-xe2dek885w] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.35);
    letter-spacing: 0.5px;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-gmfx3ys4if] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #F4F6FA;
}

main[b-gmfx3ys4if] {
    flex: 1;
    min-width: 0;
}

/* ─── Sidebar ─── */
.sidebar[b-gmfx3ys4if] {
    background: linear-gradient(180deg, #13203a 0%, #0e1a2e 50%, #0a1222 100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                width 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                min-width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.04);
    z-index: 1100;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    flex-direction: column;
}

/* ─── Overlay (mobile) ─── */
.sidebar-overlay[b-gmfx3ys4if] {
    display: none;
}

/* ─── Sidebar Toggle (color brand naranja) ─── */
.sv-sidebar-toggle[b-gmfx3ys4if] {
    width: 32px;
    height: 32px;
    border-radius: 7px;
    background: transparent;
    border: none;
    color: #F18A25;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-right: 6px;
    transition: background 0.18s ease, color 0.18s ease, transform 0.1s ease;
}

.sv-sidebar-toggle:hover[b-gmfx3ys4if] {
    background: rgba(0, 0, 0, 0.05);
    color: #F18A25;
}

.sv-sidebar-toggle.is-active[b-gmfx3ys4if] {
    background: rgba(0, 0, 0, 0.05);
    color: #F18A25;
}

.sv-sidebar-toggle.is-active:hover[b-gmfx3ys4if] {
    background: rgba(0, 0, 0, 0.08);
    color: #F18A25;
}

.sv-sidebar-toggle:active[b-gmfx3ys4if] {
    transform: scale(0.94);
}

.sv-sidebar-toggle:focus-visible[b-gmfx3ys4if] {
    outline: 2px solid #1A3D7A;
    outline-offset: 1px;
}


/* ─── Command Bar Container ─── */
.top-row-container[b-gmfx3ys4if] {
    display: flex;
    padding: 0;
    position: sticky;
    top: 0;
    z-index: 10;
    background: transparent;
}

.command-bar[b-gmfx3ys4if] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    background: #F4F6FA;
    border: none;
    border-bottom: none;
    border-radius: 0;
    padding: 0 24px;
    box-shadow: none;
    width: 100%;
    height: 48px;
    min-height: 48px;
}

.command-bar__group[b-gmfx3ys4if] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;
    padding: 0 2px;
    position: relative;
    white-space: nowrap;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.command-bar__group[b-gmfx3ys4if]::after {
    display: none;
}

.command-bar__group:last-child[b-gmfx3ys4if]::after {
    display: none;
}

.command-bar__left[b-gmfx3ys4if] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.command-bar__title[b-gmfx3ys4if] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--brand-blue-dark);
    letter-spacing: -0.02em;
    white-space: nowrap;
}

.command-bar__right[b-gmfx3ys4if] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.command-bar__toolbar-shell[b-gmfx3ys4if] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
}

/* ─── Botones dentro de la Command Bar ─── */
[b-gmfx3ys4if] .command-bar .mud-button-root {
    border-radius: 24px !important;
    min-height: 34px !important;
    padding: 0 16px !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

[b-gmfx3ys4if] .command-bar .mud-button-root:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
}

[b-gmfx3ys4if] .command-bar .mud-button-root:active:not(:disabled) {
    transform: scale(0.96);
    box-shadow: none;
}

[b-gmfx3ys4if] .command-bar .mud-icon-button-root {
    border-radius: 12px !important;
    width: 36px !important;
    height: 36px !important;
    transition: all 0.18s ease !important;
    background: transparent !important;
}

[b-gmfx3ys4if] .command-bar .mud-icon-button-root:hover {
    background: #EEF2F7 !important;
    transform: translateY(-1px);
}

/* Fallback for pages without toolbar actions */
.top-row[b-gmfx3ys4if] {
    background-color: transparent;
    border-bottom: none;
    box-shadow: none;
    justify-content: center;
    height: auto;
    display: flex;
    align-items: center;
    gap: 0;
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 10px 16px;
}

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

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

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

/* ─── Sidebar toggle button ─── */
[b-gmfx3ys4if] .top-row .mud-icon-button:first-child:hover {
    background: #EBF1FA !important;
}

/* ─── Toolbar action buttons ─── */
[b-gmfx3ys4if] .top-row .mud-button {
    transition: all 0.18s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[b-gmfx3ys4if] .top-row .mud-button:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12);
}

[b-gmfx3ys4if] .top-row .mud-button:active:not(:disabled) {
    transform: translateY(0);
}

/* ═══════════════════════════════════════════
   MOBILE  (< 641px)
   ═══════════════════════════════════════════ */
@media (max-width: 640.98px) {
    .sidebar[b-gmfx3ys4if] {
        width: 270px;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        height: 100dvh;
        transform: translateX(0);
    }

    .sidebar--collapsed[b-gmfx3ys4if] {
        transform: translateX(-100%);
    }

    .sidebar-overlay[b-gmfx3ys4if] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        backdrop-filter: blur(2px);
        z-index: 1050;
        animation: fadeIn-b-gmfx3ys4if 0.2s ease;
    }

    .top-row[b-gmfx3ys4if] {
        justify-content: flex-start;
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

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

    /* Toolbar buttons: compact on mobile */
    [b-gmfx3ys4if] .top-row .d-flex {
        gap: 3px !important;
        flex-wrap: wrap;
    }

    [b-gmfx3ys4if] .top-row .mud-button {
        padding-left: 6px !important;
        padding-right: 6px !important;
        min-width: unset !important;
        font-size: 0.7rem !important;
    }

    /* Hide button text on very small screens, show only icons */
    [b-gmfx3ys4if] .top-row .mud-button .mud-button-label {
        font-size: 0.7rem;
    }

    article.content[b-gmfx3ys4if] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/* ═══════════════════════════════════════════
   TABLET  (641px - 1024px)
   ═══════════════════════════════════════════ */
@media (min-width: 641px) and (max-width: 1024px) {
    .page[b-gmfx3ys4if] {
        flex-direction: row;
    }

    .sidebar[b-gmfx3ys4if] {
        width: 270px;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        height: 100dvh;
        transform: translateX(0);
    }

    .sidebar--collapsed[b-gmfx3ys4if] {
        transform: translateX(-100%);
    }

    .sidebar-overlay[b-gmfx3ys4if] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        backdrop-filter: blur(2px);
        z-index: 1050;
        animation: fadeIn-b-gmfx3ys4if 0.2s ease;
    }

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

/* ═══════════════════════════════════════════
   DESKTOP  (> 1024px)
   ═══════════════════════════════════════════ */
@media (min-width: 1025px) {
    .page[b-gmfx3ys4if] {
        flex-direction: row;
    }

    .sidebar[b-gmfx3ys4if] {
        width: 270px;
        min-width: 270px;
        height: 100vh;
        height: 100dvh;
        position: sticky;
        top: 0;
    }

    .sidebar--collapsed[b-gmfx3ys4if] {
        width: 0;
        min-width: 0;
    }

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

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

/* ─── Animations ─── */
@keyframes fadeIn-b-gmfx3ys4if {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ═══════════════════════════════════════════
   IMMERSIVE MODE — maximiza espacio de contenido
   Usado en pantallas WMS (Recepción, Despacho)
   ═══════════════════════════════════════════ */
article.content--immersive[b-gmfx3ys4if] {
    padding: 4px 8px !important;
    max-width: 100% !important;
}

@media (min-width: 1025px) {
    article.content--immersive[b-gmfx3ys4if] {
        padding: 4px 12px !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* ═══════════════════════════════════════════
   SIDEBAR HEADER / BRAND
   ═══════════════════════════════════════════ */
.sidebar-header[b-8p5l3qupk5] {
    padding: 0 1.2rem;
    display: flex;
    align-items: center;
    height: 48px;
    min-height: 48px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.brand-container[b-8p5l3qupk5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    width: 100%;
}

.brand-logo[b-8p5l3qupk5] {
    height: 24px;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2));
    transition: filter 0.3s ease;
}

.brand-logo:hover[b-8p5l3qupk5] {
    filter: drop-shadow(0 2px 8px rgba(241, 138, 37, 0.3));
}

.brand-version[b-8p5l3qupk5] {
    font-size: 0.5rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    padding-left: 0.6rem;
    line-height: 1.3;
}

.brand-version strong[b-8p5l3qupk5] {
    display: block;
    font-size: 0.55rem;
    font-weight: 700;
    color: rgba(241, 138, 37, 0.9);
    letter-spacing: 1px;
}

/* ─── Divider gradient ─── */
.sidebar-divider[b-8p5l3qupk5] {
    height: 1px;
    background: linear-gradient(90deg, transparent 5%, rgba(255, 255, 255, 0.08) 50%, transparent 95%);
}

/* ═══════════════════════════════════════════
   SECTION LABELS
   ═══════════════════════════════════════════ */
.nav-section-label[b-8p5l3qupk5] {
    font-size: 0.55rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.3);
    letter-spacing: 2.5px;
    text-transform: uppercase;
    padding: 1.2rem 1.2rem 0.4rem;
    user-select: none;
    position: relative;
}

.nav-section-label[b-8p5l3qupk5]::before {
    content: '';
    position: absolute;
    left: 1.2rem;
    right: 1.2rem;
    top: 0.55rem;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0%, transparent 100%);
}

/* ═══════════════════════════════════════════
   NAVIGATION AREA
   ═══════════════════════════════════════════ */
.sidebar-nav[b-8p5l3qupk5] {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.5rem 0.5rem 1.5rem;
    flex: 1;
    min-height: 0;
}

/* Custom scrollbar */
.sidebar-nav[b-8p5l3qupk5]::-webkit-scrollbar {
    width: 3px;
}

.sidebar-nav[b-8p5l3qupk5]::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-nav[b-8p5l3qupk5]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 6px;
}

.sidebar-nav[b-8p5l3qupk5]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* ═══════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════ */
.navbar-toggler[b-8p5l3qupk5] {
    display: none;
}

@media (min-width: 641px) {
    .navbar-toggler[b-8p5l3qupk5] {
        display: none;
    }

    .collapse[b-8p5l3qupk5] {
        display: block;
    }

    .sidebar-nav[b-8p5l3qupk5] {
        flex: 1;
        min-height: 0;
    }
}

@media (max-width: 640.98px) {
    .sidebar-nav[b-8p5l3qupk5] {
        flex: 1;
        min-height: 0;
    }
}
/* /Pages/BusinessInteraction/ListBusinessInteraction.razor.rz.scp.css */
@media (min-width: 768px) {
    .interaction-list[b-0uqsuf477q]  .interaction-list__observation {
        min-width: 450px;
        width: 450px;
        max-width: 450px;
        white-space: normal;
        overflow-wrap: anywhere;
    }
}
/* /Pages/BusinessPartnerMessageTemplate/CreateBusinessPartnerMessageTemplate.razor.rz.scp.css */
.template-preview[b-1mcz46ffey] {
    width: 100%;
    min-height: 500px;
    padding: 30px;
    background: #F5F5F5;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    box-sizing: border-box;
}

.template-preview__sheet[b-1mcz46ffey] {
    display: block;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 30px;
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
}

.template-preview[b-1mcz46ffey]  .template-preview__empty {
    color: #6B7280;
}

@media (max-width: 767px) {
    .template-preview[b-1mcz46ffey],
    .template-preview__sheet[b-1mcz46ffey] {
        padding: 16px;
    }
}
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */
.dashboard-progress[b-1imtawrje3] {
    margin-bottom: 12px;
    border-radius: 999px;
}

.dashboard-shell[b-1imtawrje3] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 20px 0 32px;
}

.dashboard-hero[b-1imtawrje3] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 420px);
    gap: 22px;
    align-items: stretch;
}

.dashboard-hero__copy[b-1imtawrje3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 30px;
    border-radius: 26px;
    background:
        radial-gradient(circle at top right, rgba(240, 174, 30, 0.24), transparent 28%),
        linear-gradient(135deg, #13203a 0%, var(--brand-blue-dark) 60%, #23519e 100%);
    color: #fff;
    box-shadow: 0 24px 48px rgba(19, 32, 58, 0.18);
}

.dashboard-hero__eyebrow[b-1imtawrje3] {
    display: inline-flex;
    width: fit-content;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.dashboard-hero__title[b-1imtawrje3] {
    margin: 0;
    font-size: clamp(1.9rem, 2vw, 2.6rem);
    line-height: 1.05;
}

.dashboard-hero__subtitle[b-1imtawrje3] {
    margin: 0;
    max-width: 720px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
}

.dashboard-hero__chips[b-1imtawrje3] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.dashboard-hero__chip[b-1imtawrje3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.11);
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.82rem;
}

.dashboard-hero__actions[b-1imtawrje3] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: auto;
}

.dashboard-placeholder-card[b-1imtawrje3],
.dashboard-panel[b-1imtawrje3] {
    padding: 22px;
    border-radius: 22px;
    border: 1px solid #e5e7eb;
    background: linear-gradient(180deg, rgba(250, 251, 252, 0.88) 0%, #ffffff 100%);
}

.dashboard-placeholder-card[b-1imtawrje3] {
    box-shadow: 0 18px 36px rgba(26, 61, 122, 0.08);
}

.dashboard-signal-grid[b-1imtawrje3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.dashboard-signal-placeholder[b-1imtawrje3] {
    padding: 18px;
    border-radius: 20px;
    border: 1px solid #e5e7eb;
    background: #fff;
}

.dashboard-signal-card[b-1imtawrje3] {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    gap: 14px;
    align-items: center;
    padding: 18px;
    border-radius: 20px;
    border: 1px solid #e5e7eb;
    background: #fff;
    text-decoration: none;
    color: inherit;
    position: relative;
    overflow: hidden;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.dashboard-signal-card[b-1imtawrje3]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: var(--signal-accent);
}

.dashboard-signal-card:hover[b-1imtawrje3],
.dashboard-process-card:hover[b-1imtawrje3] {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(19, 32, 58, 0.08);
    border-color: #d7e0eb;
}

.dashboard-signal-card__icon[b-1imtawrje3] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--signal-accent) 12%, white);
    color: var(--signal-accent);
}

.dashboard-signal-card__icon .mud-icon-root[b-1imtawrje3] {
    font-size: 1.3rem;
}

.dashboard-signal-card__body[b-1imtawrje3] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.dashboard-signal-card__label[b-1imtawrje3] {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6b7280;
}

.dashboard-signal-card__value[b-1imtawrje3] {
    font-size: 1.7rem;
    line-height: 1;
    color: #13203a;
}

.dashboard-signal-card__description[b-1imtawrje3] {
    font-size: 0.8rem;
    color: #6b7280;
}

.dashboard-panel__header[b-1imtawrje3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
}

.dashboard-panel__header h2[b-1imtawrje3] {
    margin: 0;
    font-size: 1.08rem;
    color: #13203a;
}

.dashboard-panel__header p[b-1imtawrje3] {
    margin: 6px 0 0;
    color: #6b7280;
    font-size: 0.85rem;
}

.dashboard-process-grid[b-1imtawrje3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.dashboard-process-card[b-1imtawrje3] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    border-radius: 20px;
    border: 1px solid #edf0f3;
    background: #fff;
    position: relative;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.dashboard-process-card[b-1imtawrje3]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    border-radius: 20px 20px 0 0;
    background: var(--process-accent);
}

.dashboard-process-card__top[b-1imtawrje3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.dashboard-process-card__icon[b-1imtawrje3] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--process-accent) 10%, white);
    color: var(--process-accent);
}

.dashboard-process-card__title[b-1imtawrje3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dashboard-process-card__title strong[b-1imtawrje3] {
    color: #13203a;
    font-size: 1rem;
}

.dashboard-process-card__title span[b-1imtawrje3],
.dashboard-process-card__detail[b-1imtawrje3] {
    color: #6b7280;
    font-size: 0.84rem;
    line-height: 1.45;
}

.dashboard-process-card__detail[b-1imtawrje3] {
    margin: 0;
}

.dashboard-process-card__stage-grid[b-1imtawrje3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.dashboard-process-card__stage-grid div[b-1imtawrje3] {
    padding: 12px;
    border-radius: 14px;
    background: #f8fafc;
}

.dashboard-process-card__stage-grid span[b-1imtawrje3],
.dashboard-process-card__fact span[b-1imtawrje3] {
    display: block;
    margin-bottom: 4px;
    color: #6b7280;
    font-size: 0.72rem;
}

.dashboard-process-card__stage-grid strong[b-1imtawrje3] {
    font-size: 1.02rem;
    color: #13203a;
}

.dashboard-process-card__fact-grid[b-1imtawrje3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.dashboard-process-card__fact[b-1imtawrje3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dashboard-process-card__fact strong[b-1imtawrje3] {
    color: #13203a;
    font-size: 0.88rem;
    line-height: 1.35;
}

.dashboard-process-card__actions[b-1imtawrje3] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: auto;
}

.dashboard-status-pill[b-1imtawrje3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
}

.dashboard-status-pill--stable[b-1imtawrje3] {
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
}

.dashboard-status-pill--watch[b-1imtawrje3] {
    background: rgba(35, 81, 158, 0.12);
    color: #23519e;
}

.dashboard-status-pill--pressure[b-1imtawrje3] {
    background: rgba(241, 138, 37, 0.16);
    color: #b45309;
}

.dashboard-status-pill--idle[b-1imtawrje3] {
    background: #f3f4f6;
    color: #6b7280;
}

.dashboard-right-rail[b-1imtawrje3] {
    position: sticky;
    top: 92px;
}

@media (max-width: 1440px) {
    .dashboard-signal-grid[b-1imtawrje3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .dashboard-hero[b-1imtawrje3] {
        grid-template-columns: 1fr;
    }

    .dashboard-right-rail[b-1imtawrje3] {
        position: static;
    }
}

@media (max-width: 960px) {
    .dashboard-process-grid[b-1imtawrje3],
    .dashboard-signal-grid[b-1imtawrje3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .dashboard-shell[b-1imtawrje3] {
        gap: 18px;
    }

    .dashboard-hero__copy[b-1imtawrje3],
    .dashboard-panel[b-1imtawrje3],
    .dashboard-placeholder-card[b-1imtawrje3],
    .dashboard-signal-card[b-1imtawrje3] {
        padding: 18px;
    }

    .dashboard-hero__actions[b-1imtawrje3],
    .dashboard-panel__header[b-1imtawrje3],
    .dashboard-process-card__actions[b-1imtawrje3] {
        flex-direction: column;
        align-items: flex-start;
    }

    .dashboard-process-card__stage-grid[b-1imtawrje3],
    .dashboard-process-card__fact-grid[b-1imtawrje3] {
        grid-template-columns: 1fr;
    }
}

/* La flota ocupa la pantalla. El layout reserva un canal arriba y abajo que en las demas
   paginas separa tarjetas; aca solo achica el mapa, que es lo unico que hay que mirar. */
.lfm-full[b-1imtawrje3] {
    /* Ya no hace falta subir el mapa con margen negativo para tapar la franja del boton
       de menu: la pantalla pide que se oculte la barra de comandos entera
       (SetCommandBarHidden), asi que esa franja no se dibuja. Quedan solo los canales
       laterales e inferior que el layout reserva para separar tarjetas y que aca solo
       le roban alto al unico contenido que hay. */
    margin: 0 -8px -20px;
}
/* /Pages/Fleet/LiveFleetMap.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════════
   Flota en vivo — consola de vidrio sobre el mapa.

   El mapa va a sangre completa y el panel FLOTA encima, traslucido y desenfocado.
   La version anterior lo puso como columna solida que empujaba al mapa a un costado:
   funcionaba, pero partia la pantalla en dos rectangulos y se perdia lo que hace que
   esto se sienta de una pieza —el mapa siguiendo por debajo del panel—.

   Los tokens repiten los del design system Apple del movil (mx.css, prefijo .ax-).
   Se copian en vez de heredarse porque alli viven bajo `.mx`, y traer esa clase
   arrastraria tambien todo el layout de telefono.
   ════════════════════════════════════════════════════════════════════════ */
.lfm[b-1g17b4yb38] {
    --ax-label: #1C1C1E;
    --ax-label-2: rgba(60, 60, 67, 0.60);
    --ax-label-3: rgba(60, 60, 67, 0.30);
    --ax-separator: rgba(60, 60, 67, 0.16);
    --ax-fill: rgba(120, 120, 128, 0.10);
    --ax-tint: #23519E;
    --ax-tint-soft: rgba(35, 81, 158, 0.12);
    --ax-green: #2FB457;
    --ax-amber: #F18A25;

    /* Vidrio: el material, no un color. */
    --ax-glass: rgba(255, 255, 255, 0.72);
    --ax-glass-line: rgba(255, 255, 255, 0.55);
    --ax-blur: saturate(180%) blur(24px);

    --ax-r-card: 22px;
    --ax-r-row: 14px;
    --ax-shadow: 0 4px 10px rgba(13, 25, 48, .06), 0 18px 44px rgba(13, 25, 48, .18);

    position: relative;
    height: 100%;
    min-height: 420px;
    /* El mapa como pieza y no como fondo a sangre: las esquinas redondeadas lo separan
       del cromo de la aplicacion, que es lo que hace que se lea como un componente. */
    border-radius: 20px;
    overflow: hidden;
    background: #E8EDF2;
    box-shadow: 0 1px 2px rgba(13, 25, 48, .05), 0 10px 30px rgba(13, 25, 48, .08);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* El mapa ocupa todo. El panel lo tapa en parte, y esa es la idea: por debajo del
   vidrio se sigue viendo el terreno moverse. */
.lfm__map[b-1g17b4yb38] {
    position: absolute;
    inset: 0;
}

/* ── Panel flotante ─────────────────────────────────────────────────────── */
.lfm__dock[b-1g17b4yb38] {
    position: absolute;
    left: 14px;
    top: 14px;
    /* Alto por contenido y no de borde a borde: sin la lista, estirarlo hasta abajo
       dejaba dos tercios de vidrio vacio tapando el mapa sin decir nada. Se limita
       para que un detalle largo no se coma la pantalla. */
    max-height: calc(100% - 28px);
    width: 296px;
    z-index: 500;

    display: flex;
    flex-direction: column;

    background: var(--ax-glass);
    -webkit-backdrop-filter: var(--ax-blur);
    backdrop-filter: var(--ax-blur);
    border: .5px solid var(--ax-glass-line);
    border-radius: var(--ax-r-card);
    box-shadow: var(--ax-shadow);

    /* Visible, no hidden: el desplegable cae POR DEBAJO del panel y con recorte quedaba
       cortado a la altura del borde —se veian dos opciones y media—. Las esquinas se
       redondean igual porque el radio esta en el panel; lo unico que hay que cuidar es
       que el ultimo bloque no cuadre la esquina de abajo, y de eso se ocupa .lfm__det. */
    overflow: visible;
}

.lfm__dock-head[b-1g17b4yb38] {
    border-radius: var(--ax-r-card) var(--ax-r-card) 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 16px 13px;
    border-bottom: .5px solid var(--ax-separator);
}

.lfm__dock-title[b-1g17b4yb38] {
    display: inline-flex;
    align-items: baseline;
    gap: 7px;
    font-size: 13px;
    color: var(--ax-label-2);
    letter-spacing: -.01em;
}

.lfm__dock-title b[b-1g17b4yb38] {
    font-size: 22px;
    font-weight: 700;
    color: var(--ax-label);
    letter-spacing: -.02em;
    font-variant-numeric: tabular-nums;
}

.lfm__dot[b-1g17b4yb38] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    align-self: center;
}

.lfm__dot--go[b-1g17b4yb38] { background: var(--ax-green); }
.lfm__dot--stop[b-1g17b4yb38] { background: var(--ax-label-3); }

/* La marca de AppGold: solida sobre su amarillo, sin sombra, sin degradado y sin
   transparencia. Una firma a media opacidad se lee como un elemento apagado, y la
   marca no esta apagada nunca: lo que cambia segun la fuente del dato es el punto de
   estado, no el logo. */
.lfm__src[b-1g17b4yb38] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border-radius: 11px;
    background: #FFC800;
    cursor: help;
}

.lfm__src-logo[b-1g17b4yb38] {
    height: 15px;
    width: auto;
    display: block;
    opacity: 1;
}

/* El punto de estado al lado del logo. Late, porque es lo que dice que la pantalla
   esta viva: un punto quieto se lee como un icono, uno que late se lee como una
   senial que sigue llegando. */
.lfm__src[b-1g17b4yb38]::after {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #1C7A3C;
    animation: lfm-latido-b-1g17b4yb38 1.6s ease-in-out infinite;
}

.lfm__src--sim[b-1g17b4yb38]::after { background: #C2410C; }

@keyframes lfm-latido-b-1g17b4yb38 {
    0%, 100% { opacity: 1;   transform: scale(1); }
    50%      { opacity: .35; transform: scale(.82); }
}

/* Quien pidio menos movimiento no lo recibe: el color solo ya distingue los dos
   estados, asi que apagar el latido no le quita informacion a nadie. */
@media (prefers-reduced-motion: reduce) {
    .lfm__src[b-1g17b4yb38]::after { animation: none; }
}

/* ── Selector de pais (nativo: con dos o tres opciones alcanza) ─────── */
.lfm__pick[b-1g17b4yb38] {
    flex: 0 0 auto;
    padding: 14px 16px;
    position: relative;
}

.lfm__pick--pais[b-1g17b4yb38] { padding-bottom: 0; }

.lfm__select[b-1g17b4yb38] {
    width: 100%;
    min-height: 44px;
    padding: 0 34px 0 13px;
    border: .5px solid var(--ax-separator);
    border-radius: var(--ax-r-row);
    background: rgba(255, 255, 255, .78);
    color: var(--ax-label);
    font: inherit;
    font-size: 14px;
    letter-spacing: -.01em;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%233C3C43' stroke-opacity='.6' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 13px center;
    transition: background-color .18s ease, border-color .18s ease;
}

.lfm__select:hover[b-1g17b4yb38] { background-color: rgba(255, 255, 255, .92); }

.lfm__select:focus[b-1g17b4yb38] {
    outline: none;
    border-color: var(--ax-tint);
    box-shadow: 0 0 0 3px var(--ax-tint-soft);
}

/* ── Desplegable de unidad, propio ────────────────────── */
.lfm__combo[b-1g17b4yb38] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    border: .5px solid var(--ax-separator);
    border-radius: var(--ax-r-row);
    background: rgba(255, 255, 255, .78);
    color: var(--ax-label-2);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease;
}

.lfm__combo:hover[b-1g17b4yb38] { background: rgba(255, 255, 255, .92); }

.lfm__combo.is-open[b-1g17b4yb38] {
    border-color: var(--ax-tint);
    box-shadow: 0 0 0 3px var(--ax-tint-soft);
}

.lfm__combo-txt[b-1g17b4yb38] {
    display: flex;
    align-items: baseline;
    gap: 7px;
    min-width: 0;
    font-size: 14px;
    letter-spacing: -.01em;
}

.lfm__combo-txt b[b-1g17b4yb38] { color: var(--ax-label); font-weight: 600; }

.lfm__combo-txt em[b-1g17b4yb38] {
    font-style: normal;
    font-size: 11.5px;
    color: var(--ax-label-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lfm__combo-ph[b-1g17b4yb38] { color: var(--ax-label-2); }

.lfm__pop[b-1g17b4yb38] {
    position: absolute;
    left: 16px;
    right: 16px;
    top: calc(100% - 2px);
    z-index: 520;
    display: flex;
    flex-direction: column;
    max-height: 292px;
    padding: 8px;
    background: rgba(255, 255, 255, .92);
    -webkit-backdrop-filter: var(--ax-blur);
    backdrop-filter: var(--ax-blur);
    border: .5px solid var(--ax-glass-line);
    border-radius: 16px;
    box-shadow: var(--ax-shadow);
    animation: lfm-pop-b-1g17b4yb38 .16s ease-out;
}

@keyframes lfm-pop-b-1g17b4yb38 {
    from { opacity: 0; transform: translateY(-5px) scale(.98); }
    to   { opacity: 1; transform: none; }
}

.lfm__pop-q[b-1g17b4yb38] {
    width: 100%;
    min-height: 36px;
    margin-bottom: 6px;
    padding: 0 11px;
    border: 0;
    border-radius: 10px;
    background: var(--ax-fill);
    font: inherit;
    font-size: 13.5px;
    color: var(--ax-label);
}

.lfm__pop-q:focus[b-1g17b4yb38] { outline: none; background: rgba(120, 120, 128, .16); }
.lfm__pop-q[b-1g17b4yb38]::placeholder { color: var(--ax-label-2); }

.lfm__pop-list[b-1g17b4yb38] {
    overflow-y: auto;
    min-height: 0;
    scrollbar-width: thin;
}

.lfm__pop-list[b-1g17b4yb38]::-webkit-scrollbar { width: 6px; }
.lfm__pop-list[b-1g17b4yb38]::-webkit-scrollbar-thumb {
    background: rgba(60, 60, 67, .18);
    border-radius: 3px;
}

.lfm__opt[b-1g17b4yb38] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 40px;
    padding: 6px 9px;
    border: 0;
    border-radius: 10px;
    background: none;
    text-align: left;
    cursor: pointer;
    transition: background .14s ease;
}

.lfm__opt:hover[b-1g17b4yb38] { background: rgba(120, 120, 128, .10); }
.lfm__opt.is-on[b-1g17b4yb38] { background: var(--ax-tint-soft); }

.lfm__opt-txt[b-1g17b4yb38] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 1px;
}

.lfm__opt-txt b[b-1g17b4yb38] {
    font-size: 14px;
    font-weight: 600;
    color: var(--ax-label);
    line-height: 1.2;
}

.lfm__opt-txt em[b-1g17b4yb38] {
    font-style: normal;
    font-size: 11.5px;
    color: var(--ax-label-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lfm__row-led[b-1g17b4yb38] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.lfm__row-led.is-go[b-1g17b4yb38] {
    background: var(--ax-green);
    box-shadow: 0 0 0 3px rgba(47, 180, 87, .18);
}

.lfm__row-led.is-stop[b-1g17b4yb38] { background: var(--ax-label-3); }

.lfm__pop-none[b-1g17b4yb38] {
    padding: 14px 10px;
    font-size: 12.5px;
    color: var(--ax-label-2);
    text-align: center;
}

/* ── Cambiar la base del mapa ────────────────────────── */
.lfm__mapstyle[b-1g17b4yb38] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 9px;
    background: rgba(120, 120, 128, .10);
    color: var(--ax-label);
    cursor: pointer;
    transition: background .18s ease;
}

.lfm__mapstyle:hover[b-1g17b4yb38] { background: rgba(120, 120, 128, .18); }

/* ── Acciones del detalle ───────────────────────────── */
.lfm__det-acts[b-1g17b4yb38] {
    display: flex;
    gap: 6px;
    margin-top: 12px;
}

.lfm__act[b-1g17b4yb38] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex: 1;
    min-height: 34px;
    border-radius: 10px;
    background: var(--ax-tint-soft);
    color: var(--ax-tint);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -.01em;
    text-decoration: none;
    transition: background .18s ease;
}

.lfm__act:hover[b-1g17b4yb38] { background: rgba(35, 81, 158, .2); }

/* ── Detalle de la unidad elegida ───────────────────────────────────────── */
.lfm__det[b-1g17b4yb38] {
    border-radius: 0 0 var(--ax-r-card) var(--ax-r-card);
    overflow-y: auto;
    border-top: .5px solid var(--ax-separator);
    padding: 14px 16px 15px;
    background: rgba(255, 255, 255, .5);
}

.lfm__det-foto[b-1g17b4yb38] {
    display: block;
    width: 100%;
    max-width: 196px;
    height: auto;
    margin: 0 auto 8px;
}

.lfm__det-placa[b-1g17b4yb38] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    font-size: 19px;
    letter-spacing: -.02em;
    color: var(--ax-label);
}

.lfm__det-x[b-1g17b4yb38] {
    border: 0;
    background: var(--ax-fill);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-size: 15px;
    line-height: 1;
    color: var(--ax-label-2);
    cursor: pointer;
    transition: background .18s ease;
}

.lfm__det-x:hover[b-1g17b4yb38] { background: rgba(120, 120, 128, .18); }

.lfm__det-sub[b-1g17b4yb38] {
    font-size: 12.5px;
    color: var(--ax-label-2);
    margin-top: 2px;
    letter-spacing: -.01em;
}

.lfm__det-estado[b-1g17b4yb38] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: -.01em;
}

.lfm__det-estado span[b-1g17b4yb38] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.lfm__det-estado.is-go[b-1g17b4yb38] {
    color: #1E7A3C;
    background: rgba(47, 180, 87, .14);
}

.lfm__det-estado.is-go span[b-1g17b4yb38] { background: var(--ax-green); }

.lfm__det-estado.is-stop[b-1g17b4yb38] {
    color: var(--ax-label-2);
    background: var(--ax-fill);
}

.lfm__det-estado.is-stop span[b-1g17b4yb38] { background: var(--ax-label-3); }

.lfm__det-datos[b-1g17b4yb38] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 5px 12px;
    margin: 12px 0 0;
    font-size: 13px;
    letter-spacing: -.01em;
}

.lfm__det-datos dt[b-1g17b4yb38] { color: var(--ax-label-2); margin: 0; }

.lfm__det-datos dd[b-1g17b4yb38] {
    color: var(--ax-label);
    margin: 0;
    text-align: right;
    font-weight: 500;
}

.lfm__det-src[b-1g17b4yb38] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 13px;
    padding-top: 11px;
    border-top: .5px solid var(--ax-separator);
}

/* Monocromo aca: el panel ya tiene la foto del camion y su color; una segunda
   mancha amarilla competiria con ella. */
.lfm__det-src img[b-1g17b4yb38] { height: 12px; width: auto; opacity: .5; }
.lfm__det-src span[b-1g17b4yb38] { font-size: 11px; color: var(--ax-label-2); line-height: 1.25; }

/* ── Aviso dentro del panel ──────────────────────────── */
.lfm__aviso[b-1g17b4yb38] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 22px 18px 24px;
    text-align: center;
}

.lfm__aviso-t[b-1g17b4yb38] {
    font-weight: 600;
    font-size: 14px;
    color: var(--ax-label);
    letter-spacing: -.01em;
}

.lfm__aviso-s[b-1g17b4yb38] {
    font-size: 12.5px;
    color: var(--ax-label-2);
    line-height: 1.45;
}

.lfm__aviso-s code[b-1g17b4yb38] {
    background: var(--ax-fill);
    padding: 2px 6px;
    border-radius: 6px;
    font-size: 11.5px;
}

/* ── Avance del reparto ─────────────────────────────────────────────────── */
.lfm__entregas[b-1g17b4yb38] { margin-top: 12px; }

.lfm__entregas-cab[b-1g17b4yb38] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    font-size: 12.5px;
    color: var(--ax-label-2);
    letter-spacing: -.01em;
}

.lfm__entregas-cab b[b-1g17b4yb38] {
    color: var(--ax-label);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.lfm__barra[b-1g17b4yb38] {
    height: 6px;
    margin-top: 6px;
    border-radius: 999px;
    background: var(--ax-fill);
    overflow: hidden;
}

.lfm__barra span[b-1g17b4yb38] {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: var(--ax-green);
    transition: width .4s ease;
}

.lfm__entregas-nota[b-1g17b4yb38] {
    margin-top: 12px;
    font-size: 12px;
    color: var(--ax-label-2);
}

/* Velo transparente que capta el clic fuera de un desplegable abierto. Va bajo el panel
   y sobre el mapa: cerrar no debe además mover el mapa. */
.lfm__velo[b-1g17b4yb38] {
    position: absolute;
    inset: 0;
    z-index: 490;
}

/* ── Las entregas, una por una ──────────────────────────────────────────── */
.lfm__paradas[b-1g17b4yb38] {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    max-height: 168px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.lfm__paradas[b-1g17b4yb38]::-webkit-scrollbar { width: 5px; }
.lfm__paradas[b-1g17b4yb38]::-webkit-scrollbar-thumb {
    background: rgba(60, 60, 67, .18);
    border-radius: 3px;
}

.lfm__parada[b-1g17b4yb38] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 5px 0;
}

/* El numero de parada lleva el color del estado: verde entregada, ambar en ruta, rojo no
   entregada, gris pendiente. Es la misma clave que en el mapa, para que la lista y los
   puntos se lean como una sola cosa. */
.lfm__parada-n[b-1g17b4yb38] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    border-radius: 50%;
    font-size: 10.5px;
    font-weight: 700;
    color: #FFFFFF;
    font-variant-numeric: tabular-nums;
}

.lfm__parada.is-ent .lfm__parada-n[b-1g17b4yb38] { background: #2FB457; }
.lfm__parada.is-enr .lfm__parada-n[b-1g17b4yb38] { background: #F18A25; }
.lfm__parada.is-no  .lfm__parada-n[b-1g17b4yb38] { background: #DC2626; }
.lfm__parada.is-pen .lfm__parada-n[b-1g17b4yb38] { background: #B0B6C0; }

.lfm__parada-txt[b-1g17b4yb38] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lfm__parada-txt b[b-1g17b4yb38] {
    font-size: 12.5px;
    font-weight: 500;
    color: var(--ax-label);
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lfm__parada-txt em[b-1g17b4yb38] {
    font-style: normal;
    font-size: 10.5px;
    color: var(--ax-label-2);
}
/* /Pages/Reports/AnnualBusinessReport.razor.rz.scp.css */
.annual-report__grid[b-t6sn0x3hwl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
}

.annual-report__scroll[b-t6sn0x3hwl] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.annual-report__num[b-t6sn0x3hwl] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.annual-report__row--best td[b-t6sn0x3hwl] {
    background: var(--brand-orange-light);
}

.annual-report__scroll tfoot td[b-t6sn0x3hwl] {
    font-weight: 800;
    color: var(--brand-blue-sidebar);
    border-top: 1px solid var(--mud-palette-lines-default);
}

.annual-report[b-t6sn0x3hwl]  .tl-kpi-strip {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.annual-report[b-t6sn0x3hwl]  .tl-kpi__value {
    font-size: 1.6rem;
}

@media (max-width: 1100px) {
    .annual-report__grid[b-t6sn0x3hwl] {
        grid-template-columns: 1fr;
    }
}

@media print {
    .annual-report__grid[b-t6sn0x3hwl] {
        grid-template-columns: 1fr;
    }

    .ana-board[b-t6sn0x3hwl]  .ana-card,
    .ana-board[b-t6sn0x3hwl]  .tl-kpi,
    .annual-report__row--best td[b-t6sn0x3hwl] {
        break-inside: avoid;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}
/* /Pages/Reports/BusinessPartnerInteractionHistoryReport.razor.rz.scp.css */
.history-report__count[b-zoykmnn6yf] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--brand-neutral);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.history-report__date[b-zoykmnn6yf] {
    font-weight: 600;
    white-space: nowrap;
    color: var(--brand-blue-sidebar);
}

.history-report__time[b-zoykmnn6yf] {
    font-size: 0.72rem;
    color: var(--brand-neutral);
    font-variant-numeric: tabular-nums;
}

.history-report__code[b-zoykmnn6yf] {
    font-family: monospace;
    white-space: nowrap;
}

.history-report__status[b-zoykmnn6yf] {
    margin-top: 4px;
}

.history-report[b-zoykmnn6yf]  .tl-kpi-strip {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.history-report[b-zoykmnn6yf]  .tl-kpi__value {
    font-size: 1.6rem;
}

@media (min-width: 768px) {
    .history-report[b-zoykmnn6yf]  .history-report__description {
        min-width: 300px;
        max-width: 560px;
        white-space: normal;
    }

    .history-report__text[b-zoykmnn6yf] {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}
/* /Pages/Reports/BusinessReportHeader.razor.rz.scp.css */
.bzr-print-head[b-ty17an7i45] {
    display: none;
}

@media print {
    .bzr-print-head[b-ty17an7i45] {
        display: block;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--brand-blue-light);
        break-inside: avoid;
    }

    .bzr-print-head__title[b-ty17an7i45] {
        font-size: 1.1rem;
        font-weight: 800;
        color: var(--brand-blue-dark);
    }

    .bzr-print-head__sub[b-ty17an7i45] {
        margin-top: 4px;
        font-size: 0.78rem;
        color: var(--brand-neutral);
        overflow-wrap: anywhere;
    }
}
/* /Pages/Reports/BusinessReportOpenTable.razor.rz.scp.css */
.bzr-scroll[b-edssjeetwb] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.bzr-num[b-edssjeetwb] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.bzr-nowrap[b-edssjeetwb] {
    white-space: nowrap;
}

.bzr-status[b-edssjeetwb] {
    --tc: var(--brand-neutral);
}
/* /Pages/Reports/BusinessReportsBoard.razor.rz.scp.css */
.bzr-grid[b-amb4g46is6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
}

.bzr-executive[b-amb4g46is6] {
    margin: 0;
    font-size: 0.86rem;
    line-height: 1.6;
    color: var(--brand-neutral);
}

.bzr-activity[b-amb4g46is6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.bzr-activity__value[b-amb4g46is6] {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
    color: var(--brand-orange);
    font-variant-numeric: tabular-nums;
}

.bzr-activity__title[b-amb4g46is6] {
    margin-top: 6px;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--brand-blue-sidebar);
}

.bzr-activity__meta[b-amb4g46is6] {
    margin-top: 4px;
    font-size: 0.72rem;
    color: var(--brand-neutral);
    font-variant-numeric: tabular-nums;
}

.bzr-activity__filter[b-amb4g46is6] {
    flex: 0 1 240px;
    min-width: 200px;
}

.bzr-pair[b-amb4g46is6] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 0.8rem;
    color: var(--brand-neutral);
}

.bzr-pair strong[b-amb4g46is6] {
    color: var(--brand-blue-sidebar);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

@media (max-width: 1180px) {
    .bzr-grid[b-amb4g46is6] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .bzr-activity__filter[b-amb4g46is6] {
        flex: 1 1 100%;
        min-width: 0;
    }

    .bzr-pair[b-amb4g46is6] {
        flex-wrap: wrap;
    }
}

@media print {
    .bzr-grid[b-amb4g46is6] {
        grid-template-columns: 1fr;
    }

    .bzr-board[b-amb4g46is6]  .bzr-no-print {
        display: none !important;
    }

    .bzr-board[b-amb4g46is6]  .ana-card,
    .bzr-board[b-amb4g46is6]  .tl-kpi {
        break-inside: avoid;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}
/* /Pages/Reports/BusinessReportStatusTable.razor.rz.scp.css */
.bzr-scroll[b-zuqy397b1c] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.bzr-num[b-zuqy397b1c] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.bzr-nowrap[b-zuqy397b1c] {
    white-space: nowrap;
}
/* /Pages/Reports/BusinessReportTile.razor.rz.scp.css */
.bzr-tile__hint[b-2b1hqwrqnk] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--brand-neutral);
    font-variant-numeric: tabular-nums;
}

.bzr-tile__link[b-2b1hqwrqnk] {
    margin-left: auto;
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--brand-blue);
    white-space: nowrap;
}

@media print {
    .bzr-tile__link[b-2b1hqwrqnk] {
        display: none;
    }
}
/* /Pages/Reports/Dialogs/BusinessReportDetailDialog.razor.rz.scp.css */
.bzr-detail__body[b-nm8rylriw8] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-height: 65vh;
    overflow-y: auto;
}

.bzr-metrics[b-nm8rylriw8] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.bzr-metrics[b-nm8rylriw8]  .metric-pill {
    flex: 1 1 150px;
}

.bzr-detail__section[b-nm8rylriw8] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--brand-neutral);
}

.bzr-hero[b-nm8rylriw8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 18px;
    border-radius: 12px;
    background: var(--brand-blue-light);
}

.bzr-hero span[b-nm8rylriw8] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--brand-neutral);
}

.bzr-hero strong[b-nm8rylriw8] {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--brand-blue-dark);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.bzr-scroll[b-nm8rylriw8] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.bzr-num[b-nm8rylriw8] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.bzr-nowrap[b-nm8rylriw8] {
    white-space: nowrap;
}

@media (max-width: 600px) {
    .bzr-hero strong[b-nm8rylriw8] {
        font-size: 1.3rem;
    }
}

@media print {
    .bzr-detail__body[b-nm8rylriw8] {
        max-height: none;
        overflow: visible;
    }

    .bzr-detail[b-nm8rylriw8]  .bpmh,
    .bzr-hero[b-nm8rylriw8] {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}
/* /Pages/Reports/SalesFunnel.razor.rz.scp.css */
.sfn-stage[b-zythwr0ogg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: var(--brand-blue-sidebar);
}

.sfn-stage__order[b-zythwr0ogg] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.66rem;
    font-weight: 800;
    color: var(--brand-blue);
    background: var(--brand-blue-light);
    font-variant-numeric: tabular-nums;
}

.ana-board[b-zythwr0ogg]  .sfn-num {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.ana-board[b-zythwr0ogg]  .sfn-num--strong {
    font-weight: 700;
    color: var(--brand-blue-sidebar);
}
/* /Shared/Components/ActionIconButton.razor.rz.scp.css */
[b-62ojf22smz] .action-icon-btn:hover:not(:disabled) {
    background: var(--hover-bg) !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

[b-62ojf22smz] .action-icon-btn:active:not(:disabled) {
    transform: translateY(0);
    box-shadow: none;
}

[b-62ojf22smz] .action-icon-btn:disabled {
    opacity: 0.35;
    background: #f3f4f6 !important;
    color: #9ca3af !important;
}
/* /Shared/Components/DashboardPlaceholderCard.razor.rz.scp.css */
.dashboard-placeholder-shell[b-2skh3tufr2] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 100%;
}

.dashboard-placeholder-shell--compact[b-2skh3tufr2] {
    gap: 12px;
}

.dashboard-placeholder-shell__eyebrow[b-2skh3tufr2] {
    color: #6b7280;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.dashboard-placeholder-shell__icon[b-2skh3tufr2] {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--dashboard-placeholder-accent) 12%, white);
    color: var(--dashboard-placeholder-accent);
}

.dashboard-placeholder-shell__icon .mud-icon-root[b-2skh3tufr2] {
    font-size: 1.55rem;
}

.dashboard-placeholder-shell__content[b-2skh3tufr2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dashboard-placeholder-shell__content strong[b-2skh3tufr2] {
    color: #13203a;
    font-size: 1.08rem;
}

.dashboard-placeholder-shell__content p[b-2skh3tufr2],
.dashboard-placeholder-shell__content span[b-2skh3tufr2] {
    margin: 0;
    color: #4b5563;
    font-size: 0.88rem;
    line-height: 1.45;
}

.dashboard-placeholder-shell__ghosts[b-2skh3tufr2] {
    margin-top: auto;
    padding: 14px;
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(35, 81, 158, 0.08), transparent 36%),
        linear-gradient(180deg, #f8fafc 0%, #f3f6fa 100%);
    border: 1px dashed #dbe2ea;
}

.dashboard-placeholder-shell__chips[b-2skh3tufr2] {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

.dashboard-placeholder-shell__chips span[b-2skh3tufr2],
.dashboard-placeholder-shell__rows div[b-2skh3tufr2] {
    display: block;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(209, 222, 239, 0.72), rgba(235, 241, 250, 0.96));
}

.dashboard-placeholder-shell__chips span:nth-child(1)[b-2skh3tufr2] {
    width: 86px;
    height: 28px;
}

.dashboard-placeholder-shell__chips span:nth-child(2)[b-2skh3tufr2] {
    width: 64px;
    height: 28px;
}

.dashboard-placeholder-shell__chips span:nth-child(3)[b-2skh3tufr2] {
    width: 92px;
    height: 28px;
}

.dashboard-placeholder-shell__rows[b-2skh3tufr2] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dashboard-placeholder-shell__rows div:nth-child(1)[b-2skh3tufr2] {
    width: 100%;
    height: 12px;
}

.dashboard-placeholder-shell__rows div:nth-child(2)[b-2skh3tufr2] {
    width: 82%;
    height: 12px;
}

.dashboard-placeholder-shell__rows div:nth-child(3)[b-2skh3tufr2] {
    width: 64%;
    height: 12px;
}
/* /Shared/Components/EmailTemplatePreview.razor.rz.scp.css */
.email-template-preview[b-pw72cz2qmq] {
    display: block;
    width: 100%;
    max-width: 700px;
    height: 560px;
    margin: 0 auto;
    border: 0;
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .email-template-preview[b-pw72cz2qmq] {
        height: 60vh;
    }
}
/* /Shared/Components/SavingOverlay.razor.rz.scp.css */
.loading-screen[b-gu5jmkpibz] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(160deg, #13203a 0%, #0e1a2e 50%, #0a1222 100%);
    z-index: 9999;
    animation: lsFadeIn-b-gu5jmkpibz 0.3s ease;
}

.loading-screen__inner[b-gu5jmkpibz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.loading-screen__logo[b-gu5jmkpibz] {
    height: 40px;
    width: auto;
    filter: drop-shadow(0 2px 12px rgba(241, 138, 37, 0.2));
    animation: lsPulse-b-gu5jmkpibz 2s ease-in-out infinite;
}

.loading-screen__version[b-gu5jmkpibz] {
    font-size: 0.8rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
}

.loading-screen__bar[b-gu5jmkpibz] {
    width: 180px;
    height: 3px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 3px;
    overflow: hidden;
}

.loading-screen__bar-fill[b-gu5jmkpibz] {
    height: 100%;
    width: 40%;
    border-radius: 3px;
    background: linear-gradient(90deg, #23519E, #F18A25);
    animation: lsSlide-b-gu5jmkpibz 1.5s ease-in-out infinite;
}

.loading-screen__text[b-gu5jmkpibz] {
    font-size: 0.72rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.3);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin: 0;
}

@keyframes lsSlide-b-gu5jmkpibz {
    0%   { transform: translateX(-250%); }
    100% { transform: translateX(600%); }
}

@keyframes lsPulse-b-gu5jmkpibz {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.6; }
}

@keyframes lsFadeIn-b-gu5jmkpibz {
    from { opacity: 0; }
    to   { opacity: 1; }
}