@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* _content/SupportAppAMR/Components/Analytics/MowSettings/MowSettingsActionHero.razor.rz.scp.css */
.mow-hero-header[b-kaxqvb8aud] {
    background: var(--rcm-black);
    padding: 12px 24px;
}

[b-kaxqvb8aud] .mow-hero-header-text {
    color: var(--rcm-white) !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mow-hero-body[b-kaxqvb8aud] {
    padding: 20px 24px;
}

[b-kaxqvb8aud] .mow-hero-label {
    color: var(--rcm-dark-gray) !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

[b-kaxqvb8aud] .mow-hero-paper {
    border-radius: 0;
    overflow: hidden;
    border: 1px solid var(--rcm-light-gray);
}

[b-kaxqvb8aud] .mow-text-black { color: var(--rcm-black); }
[b-kaxqvb8aud] .mow-hero-sub { color: var(--rcm-dark-gray); }

[b-kaxqvb8aud] .mow-hero-chip {
    width: max-content;
    border-color: var(--chip-accent);
    color: var(--chip-accent);
}

@media (max-width: 600px) {
    .mow-hero-body[b-kaxqvb8aud] {
        padding: 16px;
    }
}
/* _content/SupportAppAMR/Components/Analytics/MowSettings/MowSettingsComparison.razor.rz.scp.css */
.mow-comparison-section[b-a27xwh94fb] { margin-top: 24px; }

.mow-section-header[b-a27xwh94fb] {
    background: var(--rcm-black);
    padding: 10px 20px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

[b-a27xwh94fb] .mow-section-header-text {
    color: var(--rcm-white) !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mow-cmp-controls[b-a27xwh94fb] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

[b-a27xwh94fb] .mow-cmp-select {
    min-width: 160px;
    background: var(--rcm-white);
    border-radius: 0;
}
[b-a27xwh94fb] .mow-cmp-select-wide { min-width: 180px; }

[b-a27xwh94fb] .mow-cmp-sessioncount { color: var(--rcm-medium-gray); }

[b-a27xwh94fb] .mow-cmp-paper {
    border-radius: 0;
    border: 1px solid var(--rcm-light-gray);
    border-top: none;
    padding: 0;
}

.mow-cmp-subhdr[b-a27xwh94fb] {
    padding: 14px 20px 6px 20px;
    border-bottom: 1px solid var(--rcm-light-gray);
}
.mow-cmp-subhdr-divided[b-a27xwh94fb] { border-top: 2px solid var(--rcm-light-gray); }

[b-a27xwh94fb] .mow-cmp-subhdr-text {
    color: var(--rcm-dark-gray);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 700;
}

.mow-cmp-heatwrap[b-a27xwh94fb] { padding: 12px 20px 16px 20px; overflow-x: auto; }
[b-a27xwh94fb] .mow-cmp-heattable { margin: 0; }

.mow-cmp-th[b-a27xwh94fb] { background: var(--rcm-surface-gray); }
.mow-cmp-th-center[b-a27xwh94fb] { text-align: center; }
.mow-cmp-td-speed[b-a27xwh94fb] { font-weight: 700; }
.mow-cmp-heatcount[b-a27xwh94fb] { font-size: 0.7rem; opacity: 0.68; }

@media (max-width: 600px) {
    .mow-section-header[b-a27xwh94fb] { padding: 8px 16px; }
}
/* _content/SupportAppAMR/Components/Analytics/MowSettings/MowSettingsDeepDive.razor.rz.scp.css */
[b-5gygm64sas] .mud-tabs-toolbar {
    min-height: 48px;
}

[b-5gygm64sas] .mud-tab {
    min-width: 120px;
    padding: 12px 20px;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.mow-deepdive-section[b-5gygm64sas] { margin-top: 24px; }
[b-5gygm64sas] .mow-icon-mid { vertical-align: middle; }
[b-5gygm64sas] .mow-deepdive-paper { border-radius: 0; overflow: hidden; }

.mow-bool-row[b-5gygm64sas] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 12px 0;
    border-bottom: 1px solid var(--rcm-surface-gray);
}
.mow-bool-name[b-5gygm64sas] { width: 160px; flex-shrink: 0; font-weight: 700; color: var(--rcm-black); font-size: 0.9rem; }
.mow-bool-body[b-5gygm64sas] { flex: 1; min-width: 0; }
.mow-bool-bar-row[b-5gygm64sas] { display: flex; align-items: center; gap: 8px; }
.mow-bool-bar-row-mb[b-5gygm64sas] { margin-bottom: 4px; }
.mow-bool-onoff[b-5gygm64sas] { width: 30px; font-size: 0.8rem; color: var(--rcm-dark-gray); }
.mow-bool-track[b-5gygm64sas] { flex: 1; background: var(--rcm-surface-gray); border-radius: 0; height: 16px; overflow: hidden; }
.mow-bool-fill[b-5gygm64sas] { width: var(--w); height: 100%; background: var(--fill); border-radius: 0; }
.mow-bool-val[b-5gygm64sas] { font-size: 0.8rem; width: 80px; }
.mow-bool-eff[b-5gygm64sas] { font-size: 0.8rem; width: 50px; }
.mow-bool-count[b-5gygm64sas] { font-size: 0.75rem; color: var(--rcm-medium-gray); }
.mow-bool-verdict[b-5gygm64sas] { margin-top: 6px; }

.mow-eff-win[b-5gygm64sas] { color: var(--rcm-good); }
.mow-eff-lose[b-5gygm64sas] { color: var(--rcm-medium-gray); }

[b-5gygm64sas] .mow-bool-verdict-chip { border-color: var(--verdict); color: var(--verdict); }
[b-5gygm64sas] .mow-grid-cell-sm { font-size: 0.85rem; }
/* _content/SupportAppAMR/Components/Analytics/MowSettings/MowSettingsInsights.razor.rz.scp.css */
.mow-insights-section[b-refw07t6vf] { margin-top: 24px; }

.mow-section-header[b-refw07t6vf] {
    background: var(--rcm-black);
    padding: 10px 20px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

[b-refw07t6vf] .mow-section-header-text {
    color: var(--rcm-white) !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

[b-refw07t6vf] .mow-showall-btn {
    color: var(--rcm-white) !important;
    text-transform: none;
}

[b-refw07t6vf] .mow-insights-paper {
    border-radius: 0;
    border: 1px solid var(--rcm-light-gray);
    border-top: none;
}

.mow-insights-grouphdr[b-refw07t6vf] {
    padding: 16px 20px 8px 20px;
    border-bottom: 1px solid var(--rcm-light-gray);
}

[b-refw07t6vf] .mow-grouphdr-text {
    color: var(--rcm-dark-gray);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 700;
}

.mow-insight-row[b-refw07t6vf] {
    display: flex;
    border-bottom: 1px solid var(--rcm-surface-gray);
    padding: 12px 20px 12px 0;
    cursor: pointer;
    transition: background-color 0.15s;
}

.mow-insight-row:hover[b-refw07t6vf] {
    background-color: rgba(0, 0, 0, 0.02);
}

.mow-insight-accent[b-refw07t6vf] {
    width: 4px;
    flex-shrink: 0;
    border-radius: 0;
    margin: 0 16px 0 20px;
    background: var(--accent);
}

.mow-insight-main[b-refw07t6vf] { flex: 1; min-width: 0; }
.mow-insight-toprow[b-refw07t6vf] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mow-insight-titlewrap[b-refw07t6vf] { flex: 1; min-width: 0; cursor: pointer; }
.mow-insight-desc-wrap[b-refw07t6vf] { cursor: pointer; }

[b-refw07t6vf] .mow-text-black { color: var(--rcm-black); }
[b-refw07t6vf] .mow-insight-actions { flex-shrink: 0; }
[b-refw07t6vf] .mow-insight-drill { color: var(--rcm-red); }
[b-refw07t6vf] .mow-insight-chip { flex-shrink: 0; border-color: var(--accent); color: var(--accent); }
[b-refw07t6vf] .mow-insight-desc { color: var(--rcm-dark-gray); margin-top: 2px; }
[b-refw07t6vf] .mow-insight-evidence { color: var(--rcm-medium-gray); margin-top: 4px; }

@media (max-width: 600px) {
    .mow-section-header[b-refw07t6vf] { padding: 8px 16px; }
    .mow-insight-row[b-refw07t6vf] { padding: 10px 12px 10px 0; }
    .mow-insight-accent[b-refw07t6vf] { margin: 0 10px 0 12px; }
}
/* _content/SupportAppAMR/Components/Analytics/Sessions/SessionEventDrawer.razor.rz.scp.css */

[b-vnzlnuswi8] .sed-lh-11 { line-height: 1.1; }
[b-vnzlnuswi8] .sed-lh-12 { line-height: 1.2; }

.analytics-events-drawer[b-vnzlnuswi8] {
    display: flex;
    height: 100%;
}

.analytics-events-drawer-rail[b-vnzlnuswi8] {
    display: flex;
    align-items: center;
    border-right: 1px solid rgba(0, 0, 0, .08);
    background: rgba(0, 0, 0, .02);
}

.analytics-events-drawer-body[b-vnzlnuswi8] {
    flex: 1;
    overflow-y: auto;
}

.analytics-events-drawer-body[b-vnzlnuswi8]  .mud-drawer-header {
    min-height: 0;
    padding: 12px 16px;
}

.analytics-events-drawer[b-vnzlnuswi8]  .analytics-bordered {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 0;
}

.analytics-events-drawer[b-vnzlnuswi8]  .analytics-eff-bar {
    width: 80px;
    height: 8px;
    border-radius: 0;
}

.analytics-events-drawer[b-vnzlnuswi8]  .analytics-map-shell {
    border-radius: 0;
    overflow: hidden;
}

.analytics-events-drawer[b-vnzlnuswi8]  .analytics-events-map {
    height: 560px;
    width: 100%;
}

.analytics-events-drawer[b-vnzlnuswi8]  .analytics-muted {
    opacity: .6;
}

.analytics-events-drawer[b-vnzlnuswi8]  .timeline-row-selected > td {
    background: rgba(243, 0, 43, .06);
}

.analytics-events-drawer[b-vnzlnuswi8]  .timeline-row-selected > td:first-child {
    box-shadow: inset 4px 0 0 0 var(--rcm-red);
}
/* _content/SupportAppAMR/Components/Analytics/Shared/AnalyticsLoadingSkeleton.razor.rz.scp.css */
.analytics-skeleton[b-gza1l1krvz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 8px;
}

.analytics-skeleton-kpis[b-gza1l1krvz] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.analytics-skeleton-kpi[b-gza1l1krvz] {
    flex: 1 1 160px;
}
/* _content/SupportAppAMR/Components/Layout/MainLayout.razor.rz.scp.css */
/* Unified Header (MudAppBar) */
[b-6h6joe3axf] .main-header {
    background-color: #EBEBEB !important;
    color: inherit !important;
    border-bottom: 1px solid #ddd;
    height: 70px !important;
    min-height: 70px !important;
    padding: 0 1.25rem !important;
    box-sizing: border-box;
}

[b-6h6joe3axf] .main-header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 100%;
}

[b-6h6joe3axf] .header-left {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

[b-6h6joe3axf] .menu-toggle {
    margin-right: 0.25rem;
}

[b-6h6joe3axf] .header-logo img {
    height: 46px;
    width: auto;
}

[b-6h6joe3axf] .header-title {
    font-family: var(--amr-font-header);
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #000;
    margin-left: 0.5rem;
}

[b-6h6joe3axf] .header-right {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Sticky Footer */
[b-6h6joe3axf] .main-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #EBEBEB;
    padding: 0.75rem 1.5rem;
    border-top: 1px solid #ddd;
    height: 48px;
    box-sizing: border-box;
    z-index: 1300;
}

[b-6h6joe3axf] .main-footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

[b-6h6joe3axf] .footer-support {
    font-family: var(--amr-font-body);
    font-size: 0.8rem;
    color: #000;
}

[b-6h6joe3axf] .footer-logo {
    height: 18px;
    width: auto;
}

/* Nav scroll container */
[b-6h6joe3axf] .nav-scroll-container {
    height: calc(100vh - 70px - 48px);
    overflow-y: auto;
    overflow-x: hidden;
}

/* Custom scrollbar for nav */
[b-6h6joe3axf] .nav-scroll-container::-webkit-scrollbar {
    width: 6px;
}

[b-6h6joe3axf] .nav-scroll-container::-webkit-scrollbar-track {
    background: transparent;
}

[b-6h6joe3axf] .nav-scroll-container::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

[b-6h6joe3axf] .nav-scroll-container::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}

#blazor-error-ui[b-6h6joe3axf] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-6h6joe3axf] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* Responsive */
@media (max-width: 768px) {
    [b-6h6joe3axf] .header-title {
        display: none;
    }

    [b-6h6joe3axf] .header-logo img {
        height: 36px;
    }

    [b-6h6joe3axf] .main-footer-content {
        flex-direction: column;
        gap: 0.25rem;
        text-align: center;
    }

    [b-6h6joe3axf] .footer-support {
        font-size: 0.7rem;
    }

    [b-6h6joe3axf] .footer-logo {
        height: 14px;
    }
}

/* ===== NotAuthorized login link icon ===== */
.layout-login-icon[b-6h6joe3axf] {
    font-size: 1.4rem;
}
/* _content/SupportAppAMR/Components/Layout/NavMenu.razor.rz.scp.css */
/* ===== Nav Menu Wrapper ===== */
.nav-menu-wrapper[b-wozod69l02] {
    padding: 0;
}

/* ===== User Profile Section ===== */
.sidebar-user-section[b-wozod69l02] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 16px 12px;
    border-bottom: 1px solid #EBEBEB;
    margin-bottom: 4px;
}

.sidebar-user-avatar[b-wozod69l02] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #B3B3B3;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 12px;
    flex-shrink: 0;
}

.sidebar-user-avatar.role-superadmin[b-wozod69l02] {
    background: #F3002B;
}

.sidebar-user-avatar.role-cs[b-wozod69l02] {
    background: #3b82f6;
}

.sidebar-user-avatar.role-sales[b-wozod69l02] {
    background: #22c55e;
}

.sidebar-user-avatar.role-dealer[b-wozod69l02] {
    background: #f59e0b;
}

.sidebar-user-info[b-wozod69l02] {
    flex: 1;
    min-width: 0;
}

.sidebar-user-name[b-wozod69l02] {
    font-weight: 600;
    font-size: 13px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-user-role[b-wozod69l02] {
    font-size: 11px;
    color: #B3B3B3;
    font-weight: 500;
}

/* ===== Section Labels ===== */
.nav-section-label[b-wozod69l02] {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #4D4D4D;
    padding: 12px 16px 4px;
}

/* ===== Section Dividers ===== */
.nav-section-divider[b-wozod69l02] {
    height: 1px;
    background: #EBEBEB;
    margin: 4px 0;
}
/* _content/SupportAppAMR/Components/Layout/OuterLayout.razor.rz.scp.css */

.auth-shell[b-rlh5xs47sz] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    background: var(--cc-black);
}

.auth-header[b-rlh5xs47sz] {
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 16px;
    height: 78px;
    padding: 0 var(--cc-sp-8);
    background: var(--cc-black);
}

.auth-header[b-rlh5xs47sz]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--cc-red);
}

.auth-header-logo[b-rlh5xs47sz] {
    display: inline-flex;
    align-items: center;
}

.auth-header-logo img[b-rlh5xs47sz] {
    height: 48px;
    width: auto;
    display: block;
}

.auth-header-divider[b-rlh5xs47sz] {
    width: 1px;
    height: 28px;
    background: rgba(255, 255, 255, 0.18);
    flex-shrink: 0;
    margin: 0 10px;
}

.auth-header-label[b-rlh5xs47sz] {
    white-space: nowrap;
    pointer-events: none;
    font-family: "Klavika", "DinotBold", sans-serif;
    font-size: 13.5px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--cc-white);
}

/* ---- Main: light topo backdrop, fills the space, scrolls if the card is taller than the viewport ---- */
.auth-main[b-rlh5xs47sz] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    background:
        url('Images/Login_Background_Pattern.png') center / cover no-repeat,
        var(--cc-bg);
}

.auth-footer[b-rlh5xs47sz] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 0 var(--cc-sp-8);
    background: var(--cc-light-gray);
    border-top: 1px solid var(--cc-gray-300);
    font-size: var(--cc-fs-sm);
    color: var(--cc-dark-gray);
}

.auth-footer-line[b-rlh5xs47sz] {
    text-align: center;
}

.auth-footer-line a[b-rlh5xs47sz] {
    color: var(--cc-dark-gray);
    text-decoration: none;
    font-weight: 600;
}

.auth-footer-line a:hover[b-rlh5xs47sz] {
    color: var(--cc-red);
}

.auth-footer-sep[b-rlh5xs47sz] {
    margin: 0 var(--cc-sp-4);
    color: var(--cc-medium-gray);
}

@media (max-width: 599.98px) {
    .auth-header[b-rlh5xs47sz] {
        height: 64px;
        padding-left: var(--cc-sp-6);
        padding-right: var(--cc-sp-6);
    }

    .auth-header-logo img[b-rlh5xs47sz] {
        height: 34px;
    }

    .auth-header-label[b-rlh5xs47sz] {
        position: static;
        left: auto;
        top: auto;
        transform: none;
        font-size: var(--cc-fs-xs);
        letter-spacing: 0.08em;
    }

    .auth-footer[b-rlh5xs47sz] {
        height: auto;
        padding: var(--cc-sp-5) var(--cc-sp-6);
        font-size: var(--cc-fs-xs);
    }

    .auth-footer-line[b-rlh5xs47sz] {
        line-height: 1.7;
    }
}
/* _content/SupportAppAMR/Components/Pages/AccessDenied.razor.rz.scp.css */
.access-denied-badge--circle[b-cw64z7mgtr] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.05);
}

.access-denied-icon[b-cw64z7mgtr] {
    font-size: 1.4rem;
}

.access-denied-msg[b-cw64z7mgtr] {
    max-width: 330px;
}
/* _content/SupportAppAMR/Components/Pages/Admin/Branches.razor.rz.scp.css */
/* ===== Branches page — scoped styles ===== */

/* Actions column width — must pierce MudTh via ::deep */
[b-7kp4uy0xf2] .mud-th-actions {
    width: 100px;
}
/* _content/SupportAppAMR/Components/Pages/Admin/BranchForm.razor.rz.scp.css */
/* ===== BranchForm — scoped styles ===== */

/* Row inside MudSelectItem for company picker:
   flex layout with space-between + gap to show the Dealer kind tag. */
.select-item-row[b-fswyx9vgpa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cc-sp-4); /* 8px */
    width: 100%;
}
/* _content/SupportAppAMR/Components/Pages/Admin/Companies.razor.rz.scp.css */
/* ===== Companies page — scoped styles ===== */

/* Actions column width — must pierce MudTh via ::deep */
[b-5b52xmc7zm] .mud-th-actions {
    width: 100px;
}
/* _content/SupportAppAMR/Components/Pages/Admin/CompanyForm.razor.rz.scp.css */
/* ===== CompanyForm — scoped styles ===== */

/* Extra top gap before the Address eyebrow divider. */
.eyebrow-address[b-uecfcgy9ca] {
    margin-top: var(--cc-sp-2); /* 4px */
}

[b-uecfcgy9ca] .mud-tf-state {
    max-width: 140px;
}

[b-uecfcgy9ca] .mud-tf-zip {
    max-width: 120px;
}

[b-uecfcgy9ca] .mud-cs-country {
    max-width: 220px;
}
/* _content/SupportAppAMR/Components/Pages/Admin/Dealers.razor.rz.scp.css */
/* Actions column width — Class lands on the MudTh root */
.dlr-table[b-hrwihdmb01]  .dlr-actions-col {
    width: 100px;
}

.dlr-inline[b-hrwihdmb01] {
    display: inline-block;
}
/* _content/SupportAppAMR/Components/Pages/Admin/ErrorBackfill.razor.rz.scp.css */
/* Constrain the backfill page to a readable width */
[b-lei2ilpvr7] .backfill-stack {
    max-width: 720px;
}
/* _content/SupportAppAMR/Components/Pages/Admin/InviteUserForm.razor.rz.scp.css */
/* Row inside company MudSelectItem — name + dealer tag side-by-side */
.cc-select-company-row[b-7p70zfk18s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cc-sp-4);
    width: 100%;
}
/* _content/SupportAppAMR/Components/Pages/Admin/Machines.razor.rz.scp.css */
/* Actions column width — Class lands on the MudTh root */
.mch-table[b-we4ioap57g]  .mch-actions-col {
    width: 130px;
}

/* Last-online relative timestamp cell */
.mch-last-online[b-we4ioap57g] {
    font-size: 12.5px;
}
/* _content/SupportAppAMR/Components/Pages/Admin/Machines/MachineCurrentLocation.razor.rz.scp.css */
/* "Currently at" location card */
.mcl-card[b-zdsn4l9qw8] {
    margin-top: var(--cc-sp-2);
    padding: var(--cc-sp-5) var(--cc-sp-6);
    border: 1px solid var(--cc-light-gray);
    border-radius: var(--cc-radius-md);
    background: var(--cc-bg);
}

.mcl-line[b-zdsn4l9qw8] {
    font-size: var(--cc-fs-sm);
    color: var(--cc-medium-gray);
    margin-top: 2px;
}

.mcl-label[b-zdsn4l9qw8] {
    color: var(--cc-dark-gray);
    font-weight: 600;
}
/* _content/SupportAppAMR/Components/Pages/Admin/MachineTransferForm.razor.rz.scp.css */
/* ===== MachineTransferForm — scoped styles ===== */

.select-item-row[b-n1z1lcanjx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cc-sp-4); /* 8px */
    width: 100%;
}
/* _content/SupportAppAMR/Components/Pages/Admin/MyDealer.razor.rz.scp.css */
/* ===== MyDealer page — scoped styles ===== */

[b-wk7em1g7j3] .mud-paper-radius-lg {
    border-radius: var(--cc-radius-lg) !important;
}
/* _content/SupportAppAMR/Components/Pages/Admin/Roles.razor.rz.scp.css */
/* Actions column width — ::deep needed because MudTh is a Mud component */
[b-qt4cr10rpf] .roles-col-actions {
    width: 100px;
}
/* _content/SupportAppAMR/Components/Pages/Admin/Roles/PermissionGrantGrid.razor.rz.scp.css */
/* Constrain the permission search field width via ::deep (MudTextField root) */
[b-52pscyzjso] .perm-search-field {
    max-width: 200px;
}
/* _content/SupportAppAMR/Components/Pages/Admin/Users.razor.rz.scp.css */
/* Actions column width — applied via ::deep because MudTh is a Mud component */
[b-mratpnjlax] .users-col-actions {
    width: 130px;
}

/* Company name cell: bold black text */
.cc-company-name[b-mratpnjlax] {
    font-weight: 600;
    color: var(--cc-black);
}
/* _content/SupportAppAMR/Components/Pages/Admin/Users/InviteUserResult.razor.rz.scp.css */
/* MudPaper wrapping the accept-invite link */
[b-wpbhirccjt] .invite-link-paper {
    word-break: break-all;
    border-radius: var(--cc-radius-md);
}

/* Uppercase label above the link */
[b-wpbhirccjt] .invite-link-label {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 700;
}

[b-wpbhirccjt] .invite-link-url {
    margin-top: var(--cc-sp-2);
}
/* _content/SupportAppAMR/Components/Pages/Admin/Users/RolePillSelector.razor.rz.scp.css */
.cc-role-eyebrow[b-rpmvjk0hix] {
    margin-bottom: var(--cc-sp-4);
}
/* _content/SupportAppAMR/Components/Pages/AllEvents.razor.rz.scp.css */
.ae-page[b-52qrcsyq20] {
    display: flex;
    flex-direction: column;
}

.ae-title[b-52qrcsyq20] {
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 0;
}

.ae-filters[b-52qrcsyq20] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cc-sp-4);
    margin-bottom: var(--cc-sp-5);
}

.ae-select[b-52qrcsyq20] {
    flex: 1 1 220px;
    min-width: 200px;
    height: 38px;
    padding: 0 12px;
    border: 1px solid var(--cc-light-gray);
    border-radius: var(--cc-radius-md);
    background: var(--cc-white);
    color: var(--cc-black);
    font-family: "DinotMedium", sans-serif;
    font-size: 13px;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.ae-select:hover[b-52qrcsyq20] {
    border-color: var(--cc-medium-gray);
}

.ae-select:focus[b-52qrcsyq20],
.ae-select:focus-visible[b-52qrcsyq20] {
    outline: none;
    border-color: var(--cc-red);
    box-shadow: 0 0 0 3px rgba(243, 0, 43, 0.12);
}

/* Summary strip — start / end / duration / area */
.ae-summary[b-52qrcsyq20] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cc-sp-4);
    margin-bottom: var(--cc-sp-6);
}

.ae-summary-item[b-52qrcsyq20] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 16px;
    background: var(--cc-white);
    border: 1px solid var(--cc-light-gray);
    border-left: 4px solid var(--cc-red);
    border-radius: var(--cc-radius-md);
    flex: 1 1 180px;
}

.ae-summary-label[b-52qrcsyq20] {
    font-family: "DinotBold", "DinotMedium", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--cc-medium-gray);
}

.ae-summary-value[b-52qrcsyq20] {
    font-size: 14px;
    font-weight: 600;
    color: var(--cc-black);
}

/* Map + grid results */
.ae-results[b-52qrcsyq20] {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: var(--cc-sp-6);
    padding-bottom: var(--cc-sp-8);
}

@media (max-width: 960px) {
    .ae-results[b-52qrcsyq20] {
        grid-template-columns: 1fr;
    }
}

.allevents-spinner-wrap[b-52qrcsyq20] {
    min-height: 100px;
    margin: var(--cc-sp-6) 0;
}

.allevents-map[b-52qrcsyq20] {
    height: 700px;
    width: 100%;
}

.allevents-grid-col[b-52qrcsyq20] {
    overflow-x: auto;
    max-height: 700px;
    padding: var(--cc-sp-5);
}
/* _content/SupportAppAMR/Components/Pages/AnalyticsDashboard.razor.rz.scp.css */
/* KPI card left-border accents */
[b-96zn8q4tp7] .kpi-card-primary {
    border-left: 4px solid var(--mud-palette-primary);
}

[b-96zn8q4tp7] .kpi-card-error {
    border-left: 4px solid var(--mud-palette-error);
}

[b-96zn8q4tp7] .kpi-card-success {
    border-left: 4px solid var(--mud-palette-success);
}

/* Full-width chart papers */
[b-96zn8q4tp7] .ad-full-width {
    width: 100%;
}
/* _content/SupportAppAMR/Components/Pages/Analytics/CoverageSimulator.razor.rz.scp.css */
[b-ebaqztf4t4] .cs-page {
    height: calc(100vh - 120px);
    min-height: 680px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-ebaqztf4t4] .cs-toolbar {
    border-radius: var(--cs-radius);
    box-shadow: var(--cs-shadow-soft);
    overflow: hidden;
}

[b-ebaqztf4t4] .cs-toolbar-inner {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

[b-ebaqztf4t4] .cs-title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 220px;
}

[b-ebaqztf4t4] .cs-title h6 {
    margin: 0;
    font-weight: 700;
    letter-spacing: .2px;
}

[b-ebaqztf4t4] .cs-subtitle {
    font-size: .78rem;
    opacity: .75;
    margin-top: -2px;
}

[b-ebaqztf4t4] .cs-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

[b-ebaqztf4t4] .cs-body {
    flex: 1;
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 12px;
    min-height: 520px;
}

@media (max-width: 900px) {
    [b-ebaqztf4t4] .cs-body {
        grid-template-columns: 1fr;
    }
    [b-ebaqztf4t4] .cs-left-panel {
        max-height: 250px;
    }
}

[b-ebaqztf4t4] .cs-left-panel {
    border-radius: var(--cs-radius);
    box-shadow: var(--cs-shadow);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--cs-border);
}

[b-ebaqztf4t4] .cs-panel-header {
    background: linear-gradient(135deg, var(--cs-red) 0%, var(--cs-red-dark) 100%);
    color: white;
    padding: 12px 14px;
    font-weight: 700;
    font-size: 0.85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 5;
}

[b-ebaqztf4t4] .cs-info-panels {
    padding: 6px 8px 0;
}

[b-ebaqztf4t4] .cs-expansion-panel {
    border-radius: 0 !important;
    margin-bottom: 4px !important;
    box-shadow: none !important;
    border: 1px solid rgba(0,0,0,.08);
}

[b-ebaqztf4t4] .cs-expansion-panel .mud-expand-panel-header {
    padding: 6px 12px !important;
    min-height: 36px !important;
    font-size: 0.8rem;
    font-weight: 600;
}

[b-ebaqztf4t4] .cs-expansion-panel .mud-expand-panel-content {
    padding: 4px 12px 10px !important;
}

[b-ebaqztf4t4] .cs-info-field {
    margin-bottom: 6px !important;
}

[b-ebaqztf4t4] .cs-info-field .mud-input-root {
    font-size: 0.82rem;
}

[b-ebaqztf4t4] .cs-cost-summary {
    margin-top: 8px;
    padding: 8px 10px;
    background: rgba(46, 125, 50, .06);
    border-radius: 0;
    font-size: 0.8rem;
}

[b-ebaqztf4t4] .cs-cost-row {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
}

[b-ebaqztf4t4] .cs-property-list {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
}

[b-ebaqztf4t4] .cs-property-card {
    border-radius: 0;
    padding: 10px 12px;
    margin-bottom: 8px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.15s ease;
    background: var(--mud-palette-surface);
}

[b-ebaqztf4t4] .cs-property-card:hover {
    border-color: var(--cs-blue);
    box-shadow: 0 2px 8px rgba(66,165,245,.2);
}

[b-ebaqztf4t4] .cs-property-card.selected {
    border-color: var(--rcm-blue-dark);
    background: rgba(25, 118, 210, 0.06);
    box-shadow: 0 2px 12px rgba(21,101,192,.15);
}

[b-ebaqztf4t4] .cs-stat-row {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 6px;
}

[b-ebaqztf4t4] .cs-stat-chip {
    font-size: 0.72rem;
    padding: 2px 8px;
    border-radius: 0;
    background: rgba(0,0,0,.05);
    white-space: nowrap;
    font-weight: 500;
}

[b-ebaqztf4t4] .cs-keepout-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.78rem;
    padding: 3px 0;
    color: var(--rcm-gray-600);
}

[b-ebaqztf4t4] .cs-keepout-item .ko-name {
    display: flex;
    align-items: center;
    gap: 4px;
}

[b-ebaqztf4t4] .cs-keepout-item .ko-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--rcm-negative);
    flex-shrink: 0;
}

[b-ebaqztf4t4] .cs-mapWrap {
    position: relative;
    border-radius: var(--cs-radius);
    overflow: hidden;
    box-shadow: var(--cs-shadow);
    border: 1px solid var(--cs-border);
    background: var(--mud-palette-surface);
    min-height: 440px;
}

[b-ebaqztf4t4] .cs-map {
    width: 100%;
    height: 100%;
}

[b-ebaqztf4t4] .cs-search-wrap {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 340px;
    max-width: calc(100% - 24px);
}

[b-ebaqztf4t4] .cs-search-wrap input {
    width: 100%;
    padding: 10px 14px 10px 38px;
    border: none;
    border-radius: 0;
    box-shadow: 0 2px 12px rgba(0,0,0,.2);
    font-size: 0.9rem;
    background: white;
    outline: none;
}

[b-ebaqztf4t4] .cs-search-wrap input:focus {
    box-shadow: 0 2px 16px rgba(25,118,210,.35);
}

[b-ebaqztf4t4] .cs-search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--rcm-gray-400);
    font-size: 0.95rem;
    pointer-events: none;
}

[b-ebaqztf4t4] .cs-draw-hint {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    padding: 8px 20px;
    border-radius: 0;
    background: rgba(0,0,0,.75);
    color: white;
    font-size: 0.82rem;
    font-weight: 600;
    pointer-events: none;
    animation: cs-pulse-b-ebaqztf4t4 1.5s ease-in-out infinite;
}

@keyframes cs-pulse-b-ebaqztf4t4 {
    0%, 100% { opacity: 1; }
    50% { opacity: .7; }
}

[b-ebaqztf4t4] .cs-bottom-bar {
    display: flex;
    gap: 20px;
    padding: 12px 20px;
    border-radius: var(--cs-radius);
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(12px);
    box-shadow: var(--cs-shadow);
    border: 1px solid var(--cs-border);
    flex-wrap: wrap;
    justify-content: center;
}

[b-ebaqztf4t4] .cs-bottom-stat {
    text-align: center;
    min-width: 100px;
}

[b-ebaqztf4t4] .cs-bottom-value {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--cs-red);
}

[b-ebaqztf4t4] .cs-bottom-label {
    font-size: 0.72rem;
    color: var(--rcm-gray-600);
    margin-top: 1px;
}

[b-ebaqztf4t4] .cs-bottom-value-green {
    color: var(--rcm-positive);
}

[b-ebaqztf4t4] .cs-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
    color: var(--rcm-gray-400);
    gap: 8px;
}

[b-ebaqztf4t4] .cs-btn-red {
    background: linear-gradient(135deg, var(--rcm-red) 0%, var(--rcm-red-dark) 100%) !important;
    color: white !important;
    text-transform: none !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
}

[b-ebaqztf4t4] .cs-btn-red:hover {
    box-shadow: 0 4px 16px rgba(243, 0, 43, .3) !important;
}

[b-ebaqztf4t4] .cs-name-field .mud-input-root {
    font-size: 0.85rem;
    font-weight: 600;
}

[b-ebaqztf4t4] .cs-drawer-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px 20px 14px;
    border-bottom: 2px solid rgba(243, 0, 43, .12);
    background: linear-gradient(135deg, rgba(243,0,43,.03) 0%, transparent 100%);
}

[b-ebaqztf4t4] .cs-drawer-header-text {
    display: flex;
    align-items: center;
    gap: 10px;
}

[b-ebaqztf4t4] .cs-drawer-close {
    margin-top: -4px;
    margin-right: -8px;
    color: var(--rcm-gray-450) !important;
}

[b-ebaqztf4t4] .cs-drawer-close:hover {
    color: var(--rcm-gray-800) !important;
    background: rgba(0,0,0,.06) !important;
}

[b-ebaqztf4t4] .cs-drawer-body {
    padding: 20px;
    overflow-y: auto;
    max-height: calc(100vh - 72px);
}

[b-ebaqztf4t4] .cs-drawer-section {
    margin-bottom: 20px;
    padding: 16px;
    background: rgba(0,0,0,.018);
    border-radius: 0;
    border: 1px solid rgba(0,0,0,.06);
}

[b-ebaqztf4t4] .cs-drawer-section-label {
    font-weight: 700 !important;
    color: #555 !important;
    text-transform: uppercase;
    letter-spacing: .4px;
    font-size: 0.7rem !important;
    margin-bottom: 12px !important;
    display: block;
}

[b-ebaqztf4t4] .cs-drawer-field {
    margin-bottom: 12px !important;
}

[b-ebaqztf4t4] .cs-drawer-stat-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: white;
    border-radius: 0;
    font-size: 0.85rem;
    margin-bottom: 6px;
    border: 1px solid rgba(0,0,0,.05);
}

[b-ebaqztf4t4] .cs-drawer-stat-row:last-child {
    margin-bottom: 0;
}

[b-ebaqztf4t4] .cs-drawer-stat-row strong {
    color: var(--cs-red, var(--rcm-red));
    font-size: 0.95rem;
}

[b-ebaqztf4t4] .cs-cost-computed-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px;
    margin: 4px 0;
    background: rgba(0,0,0,.03);
    border-radius: 0;
    font-size: 0.8rem;
}

[b-ebaqztf4t4] .cs-cost-computed-row strong {
    color: var(--cs-red, var(--rcm-red));
}

[b-ebaqztf4t4] .cs-stripe-controls {
    margin-top: 6px;
    padding: 6px 8px;
    background: rgba(76, 175, 80, .06);
    border-radius: 0;
    border: 1px solid rgba(76, 175, 80, .15);
}

[b-ebaqztf4t4] .cs-roi-summary-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 10px;
}

[b-ebaqztf4t4] .cs-roi-stat-card {
    padding: 14px 10px;
    background: white;
    border-radius: 0;
    text-align: center;
    border: 1px solid rgba(0,0,0,.07);
    box-shadow: 0 1px 4px rgba(0,0,0,.04);
}

[b-ebaqztf4t4] .cs-roi-stat-value {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.3;
}

[b-ebaqztf4t4] .cs-roi-stat-label {
    font-size: 0.65rem;
    color: var(--rcm-gray-450);
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: .3px;
}

[b-ebaqztf4t4] .cs-roi-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

[b-ebaqztf4t4] .cs-roi-table th {
    text-align: left;
    padding: 8px 10px;
    border-bottom: 2px solid rgba(0,0,0,.10);
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    color: var(--rcm-gray-600);
    letter-spacing: .3px;
    background: rgba(0,0,0,.02);
}

[b-ebaqztf4t4] .cs-roi-table td {
    padding: 7px 10px;
    border-bottom: 1px solid rgba(0,0,0,.05);
}

[b-ebaqztf4t4] .cs-roi-table tbody tr:hover {
    background: rgba(0,0,0,.015);
}

[b-ebaqztf4t4] .cs-roi-table td:nth-child(2),
[b-ebaqztf4t4] .cs-roi-table td:nth-child(3),
[b-ebaqztf4t4] .cs-roi-table td:nth-child(4),
[b-ebaqztf4t4] .cs-roi-table th:nth-child(2),
[b-ebaqztf4t4] .cs-roi-table th:nth-child(3),
[b-ebaqztf4t4] .cs-roi-table th:nth-child(4) {
    text-align: right;
}

[b-ebaqztf4t4] .cs-roi-table-total td {
    font-weight: 700;
    border-top: 2px solid rgba(0,0,0,.10);
    padding-top: 10px;
    background: rgba(0,0,0,.02);
}

[b-ebaqztf4t4] .cs-bottom-divider {
    width: 1px;
    align-self: stretch;
    background: rgba(0,0,0,.15);
    margin: 4px 4px;
}

[b-ebaqztf4t4] .cs-roi-story {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 12px;
}

[b-ebaqztf4t4] .cs-roi-story-step {
    text-align: center;
    flex: 1;
    min-width: 0;
}

[b-ebaqztf4t4] .cs-roi-story-arrow {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

[b-ebaqztf4t4] .cs-roi-story-highlight {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 4px;
}

[b-ebaqztf4t4] .cs-roi-stat-card-hero {
    padding: 18px 12px;
    background: white;
    border-radius: 0;
    text-align: center;
    border: 2px solid rgba(46, 125, 50, .15);
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

[b-ebaqztf4t4] .cs-roi-stat-value-hero {
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.2;
}

[b-ebaqztf4t4] .cs-proposal-name-field { max-width: 200px; }
[b-ebaqztf4t4] .cs-proposal-name-field .mud-input-root { font-size: var(--rcm-text-sm); }

[b-ebaqztf4t4] .cs-cost-subhead { font-weight: 700 !important; color: var(--rcm-gray-600) !important; margin-bottom: 4px; }
[b-ebaqztf4t4] .cs-cost-subhead-spaced { font-weight: 700 !important; color: var(--rcm-gray-600) !important; margin: 8px 0 4px; }

[b-ebaqztf4t4] .cs-pos { color: var(--rcm-positive); }
[b-ebaqztf4t4] .cs-pos-strong { color: var(--rcm-positive-dark); }
[b-ebaqztf4t4] .cs-neg { color: var(--rcm-negative); }
[b-ebaqztf4t4] .cs-blue-dark { color: var(--rcm-blue-dark); }

/* Weight utilities (also applied to Mud roots, hence !important) */
[b-ebaqztf4t4] .cs-fw-600 { font-weight: 600 !important; }
[b-ebaqztf4t4] .cs-fw-700 { font-weight: 700 !important; }
[b-ebaqztf4t4] .cs-fw-800 { font-weight: 800 !important; }

[b-ebaqztf4t4] .cs-roi-cta { margin-top: 8px !important; width: 100% !important; text-transform: none !important; font-size: .78rem !important; }

[b-ebaqztf4t4] .cs-empty-icon { font-size: 2.5rem !important; opacity: .4; }
[b-ebaqztf4t4] .cs-empty-title { font-size: .85rem; font-weight: 600; }
[b-ebaqztf4t4] .cs-empty-sub { font-size: .75rem; }

[b-ebaqztf4t4] .cs-mt-6 { margin-top: 6px; }
[b-ebaqztf4t4] .cs-card-actions { margin-top: 8px; display: flex; gap: 6px; }
[b-ebaqztf4t4] .cs-bottom-stat-center { display: flex; align-items: center; }
[b-ebaqztf4t4] .cs-drawer-section-pad12 { padding: 12px; }

[b-ebaqztf4t4] .cs-nf-sm { font-size: .8rem; }

[b-ebaqztf4t4] .cs-ko-remove { padding: 2px !important; }

[b-ebaqztf4t4] .cs-mini-btn { font-size: var(--rcm-text-xs) !important; text-transform: none !important; padding: 2px 8px !important; }
[b-ebaqztf4t4] .cs-analysis-btn { text-transform: none !important; font-size: .75rem !important; }

[b-ebaqztf4t4] .cs-stripe-label { font-size: var(--rcm-text-xs); color: var(--rcm-gray-600); }
[b-ebaqztf4t4] .cs-slider-flush { margin: 0 !important; }

[b-ebaqztf4t4] .cs-terrain-hint { color: var(--rcm-gray-450) !important; font-size: var(--rcm-text-xs); margin: -6px 0 8px 2px; }

[b-ebaqztf4t4] .cs-permo { font-size: var(--rcm-text-2xs); color: var(--rcm-gray-450); }
[b-ebaqztf4t4] .cs-story-arrow-icon { color: var(--rcm-gray-400) !important; font-size: 1.2rem !important; }

[b-ebaqztf4t4] .cs-invest-note { font-size: var(--rcm-text-sm); color: var(--rcm-gray-600); }
[b-ebaqztf4t4] .cs-invest-note-mt { margin-top: 10px; }
[b-ebaqztf4t4] .cs-invest-note-strong { font-size: var(--rcm-text-sm); color: var(--rcm-gray-800); font-weight: 600; }
[b-ebaqztf4t4] .cs-invest-note-roi { font-size: var(--rcm-text-sm); color: var(--rcm-positive); font-weight: 600; margin-top: 4px; }

[b-ebaqztf4t4] .cs-load-row { display: flex; justify-content: space-between; align-items: center; width: 100%; }
[b-ebaqztf4t4] .cs-load-actions { display: flex; gap: 4px; }
/* _content/SupportAppAMR/Components/Pages/Analytics/CustomerDashboard.razor.rz.scp.css */
/* `!important` on classes also defined in analytics-theme.css (kpi-card, kpi-icon)
   so this page's look wins regardless of load order. */

[b-vi6c0w2ef7] .rcm-card { border-radius: 0; overflow: hidden; }

[b-vi6c0w2ef7] .kpi-card {
    border-radius: 0 !important;
    border: 1px solid var(--rcm-light-gray) !important;
    overflow: hidden !important;
}

[b-vi6c0w2ef7] .kpi-primary { border-left: 4px solid var(--rcm-red) !important; }
[b-vi6c0w2ef7] .kpi-dark    { border-left: 4px solid var(--rcm-black) !important; }
[b-vi6c0w2ef7] .kpi-medium  { border-left: 4px solid var(--rcm-medium-gray) !important; }

[b-vi6c0w2ef7] .kpi-card-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 20px;
}

[b-vi6c0w2ef7] .kpi-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: rgba(0,0,0,0.04);
}

[b-vi6c0w2ef7] .kpi-icon-red    { background: var(--rcm-red) !important; }
[b-vi6c0w2ef7] .kpi-icon-black  { background: var(--rcm-black) !important; }
[b-vi6c0w2ef7] .kpi-icon-medium { background: var(--rcm-medium-gray) !important; }

[b-vi6c0w2ef7] .kpi-icon-glyph { color: var(--rcm-white); font-size: 22px; }
[b-vi6c0w2ef7] .kpi-overline   { color: var(--rcm-dark-gray); letter-spacing: 0.04em; }
[b-vi6c0w2ef7] .kpi-value      { font-weight: 700; color: var(--rcm-black); }

[b-vi6c0w2ef7] .kpi-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    min-width: 0;
}

[b-vi6c0w2ef7] .subtle { color: var(--mud-palette-text-secondary); }

[b-vi6c0w2ef7] .chart-shell { border-radius: 0; overflow: hidden; }

[b-vi6c0w2ef7] .weekly-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--rcm-light-gray);
    padding: 12px 20px;
}

[b-vi6c0w2ef7] .weekly-header-title {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--rcm-black);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

[b-vi6c0w2ef7] .week-tabs {
    display: flex;
    gap: 0;
    background: var(--rcm-light-gray);
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 16px;
}

[b-vi6c0w2ef7] .week-tab {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 14px 12px;
    cursor: pointer;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--rcm-dark-gray);
    transition: all 0.15s ease;
    white-space: nowrap;
    border-right: 1px solid var(--rcm-medium-gray);
    border-radius: 0 !important;
}

[b-vi6c0w2ef7] .week-tab:last-child { border-right: none; }
[b-vi6c0w2ef7] .week-tab:hover { background: rgba(0,0,0,0.06); }

[b-vi6c0w2ef7] .week-tab-active,
[b-vi6c0w2ef7] .week-tab-active span {
    background: var(--rcm-black) !important;
    color: var(--rcm-white) !important;
}

[b-vi6c0w2ef7] .week-tab-active:hover { background: var(--rcm-black) !important; }

[b-vi6c0w2ef7] .mini-kpi-trend {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    font-weight: 600;
    margin-top: 2px;
}

[b-vi6c0w2ef7] .trend-up, [b-vi6c0w2ef7] .trend-up span:first-child { color: var(--mud-palette-success) !important; }
[b-vi6c0w2ef7] .trend-down, [b-vi6c0w2ef7] .trend-down span:first-child { color: var(--mud-palette-error) !important; }
[b-vi6c0w2ef7] .trend-flat, [b-vi6c0w2ef7] .trend-flat span:first-child { color: var(--mud-palette-text-secondary) !important; opacity: 0.7; }
[b-vi6c0w2ef7] .mini-kpi-trend span.vs-label { color: var(--rcm-black) !important; opacity: 1; }

[b-vi6c0w2ef7] .mini-kpi-value { font-weight: 700; color: var(--rcm-black); }
[b-vi6c0w2ef7] .mini-kpi-empty { color: var(--rcm-medium-gray); }

[b-vi6c0w2ef7] .top-card { border-radius: 0; overflow: hidden; border: 1px solid var(--rcm-light-gray); }
[b-vi6c0w2ef7] .top-card-header { background: var(--rcm-light-gray); padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; }
[b-vi6c0w2ef7] .top-card-title { font-size: 0.82rem; font-weight: 700; color: var(--rcm-black); text-transform: uppercase; letter-spacing: 0.06em; }
[b-vi6c0w2ef7] .top-card-count { font-size: 0.68rem; font-weight: 700; color: var(--rcm-white); background: var(--rcm-red); padding: 2px 10px; border-radius: 0; line-height: 1.5; }
[b-vi6c0w2ef7] .top-card-body { padding: 0; }
[b-vi6c0w2ef7] .top-items-row { display: flex; flex-direction: row; }
[b-vi6c0w2ef7] .top-item {
    display: flex; align-items: center; gap: 14px; padding: 14px 16px;
    border-bottom: 3px solid transparent; cursor: default; transition: background 0.15s ease; flex: 1; min-width: 0;
}
[b-vi6c0w2ef7] .top-item + .top-item { border-left: 1px solid var(--rcm-light-gray); }
[b-vi6c0w2ef7] .top-item:hover { background: var(--rcm-light-gray); }
[b-vi6c0w2ef7] .top-item-first { border-bottom: 3px solid var(--rcm-red); }
[b-vi6c0w2ef7] .top-item-content { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[b-vi6c0w2ef7] .top-item-name { font-size: 0.88rem; font-weight: 700; color: var(--rcm-black); text-transform: uppercase; letter-spacing: 0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[b-vi6c0w2ef7] .top-item-stats { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
[b-vi6c0w2ef7] .top-item-stat { font-size: 0.78rem; font-weight: 500; color: var(--rcm-dark-gray); white-space: nowrap; }
[b-vi6c0w2ef7] .top-item-sep { color: var(--rcm-medium-gray); font-size: 0.72rem; }
[b-vi6c0w2ef7] .top-rank {
    display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px;
    border-radius: 0; font-size: 0.75rem; font-weight: 700; background: var(--rcm-light-gray); color: var(--rcm-dark-gray); flex-shrink: 0;
}
[b-vi6c0w2ef7] .top-rank-first { background: var(--rcm-red); color: var(--rcm-white); }
[b-vi6c0w2ef7] .top-card-empty { padding: 32px 16px; text-align: center; font-size: 0.78rem; color: var(--rcm-medium-gray); }
[b-vi6c0w2ef7] .muted-divider { opacity: 0.5; }
[b-vi6c0w2ef7] .mud-toggle-item { padding: 4px 20px !important; min-height: unset !important; }
/* _content/SupportAppAMR/Components/Pages/Analytics/FaultAnalysis.razor.rz.scp.css */
[b-1l9rbpc22g] .fault-kpi-card {
    border-radius: 0;
}

[b-1l9rbpc22g] .fault-chart-paper {
    border-radius: 0;
}
/* _content/SupportAppAMR/Components/Pages/Analytics/MachineOperators.razor.rz.scp.css */
[b-xzn036px0i] .mo-empty-icon    { font-size: 36px; color: var(--rcm-white); }
[b-xzn036px0i] .mo-icon-empty-40 { font-size: 40px; color: var(--rcm-medium-gray); }
[b-xzn036px0i] .mo-text-black    { color: var(--rcm-black); }
[b-xzn036px0i] .mo-empty-desc    { color: var(--rcm-dark-gray); max-width: 320px; }

.amr-kpi[b-xzn036px0i] {
    border: 1px solid rgba(0,0,0,0.08);
    background: rgba(255,255,255,0.92);
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border-radius: 0;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    transition: box-shadow 0.2s ease;
}

.amr-kpi:hover[b-xzn036px0i] {
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

.amr-kpi-primary[b-xzn036px0i] { border-left: 4px solid var(--rcm-red); }
.amr-kpi-info[b-xzn036px0i]    { border-left: 4px solid var(--rcm-black); }
.amr-kpi-warn[b-xzn036px0i]    { border-left: 4px solid var(--rcm-medium-gray); }
.amr-kpi-accent[b-xzn036px0i]  { border-left: 4px solid var(--rcm-red); }

.content-card[b-xzn036px0i] {
    border-radius: 0;
    border: 1px solid var(--rcm-light-gray);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.content-card-header[b-xzn036px0i] {
    background: var(--rcm-light-gray);
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-card-title[b-xzn036px0i] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--rcm-black);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.content-card-body[b-xzn036px0i] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.map-container[b-xzn036px0i] {
    width: 100%;
    flex: 1;
    min-height: 300px;
    overflow: hidden;
}

.op-scroll[b-xzn036px0i] {
    overflow-y: auto;
    max-height: 400px;
}

.coord-badge[b-xzn036px0i] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--rcm-dark-gray);
    background: rgba(0,0,0,0.06);
    padding: 3px 10px;
    border-radius: 0;
    font-family: monospace;
}

.session-count-badge[b-xzn036px0i] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--rcm-white);
    background: var(--rcm-red);
    padding: 2px 10px;
    border-radius: 0;
    line-height: 1.5;
}

.op-row[b-xzn036px0i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    cursor: pointer;
    transition: background 0.15s ease;
    border-bottom: 1px solid var(--rcm-light-gray);
}

.op-row:last-child[b-xzn036px0i] {
    border-bottom: none;
}

.op-row:hover[b-xzn036px0i] {
    background: var(--rcm-light-gray);
}

.op-row-first[b-xzn036px0i] {
    border-bottom: 3px solid var(--rcm-red);
}

.op-row-left[b-xzn036px0i] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.op-rank[b-xzn036px0i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 0;
    font-size: 0.75rem;
    font-weight: 700;
    background: var(--rcm-light-gray);
    color: var(--rcm-dark-gray);
    flex-shrink: 0;
}

.op-rank-first[b-xzn036px0i] {
    background: var(--rcm-red);
    color: var(--rcm-white);
}

.op-row-info[b-xzn036px0i] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.op-row-name[b-xzn036px0i] {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--rcm-black);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.op-row-date[b-xzn036px0i] {
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--rcm-dark-gray);
}

.content-empty[b-xzn036px0i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 100%;
    min-height: 280px;
    padding: 24px;
}

.empty-state-container[b-xzn036px0i] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50vh;
    padding: 40px 16px;
}

.empty-state-card[b-xzn036px0i] {
    border: 1px solid var(--rcm-light-gray);
    border-radius: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 48px 40px;
    max-width: 420px;
    width: 100%;
}

.empty-state-icon-wrap[b-xzn036px0i] {
    width: 72px;
    height: 72px;
    background: var(--rcm-black);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.subtle[b-xzn036px0i] {
    color: var(--rcm-dark-gray, #4d4d4d);
}

@media (max-width: 600px) {
    .amr-kpi[b-xzn036px0i] {
        padding: 10px 12px;
    }

    .op-row[b-xzn036px0i] {
        padding: 10px 12px;
    }

    .op-row-name[b-xzn036px0i] {
        font-size: 0.78rem;
    }
}
/* _content/SupportAppAMR/Components/Pages/Analytics/MowSettings.razor.rz.scp.css */
/* Child component styles live in their own .razor.css files under Components/Analytics/MowSettings/. */
/* _content/SupportAppAMR/Components/Pages/Analytics/PlanAnalytics.razor.rz.scp.css */
[b-ye3zigor9j] .pa-insight-card    { height: 100%; }
[b-ye3zigor9j] .pa-insight-primary { border-left: 4px solid var(--mud-palette-primary); }
[b-ye3zigor9j] .pa-insight-info    { border-left: 4px solid var(--mud-palette-info); }
[b-ye3zigor9j] .pa-insight-warn    { border-left: 4px solid var(--mud-palette-warning); }
[b-ye3zigor9j] .pa-progress-50     { width: 50px; }
[b-ye3zigor9j] .pa-italic          { font-style: italic; }
[b-ye3zigor9j] .pa-ico-12          { font-size: 12px; }
[b-ye3zigor9j] .pa-ellipsis        { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[b-ye3zigor9j] .pa-cell-center     { text-align: center; }

[b-ye3zigor9j] .rcm-card {
    border-radius: 0;
    overflow: hidden;
}

[b-ye3zigor9j] .rcm-card-header {
    background: linear-gradient(135deg, var(--rcm-red) 0%, var(--rcm-red-dark) 100%);
}

[b-ye3zigor9j] .text-white {
    color: white;
}

[b-ye3zigor9j] .text-white-70 {
    color: rgba(255,255,255,0.8);
}

[b-ye3zigor9j] .plan-list-header {
    background: var(--rcm-black);
    padding: 16px;
}

[b-ye3zigor9j] .plan-header-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

[b-ye3zigor9j] .plan-header-label {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--rcm-white);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

[b-ye3zigor9j] .plan-header-count {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--rcm-white);
    background: var(--rcm-red);
    padding: 2px 10px;
    border-radius: 0;
}

[b-ye3zigor9j] .plan-header-controls {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-ye3zigor9j] .plan-search-field {
    flex: 1;
    min-width: 0;
}

[b-ye3zigor9j] .plan-search-field .mud-input-outlined {
    background: var(--rcm-dark-gray);
    border-radius: 0;
}

[b-ye3zigor9j] .plan-search-field .mud-input-outlined input {
    color: var(--rcm-white);
    font-size: 0.8rem;
}

[b-ye3zigor9j] .plan-search-field .mud-input-outlined input::placeholder {
    color: var(--rcm-medium-gray);
}

[b-ye3zigor9j] .plan-search-field .mud-input-adornment-start .mud-icon-root {
    color: var(--rcm-medium-gray);
}

[b-ye3zigor9j] .plan-sort-controls {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

[b-ye3zigor9j] .plan-sort-dropdown {
    width: 120px;
}

[b-ye3zigor9j] .plan-sort-dropdown .mud-input-outlined {
    background: var(--rcm-dark-gray);
    border-radius: 0;
}

[b-ye3zigor9j] .plan-sort-dropdown .mud-input-outlined .mud-input-slot {
    color: var(--rcm-white);
    font-size: 0.78rem;
}

[b-ye3zigor9j] .plan-sort-dropdown .mud-select-input {
    color: var(--rcm-white);
    font-size: 0.78rem;
}

[b-ye3zigor9j] .plan-sort-dropdown .mud-icon-root {
    color: var(--rcm-medium-gray);
}

[b-ye3zigor9j] .plan-header-controls .mud-icon-button {
    color: var(--rcm-medium-gray);
}

[b-ye3zigor9j] .plan-list-container {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 100px);
}

[b-ye3zigor9j] .plan-list-scroll {
    overflow-y: auto;
    flex: 1;
}

[b-ye3zigor9j] .plan-group-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 16px;
    background: var(--rcm-white);
    cursor: pointer;
    user-select: none;
    border-bottom: 1px solid var(--rcm-medium-gray);
    transition: background 0.15s ease;
}

[b-ye3zigor9j] .plan-group-header:hover {
    background: #e0e0e0;
}

[b-ye3zigor9j] .plan-group-header-expanded {
    background: var(--rcm-black);
    border-bottom: 1px solid var(--rcm-black);
}

[b-ye3zigor9j] .plan-group-header-expanded:hover {
    background: var(--rcm-black);
}

[b-ye3zigor9j] .plan-group-header-expanded .plan-group-name {
    color: var(--rcm-white);
}

[b-ye3zigor9j] .plan-group-header-expanded .mud-icon-root {
    color: var(--rcm-medium-gray) !important;
}

[b-ye3zigor9j] .plan-group-label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

[b-ye3zigor9j] .plan-group-name {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--rcm-black);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    vertical-align: middle;
}

[b-ye3zigor9j] .plan-group-count {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--rcm-white);
    background: var(--rcm-black);
    padding: 2px 8px;
    border-radius: 0;
    line-height: 1.5;
}

[b-ye3zigor9j] .plan-group-header-expanded .plan-group-count {
    background: var(--rcm-red);
    color: var(--rcm-white);
}

[b-ye3zigor9j] .plan-item-compact {
    padding: 10px 16px 10px 16px;
    cursor: pointer;
    border-left: 3px solid transparent;
    transition: all 0.15s ease;
}

[b-ye3zigor9j] .plan-item-compact:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

[b-ye3zigor9j] .plan-item-compact + .plan-item-compact {
    border-top: 1px solid rgba(0,0,0,0.04);
}

[b-ye3zigor9j] .plan-item-compact-selected {
    background-color: rgba(243, 0, 43, 0.06);
    border-left: 3px solid var(--rcm-red);
}

[b-ye3zigor9j] .plan-item-compact-selected:hover {
    background-color: rgba(243, 0, 43, 0.09);
}

[b-ye3zigor9j] .plan-item-row-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

[b-ye3zigor9j] .plan-item-name {
    font-weight: 700;
    font-size: 0.88rem;
    color: var(--rcm-black);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

[b-ye3zigor9j] .plan-item-stats {
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: 4px;
}

[b-ye3zigor9j] .plan-stat {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--rcm-dark-gray);
    white-space: nowrap;
}

[b-ye3zigor9j] .plan-stat-sep {
    color: var(--rcm-medium-gray);
    margin: 0 2px;
}

[b-ye3zigor9j] .plan-stat-divider {
    width: 1px;
    height: 12px;
    background: var(--rcm-medium-gray);
    margin: 0 10px;
}

[b-ye3zigor9j] .plan-item-location {
    font-size: 0.72rem;
    color: var(--rcm-medium-gray);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: auto;
    padding-left: 8px;
}

[b-ye3zigor9j] .session-row {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

[b-ye3zigor9j] .session-row:hover {
    background-color: rgba(243, 0, 43, 0.04) !important;
}

[b-ye3zigor9j] .session-row-selected {
    background-color: rgba(243, 0, 43, 0.12) !important;
    border-left: 3px solid var(--rcm-red);
}

[b-ye3zigor9j] .rel {
    position: relative;
}

[b-ye3zigor9j] .minw-200 {
    min-width: 200px;
}

[b-ye3zigor9j] .detail-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: var(--rcm-black);
    padding: 20px 24px;
    gap: 16px;
}

[b-ye3zigor9j] .detail-header-left {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

[b-ye3zigor9j] .detail-plan-name {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--rcm-white);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

[b-ye3zigor9j] .detail-plan-meta {
    font-size: 0.8rem;
    color: var(--rcm-white);
}

[b-ye3zigor9j] .detail-plan-property {
    font-weight: 700;
}

[b-ye3zigor9j] .detail-plan-address {
    color: rgba(255, 255, 255, 0.75);
}

[b-ye3zigor9j] .detail-meta-sep {
    margin: 0 6px;
    color: rgba(255, 255, 255, 0.5);
}

[b-ye3zigor9j] .detail-creator {
    font-size: 0.72rem;
    color: var(--rcm-white);
    margin-top: 2px;
}

[b-ye3zigor9j] .detail-header-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    background: var(--rcm-red);
    padding: 8px 16px;
    border-radius: 0;
}

[b-ye3zigor9j] .detail-completion-value {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--rcm-white);
    line-height: 1;
}

[b-ye3zigor9j] .detail-completion-label {
    font-size: 0.6rem;
    font-weight: 700;
    color: rgba(255,255,255,0.8);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-top: 2px;
}

[b-ye3zigor9j] .detail-progress-bar {
    height: 4px;
    background: var(--rcm-light-gray);
    width: 100%;
}

[b-ye3zigor9j] .detail-progress-fill {
    height: 100%;
    background: var(--rcm-red);
    transition: width 0.4s ease;
}

[b-ye3zigor9j] .detail-metrics-section {
    padding: 16px 24px 20px;
}

[b-ye3zigor9j] .detail-metrics-label {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--rcm-medium-gray);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 8px;
}

[b-ye3zigor9j] .detail-metric {
    padding: 12px 14px;
    border-radius: 0;
    background: var(--rcm-light-gray);
    border-left: 3px solid transparent;
    height: 100%;
}

[b-ye3zigor9j] .detail-metric-primary {
    border-left-color: var(--rcm-red);
}

[b-ye3zigor9j] .detail-metric-secondary {
    border-left-color: var(--rcm-dark-gray);
}

[b-ye3zigor9j] .detail-metric-label {
    display: block;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--rcm-dark-gray);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 4px;
}

[b-ye3zigor9j] .detail-metric-value {
    display: block;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--rcm-black);
}

[b-ye3zigor9j] .detail-metric-value-sm {
    font-size: 0.95rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-ye3zigor9j] .detail-metric-sub {
    display: block;
    font-size: 0.66rem;
    font-weight: 600;
    color: var(--rcm-medium-gray);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-ye3zigor9j] .detail-info-section {
    border-top: 1px solid var(--rcm-light-gray);
    padding: 0;
}

[b-ye3zigor9j] .detail-info-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 24px;
    border-left: 3px solid var(--rcm-light-gray);
}

[b-ye3zigor9j] .detail-info-row + .detail-info-row {
    border-top: 1px solid var(--rcm-light-gray);
}

[b-ye3zigor9j] .detail-info-label {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--rcm-dark-gray);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
    min-width: 100px;
}

[b-ye3zigor9j] .detail-info-value {
    font-size: 0.82rem;
    color: var(--rcm-black);
}

[b-ye3zigor9j] .metric-value {
    font-weight: 700;
}

[b-ye3zigor9j] .metric-success-text {
    color: var(--rcm-good);
}

/* Fixed height so Google Maps can initialise; without it the div is zero-height and the JS init guard retries forever. */
[b-ye3zigor9j] .analytics-map-350 {
    height: 350px;
    width: 100%;
}

[b-ye3zigor9j] .analytics-empty-panel {
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/SupportAppAMR/Components/Pages/Analytics/ProductionCompare.razor.rz.scp.css */
[b-r58vf8raej] .mud-card { border-left: none !important; }

[b-r58vf8raej] .compare-panel-header {
    display: flex;
    align-items: center;
    gap: 0;
    background: var(--rcm-light-gray);
    padding: 4px 12px;
    border-bottom: 1px solid var(--rcm-border);
}

[b-r58vf8raej] .compare-panel-title {
    flex: 1;
    color: var(--rcm-black) !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: var(--rcm-text-sm);
}

[b-r58vf8raej] .compare-toolbar-btn { min-width: 168px; }
/* _content/SupportAppAMR/Components/Pages/Analytics/ProductionSummary.razor.rz.scp.css */
[b-kjyl6r4tsi] .context-panel {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid var(--rcm-light-gray);
    border-radius: 0;
    overflow: hidden;
}

[b-kjyl6r4tsi] .context-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--rcm-light-gray);
}

[b-kjyl6r4tsi] .context-row:last-child { border-bottom: none; }

[b-kjyl6r4tsi] .context-row-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--rcm-black);
    letter-spacing: 0.02em;
    white-space: nowrap;
    margin-right: 4px;
}

[b-kjyl6r4tsi] .context-count-badge {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--rcm-white);
    background: var(--rcm-red);
    min-width: 22px;
    text-align: center;
    padding: 1px 8px;
    border-radius: 0;
    line-height: 1.6;
}

[b-kjyl6r4tsi] .chip-drill {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
    border-radius: 0 !important;
    padding: 0 14px !important;
    height: 32px !important;
    transition: transform 120ms ease, box-shadow 120ms ease;
}

[b-kjyl6r4tsi] .chip-drill:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
}

[b-kjyl6r4tsi] .chip-more {
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
    padding: 0 14px !important;
    height: 32px !important;
    opacity: .85;
    border-style: dashed !important;
}

[b-kjyl6r4tsi] .ps-ico-red { color: var(--rcm-red); }
/* _content/SupportAppAMR/Components/Pages/Analytics/Properties.razor.rz.scp.css */
[b-hpke1kxhmm] .pm-page {
    height: calc(100vh - 120px);
    min-height: 680px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-hpke1kxhmm] .pm-toolbar {
    border-radius: 0;
    overflow: hidden;
    background: var(--rcm-light-gray);
}

[b-hpke1kxhmm] .pm-toolbar-inner {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

[b-hpke1kxhmm] .pm-title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

[b-hpke1kxhmm] .pm-title-text {
    font-size: 1rem;
    font-weight: 700;
    color: var(--rcm-red);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-hpke1kxhmm] .pm-title-impersonating {
    color: var(--rcm-red);
    text-decoration: underline;
    text-decoration-color: var(--rcm-medium-gray);
}

[b-hpke1kxhmm] .pm-plan-sublist {
    width: 100%;
    padding: 4px 0 2px 0;
    border-left: 2px solid var(--rcm-light-gray);
    margin-top: 8px;
    margin-left: 8px;
}

[b-hpke1kxhmm] .pm-plan-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 0;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

[b-hpke1kxhmm] .pm-plan-item:hover {
    background-color: rgba(243, 0, 43, 0.06);
}

[b-hpke1kxhmm] .pm-plan-item-name {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--rcm-black);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-hpke1kxhmm] .pm-plan-empty {
    font-size: 0.75rem;
    color: var(--rcm-medium-gray);
    padding: 4px 10px;
    font-style: italic;
}

[b-hpke1kxhmm] .pm-unassigned-nav {
    display: flex;
    align-items: center;
    gap: 11px;
    background: var(--rcm-white);
    border-radius: 0;
    padding: 9px 15px;
    border: 1px solid var(--rcm-medium-gray);
}

[b-hpke1kxhmm] .pm-unassigned-nav .mud-icon-button {
    background: var(--rcm-medium-gray) !important;
    color: var(--rcm-black) !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 0 !important;
}

[b-hpke1kxhmm] .pm-unassigned-nav .mud-icon-button:hover {
    background: var(--rcm-dark-gray) !important;
    color: var(--rcm-white) !important;
}

[b-hpke1kxhmm] .pm-unassigned-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.5;
    padding: 0 30px;
}

[b-hpke1kxhmm] .pm-unassigned-name {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--rcm-black);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

[b-hpke1kxhmm] .pm-unassigned-count {
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--rcm-red);
    white-space: nowrap;
}

[b-hpke1kxhmm] .pm-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

[b-hpke1kxhmm] .pm-body {
    flex: 1;
    display: grid;
    grid-template-columns: 310px 1fr;
    gap: 12px;
    min-height: 520px;
}

@media (max-width: 900px) {
    [b-hpke1kxhmm] .pm-body {
        grid-template-columns: 1fr;
    }
    [b-hpke1kxhmm] .pm-left-panel {
        max-height: 250px;
    }
}

[b-hpke1kxhmm] .pm-left-panel {
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--rcm-light-gray);
    background: var(--rcm-white);
}

[b-hpke1kxhmm] .pm-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: var(--rcm-black);
}

[b-hpke1kxhmm] .pm-panel-title {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--rcm-white);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

[b-hpke1kxhmm] .pm-panel-count {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--rcm-white);
    background: var(--rcm-red);
    padding: 2px 10px;
    border-radius: 0;
}

[b-hpke1kxhmm] .pm-panel-search {
    padding: 8px 12px;
    background: var(--rcm-surface-gray);
    border-bottom: 1px solid var(--rcm-light-gray);
}

[b-hpke1kxhmm] .pm-search-field .mud-input-outlined {
    background: var(--rcm-white);
    border-radius: 0;
    font-size: 0.8rem;
}

[b-hpke1kxhmm] .pm-property-list {
    flex: 1;
    overflow-y: auto;
    padding: 0;
}

[b-hpke1kxhmm] .pm-property-item {
    padding: 14px 16px;
    cursor: pointer;
    border-left: 3px solid transparent;
    transition: all 0.15s ease;
    display: flex;
    flex-direction: column;
    gap: 0;
}

[b-hpke1kxhmm] .pm-property-item + .pm-property-item {
    border-top: 1px solid var(--rcm-light-gray);
}

[b-hpke1kxhmm] .pm-property-item:hover {
    background: var(--rcm-light-gray);
}

[b-hpke1kxhmm] .pm-property-item-selected {
    background: rgba(243, 0, 43, 0.06);
    border-left-color: var(--rcm-red);
}

[b-hpke1kxhmm] .pm-property-item-selected:hover {
    background: rgba(243, 0, 43, 0.09);
}

[b-hpke1kxhmm] .pm-property-header {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

[b-hpke1kxhmm] .pm-property-name {
    flex: 1;
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--rcm-black);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-hpke1kxhmm] .pm-boundary-badge {
    font-weight: 600;
    font-size: 0.6rem;
    color: var(--rcm-white);
    background: var(--rcm-dark-gray);
    padding: 1px 6px;
    border-radius: 0;
    margin-left: 6px;
    vertical-align: middle;
}

[b-hpke1kxhmm] .pm-property-actions {
    display: flex;
    align-items: center;
    gap: 0;
    opacity: 0;
    transition: opacity 0.15s ease;
}

[b-hpke1kxhmm] .pm-property-item:hover .pm-property-actions,
[b-hpke1kxhmm] .pm-property-item-selected .pm-property-actions {
    opacity: 1;
}

[b-hpke1kxhmm] .pm-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
    color: var(--rcm-gray-400);
    gap: 8px;
}

[b-hpke1kxhmm] .pm-mapWrap {
    position: relative;
    border-radius: var(--pm-radius);
    overflow: hidden;
    box-shadow: var(--pm-shadow);
    border: 1px solid var(--pm-border);
    background: var(--mud-palette-surface);
    min-height: 440px;
}

[b-hpke1kxhmm] .pm-map {
    width: 100%;
    height: 100%;
}

[b-hpke1kxhmm] .pm-unassigned-nav {
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 11px;
    background: var(--rcm-white);
    border-radius: 0;
    padding: 9px 15px;
    border: 1px solid var(--rcm-medium-gray);
}

[b-hpke1kxhmm] .pm-unassigned-nav .mud-icon-button {
    background: var(--rcm-medium-gray) !important;
    color: var(--rcm-black) !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 0 !important;
}

[b-hpke1kxhmm] .pm-unassigned-nav .mud-icon-button:hover {
    background: var(--rcm-dark-gray) !important;
    color: var(--rcm-white) !important;
}

[b-hpke1kxhmm] .pm-unassigned-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.5;
    padding: 0 30px;
}

[b-hpke1kxhmm] .pm-unassigned-name {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--rcm-black);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

[b-hpke1kxhmm] .pm-unassigned-count {
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--rcm-red);
    white-space: nowrap;
}

[b-hpke1kxhmm] .pm-draw-hint {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    padding: 8px 20px;
    border-radius: 0;
    background: rgba(0,0,0,.75);
    color: white;
    font-size: 0.82rem;
    font-weight: 600;
    pointer-events: none;
    animation: pm-pulse-b-hpke1kxhmm 1.5s ease-in-out infinite;
}

@keyframes pm-pulse-b-hpke1kxhmm {
    0%, 100% { opacity: 1; }
    50% { opacity: .7; }
}

[b-hpke1kxhmm] .pm-editing-chip {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    padding: 6px 14px;
    border-radius: 0;
    background: rgba(255, 152, 0, 0.9);
    color: white;
    font-size: 0.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
}

[b-hpke1kxhmm] .pm-bottom-bar {
    display: flex;
    gap: 24px;
    padding: 12px 20px;
    border-radius: 0;
    background: var(--rcm-light-gray);
    flex-wrap: wrap;
    align-items: center;
}

[b-hpke1kxhmm] .pm-bottom-stat {
    text-align: center;
    min-width: 100px;
}

[b-hpke1kxhmm] .pm-bottom-value {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--rcm-black);
}

[b-hpke1kxhmm] .pm-bottom-label {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--rcm-dark-gray);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 2px;
}

[b-hpke1kxhmm] .pm-bottom-value.pm-bottom-value-name {
    font-size: 1rem;
}

[b-hpke1kxhmm] .pm-bottom-value.pm-bottom-value-area {
    color: var(--rcm-red);
}

[b-hpke1kxhmm] .pm-bottom-value.pm-bottom-value-editing {
    color: var(--rcm-orange);
}

[b-hpke1kxhmm] .pm-btn-red .mud-button-root,
[b-hpke1kxhmm] .pm-btn-red.mud-button-root {
    background: var(--rcm-red) !important;
    color: var(--rcm-white) !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.04em !important;
    border-radius: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

[b-hpke1kxhmm] .pm-btn-red .mud-button-root:hover,
[b-hpke1kxhmm] .pm-btn-red.mud-button-root:hover {
    background: var(--rcm-red-dark) !important;
    box-shadow: 0 4px 16px rgba(243, 0, 43, .3) !important;
}

[b-hpke1kxhmm] .pm-btn-cancel {
    color: var(--rcm-black) !important;
    border-color: var(--rcm-dark-gray) !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.04em !important;
    border-radius: 0 !important;
}

[b-hpke1kxhmm] .pm-btn-cancel:hover {
    background: rgba(0, 0, 0, 0.06) !important;
}

[b-hpke1kxhmm] .pm-name-field .mud-input-root {
    font-size: 0.85rem;
    font-weight: 600;
}

/* Reach the MudMenu activator button through ::deep; wrapper uses display:contents. */
.pm-add-wrap[b-hpke1kxhmm] { display: contents; }
.pm-add-wrap[b-hpke1kxhmm]  .mud-button-root:not(:disabled) {
    background-color: var(--cc-red) !important;
    color: var(--cc-white) !important;
}
.pm-add-wrap[b-hpke1kxhmm]  .mud-button-root:not(:disabled):hover {
    background-color: var(--cc-red-hover) !important;
}
.pm-add-wrap[b-hpke1kxhmm]  .mud-button-root:not(:disabled) .mud-icon-root {
    color: var(--cc-white) !important;
}
/* _content/SupportAppAMR/Components/Pages/Analytics/PropertyCoverage.razor.rz.scp.css */
[b-7fw6udmyg2] .pc-page {
    height: calc(100vh - 110px);
    min-height: 520px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 48px;
    overflow: clip;
}

[b-7fw6udmyg2] .analytics-min-360 {
    min-height: 360px;
}

[b-7fw6udmyg2] .pc-toolbar {
    background: var(--rcm-white);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0;
    overflow: hidden;
}

[b-7fw6udmyg2] .pc-toolbar-inner {
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

[b-7fw6udmyg2] .pc-toolbar-label {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--rcm-dark-gray);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

[b-7fw6udmyg2] .pc-toolbar-spacer {
    flex: 1;
}

[b-7fw6udmyg2] .pc-date-picker .mud-input-outlined {
    background: var(--rcm-white);
    border-radius: 0;
}


[b-7fw6udmyg2] .pc-btn-panel {
    color: var(--rcm-dark-gray) !important;
    border-color: var(--rcm-dark-gray) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.04em !important;
    border-radius: 0 !important;
}

[b-7fw6udmyg2] .pc-btn-panel:hover {
    background: rgba(0,0,0,0.06) !important;
}

[b-7fw6udmyg2] .pc-btn-heatmap-active {
    background: var(--rcm-red) !important;
    color: var(--rcm-white) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.04em !important;
    border-radius: 0 !important;
}

[b-7fw6udmyg2] .pc-btn-heatmap-active:hover {
    background: var(--rcm-red-dark) !important;
}



[b-7fw6udmyg2] .pc-body {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    min-height: 0;
    overflow: clip;
}

@media (min-width: 1100px) {
    [b-7fw6udmyg2] .pc-body.panel-open {
        grid-template-columns: 1fr 380px;
        align-items: stretch;
    }
}

[b-7fw6udmyg2] .pc-mapWrap {
    position: relative;
    border-radius: var(--pc-radius);
    overflow: hidden;
    box-shadow: var(--pc-shadow);
    border: 1px solid var(--pc-border);
    background: var(--mud-palette-surface);
    min-height: 440px;
}

[b-7fw6udmyg2] .pc-map {
    width: 100%;
    height: 100%;
}

[b-7fw6udmyg2] .pc-overlay {
    position: absolute;
    z-index: 10;
    pointer-events: none;
    inset: 0;
}

[b-7fw6udmyg2] .pc-overlay > * { pointer-events: auto; }

[b-7fw6udmyg2] .pc-overlay-topLeft {
    position: absolute;
    top: 10px;
    left: 10px;
    display: grid;
    gap: 10px;
    width: min(260px, calc(100% - 20px));
}

[b-7fw6udmyg2] .pc-overlay-topRight {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: calc(100% - 20px);
}

[b-7fw6udmyg2] .pc-overlay-bottom {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    display: flex;
    justify-content: center;
}

[b-7fw6udmyg2] .pc-glass {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: var(--pc-blur-bg);
    border: 1px solid var(--pc-border);
    border-radius: 0;
    box-shadow: var(--pc-shadow-soft);
}

[b-7fw6udmyg2] .mud-theme-dark .pc-glass {
    background: var(--pc-blur-bg-dark);
    border-color: rgba(255,255,255,.12);
}

[b-7fw6udmyg2] .pc-summary {
    padding: 8px 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    width: min(780px, 100%);
}

[b-7fw6udmyg2] .pc-summaryItem {
    text-align: center;
    min-width: 84px;
    padding: 6px 8px;
    border-radius: 0;
}

[b-7fw6udmyg2] .pc-summaryValue {
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.1;
    color: var(--rcm-black);
}

[b-7fw6udmyg2] .pc-summaryLabel {
    font-size: .65rem;
    font-weight: 600;
    color: var(--rcm-dark-gray);
    text-transform: uppercase;
    letter-spacing: .6px;
    margin-top: 2px;
}

[b-7fw6udmyg2] .pc-rightPanel {
    border-radius: 0;
    overflow: hidden;
    background: var(--rcm-white);
    border: 1px solid var(--rcm-light-gray);
    display: flex;
    flex-direction: column;
    min-height: 0;
}

[b-7fw6udmyg2] .pc-panelHeader {
    padding: 12px 16px;
    background: var(--rcm-black);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

[b-7fw6udmyg2] .pc-panelTitle {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--rcm-white);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

[b-7fw6udmyg2] .pc-panelHeader-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-7fw6udmyg2] .pc-panelCount {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--rcm-white);
    background: var(--rcm-red);
    padding: 2px 10px;
    border-radius: 0;
}

[b-7fw6udmyg2] .pc-panelSearch {
    padding: 8px 12px;
    background: var(--rcm-surface-gray);
    border-bottom: 1px solid var(--rcm-light-gray);
}

[b-7fw6udmyg2] .pc-panelSearch .mud-input-outlined {
    background: var(--rcm-white);
    border-radius: 0;
}

[b-7fw6udmyg2] .pc-panelBody {
    padding: 10px 12px;
    overflow: auto;
    flex: 1;
}

[b-7fw6udmyg2] .pc-propCard {
    padding: 12px 14px;
    border-left: 3px solid transparent;
    transition: all 0.15s ease;
    margin-bottom: 0;
    border-bottom: 2px solid var(--rcm-medium-gray);
    cursor: pointer;
}

[b-7fw6udmyg2] .pc-propCard:hover {
    background: var(--rcm-surface-gray);
}

[b-7fw6udmyg2] .pc-propCardSelected {
    border-left-color: var(--rcm-red);
    background: rgba(243, 0, 43, 0.05);
}

[b-7fw6udmyg2] .pc-propCard-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

[b-7fw6udmyg2] .pc-propCard-headText {
    min-width: 0;
}

[b-7fw6udmyg2] .pc-propCard-focusBtn .mud-icon-root {
    color: var(--rcm-dark-gray);
}

[b-7fw6udmyg2] .pc-propCard-viewBtn .mud-icon-root {
    color: var(--pc-blue);
}

[b-7fw6udmyg2] .pc-propCard-name {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--rcm-black);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-7fw6udmyg2] .pc-propCard-subtitle {
    font-size: 0.72rem;
    color: var(--rcm-black);
    margin-top: 2px;
}

[b-7fw6udmyg2] .pc-section-label {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--rcm-medium-gray);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 8px;
    margin-bottom: 4px;
}

[b-7fw6udmyg2] .pc-statGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin-top: 6px;
}
@media (max-width: 520px) {
    [b-7fw6udmyg2] .pc-statGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

[b-7fw6udmyg2] .pc-stat {
    padding: 6px;
    border-radius: 0;
    background: var(--rcm-light-gray);
    text-align: center;
}

[b-7fw6udmyg2] .pc-statVal {
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--rcm-black);
}

[b-7fw6udmyg2] .pc-statLbl {
    font-size: 0.62rem;
    font-weight: 600;
    color: var(--rcm-black);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 2px;
}

[b-7fw6udmyg2] .pc-emptyState {
    display: grid;
    place-items: center;
    height: 100%;
    min-height: 320px;
    padding: 24px;
    text-align: center;
}

[b-7fw6udmyg2] .pc-floatStatus {
    position: absolute;
    bottom: 14px;
    right: 14px;
    z-index: 11;
    pointer-events: none;
}

[b-7fw6udmyg2] .pc-mapEmpty {
    position: absolute;
    inset: 0;
    z-index: 12;
    display: grid;
    place-items: center;
    padding: 24px;
    text-align: center;
    background: rgba(0, 0, 0, 0.55);
    color: var(--rcm-white);
}

[b-7fw6udmyg2] .pc-mapEmpty-icon {
    font-size: 56px;
    color: var(--rcm-white);
}

[b-7fw6udmyg2] .pc-mapEmpty-title {
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--rcm-white);
}

[b-7fw6udmyg2] .pc-mapEmpty-desc {
    opacity: 0.9;
    max-width: 520px;
    color: var(--rcm-white);
}

[b-7fw6udmyg2] .pc-btn-empty-state {
    background: var(--rcm-red) !important;
    color: var(--rcm-white) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.04em !important;
    border-radius: 0 !important;
    padding: 10px 24px !important;
}

[b-7fw6udmyg2] .pc-btn-empty-state:hover {
    background: var(--rcm-red-dark) !important;
    box-shadow: 0 4px 16px rgba(243, 0, 43, .3) !important;
}

[b-7fw6udmyg2] .pc-mapStats {
    padding: 10px 12px;
}

[b-7fw6udmyg2] .pc-mapStatsRow {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
}
/* _content/SupportAppAMR/Components/Pages/Analytics/Sessions.razor.rz.scp.css */
/* The "Mowing Settings" popover card (.analytics-settings-card) is styled in
   analytics-theme.css — MudPopover is outside of .analytics-page, so
   scoped `::deep` rules (and the --rcm-* tokens) can't reach it. */

.analytics-page[b-bnqvqjx3ug]  .analytics-filter-toolbar {
    background: var(--rcm-white);
    border: 1px solid var(--rcm-border);
    border-radius: 0;
    padding: 12px 16px;
    margin-bottom: 16px;
}

.analytics-page[b-bnqvqjx3ug]  .analytics-company-select,
.analytics-page[b-bnqvqjx3ug]  .analytics-date-picker {
    min-width: 200px;
}

.analytics-page[b-bnqvqjx3ug]  .analytics-eff-bar {
    width: 80px;
    height: 6px;
    border-radius: 0;
}

.analytics-page[b-bnqvqjx3ug]  .analytics-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 48px 32px;
    gap: 10px;
    border: 1px dashed var(--rcm-medium-gray);
    background: rgba(0, 0, 0, 0.015);
}

.analytics-page[b-bnqvqjx3ug]  .analytics-empty-state-icon {
    width: 56px;
    height: 56px;
    border-radius: 0;
    background: var(--rcm-black);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.analytics-page[b-bnqvqjx3ug]  .analytics-empty-state-icon .mud-icon-root {
    font-size: 28px;
    color: var(--rcm-white);
}

.analytics-page[b-bnqvqjx3ug]  .analytics-empty-state-title {
    font-weight: 700;
    font-size: 1rem;
    color: var(--rcm-black);
}

.analytics-page[b-bnqvqjx3ug]  .analytics-empty-state-desc {
    font-size: .85rem;
    color: var(--rcm-dark-gray);
    max-width: 420px;
}

.analytics-page[b-bnqvqjx3ug]  .analytics-polygon-preview {
    width: 44px;
    height: 28px;
    display: block;
    cursor: pointer;
    transition: transform .2s ease;
    position: relative;
    z-index: 1;
}

.analytics-page[b-bnqvqjx3ug]  .analytics-polygon-preview:hover {
    transform: scale(2);
    z-index: 1000;
}

.analytics-page[b-bnqvqjx3ug]  .analytics-polygon-preview path {
    fill: rgba(25, 118, 210, .25);
    stroke: rgba(25, 118, 210, .9);
    stroke-width: 1.5;
}

.analytics-page[b-bnqvqjx3ug]  td:has(.analytics-polygon-preview) {
    overflow: visible;
}

.analytics-page[b-bnqvqjx3ug]  tr:has(.analytics-polygon-preview:hover) {
    z-index: 10;
    position: relative;
}

.analytics-page[b-bnqvqjx3ug]  .session-row-selected > td {
    background: rgba(243, 0, 43, .06);
}

.analytics-page[b-bnqvqjx3ug]  .session-row-selected > td:first-child {
    box-shadow: inset 4px 0 0 0 var(--rcm-red);
}

.analytics-page[b-bnqvqjx3ug]  .analytics-map-shell {
    border-radius: 0;
    overflow: hidden;
}

.analytics-page[b-bnqvqjx3ug]  .analytics-sessions-map {
    height: 650px;
    width: 100%;
}

.analytics-page[b-bnqvqjx3ug]  .analytics-muted {
    opacity: .5;
}

/* Dark text on the tinted pills for an AA-legible, consistent set. */
.analytics-page[b-bnqvqjx3ug]  .eff-chip.mud-chip-filled.mud-chip-color-success {
    background-color: var(--mud-palette-success) !important;
    color: var(--cc-black) !important;
}
.analytics-page[b-bnqvqjx3ug]  .eff-chip.mud-chip-filled.mud-chip-color-warning {
    background-color: var(--mud-palette-warning) !important;
    color: var(--cc-black) !important;
}
.analytics-page[b-bnqvqjx3ug]  .eff-chip.mud-chip-filled.mud-chip-color-error {
    color: var(--cc-black) !important;
}
/* _content/SupportAppAMR/Components/Pages/Analytics/WeeklyData.razor.rz.scp.css */
.overview-card[b-yqd6ge4nhz] {
    border-radius: 0;
    border: 1px solid var(--rcm-light-gray);
    overflow: hidden;
}

.overview-header[b-yqd6ge4nhz] {
    background: var(--rcm-light-gray);
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.overview-header-title[b-yqd6ge4nhz] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--rcm-black);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.overview-week-count[b-yqd6ge4nhz] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--rcm-white);
    background: var(--rcm-red);
    padding: 2px 10px;
    border-radius: 0;
    line-height: 1.5;
}

.overview-kpi[b-yqd6ge4nhz] {
    border: 1px solid rgba(0,0,0,0.08);
    background: rgba(255,255,255,0.92);
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border-radius: 0;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.overview-kpi-primary[b-yqd6ge4nhz] { border-left: 4px solid var(--rcm-red); }
.overview-kpi-info[b-yqd6ge4nhz]    { border-left: 4px solid var(--rcm-black); }
.overview-kpi-warn[b-yqd6ge4nhz]    { border-left: 4px solid var(--rcm-medium-gray); }
.overview-kpi-pace[b-yqd6ge4nhz]    { border-left: 4px solid var(--rcm-dark-gray); }
.overview-kpi-days[b-yqd6ge4nhz]    { border-left: 4px solid var(--rcm-gray-600); }
.overview-kpi-best[b-yqd6ge4nhz]    { border-left: 4px solid var(--rcm-red); }

.overview-kpi-icon[b-yqd6ge4nhz] {
    width: 32px;
    height: 32px;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.04);
    margin-bottom: 4px;
}

.overview-kpi-sub[b-yqd6ge4nhz] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--rcm-dark-gray);
    letter-spacing: 0.02em;
}


.week-scroll[b-yqd6ge4nhz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 20px;
    padding-bottom: 16px;
}

.week-card[b-yqd6ge4nhz] {
    border-radius: 0;
    border: 1px solid var(--rcm-light-gray);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s ease;
}

.week-card:hover[b-yqd6ge4nhz] {
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
}

.week-card-header[b-yqd6ge4nhz] {
    background: var(--rcm-light-gray);
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.week-card-header-left[b-yqd6ge4nhz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.week-card-header-right[b-yqd6ge4nhz] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.week-card-date[b-yqd6ge4nhz] {
    font-family: var(--rcm-font-header);
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--rcm-black);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.week-day-dots[b-yqd6ge4nhz] {
    display: flex;
    gap: 5px;
    align-items: center;
}

.day-dot[b-yqd6ge4nhz] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid var(--rcm-medium-gray);
}

.day-dot-active[b-yqd6ge4nhz] {
    background: var(--rcm-red);
    border-color: var(--rcm-red);
}

.week-badge[b-yqd6ge4nhz] {
    font-size: 0.58rem;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 0;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    flex-shrink: 0;
}

.week-badge-current[b-yqd6ge4nhz] {
    background: var(--rcm-red);
    color: var(--rcm-white);
}

.week-badge-best[b-yqd6ge4nhz] {
    background: var(--rcm-black);
    color: var(--rcm-white);
}

.week-card-stats[b-yqd6ge4nhz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.week-stat[b-yqd6ge4nhz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 14px;
    min-height: 68px;
    border-bottom: 1px solid rgba(0,0,0,0.04);
    border-right: 1px solid rgba(0,0,0,0.04);
}

.week-stat:nth-child(2n)[b-yqd6ge4nhz] {
    border-right: none;
}

.week-stat:nth-child(n+3)[b-yqd6ge4nhz] {
    border-bottom: none;
}

.week-stat-value[b-yqd6ge4nhz] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--rcm-black);
    white-space: nowrap;
}

.week-stat-label[b-yqd6ge4nhz] {
    font-size: 0.6rem;
    font-weight: 600;
    color: var(--rcm-dark-gray);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.week-card-chart[b-yqd6ge4nhz] {
    flex: 1;
    padding: 12px 16px 8px;
    border-top: 1px solid var(--rcm-light-gray);
}

.week-trend[b-yqd6ge4nhz] {
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 1;
}

.trend-up[b-yqd6ge4nhz] {
    color: var(--mud-palette-success, var(--rcm-positive)) !important;
}

.trend-down[b-yqd6ge4nhz] {
    color: var(--mud-palette-error, #d32f2f) !important;
}

.trend-flat[b-yqd6ge4nhz] {
    color: var(--rcm-medium-gray) !important;
}

.week-card-footer[b-yqd6ge4nhz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 16px;
    border-top: 1px solid var(--rcm-light-gray);
    cursor: pointer;
    transition: background 0.15s ease;
    color: var(--rcm-dark-gray);
    margin-top: auto;
}

.week-card-footer:hover[b-yqd6ge4nhz] {
    background: rgba(243, 0, 43, 0.04);
    color: var(--rcm-red);
}

.week-card-footer:hover .mud-icon-root[b-yqd6ge4nhz] {
    color: var(--rcm-red) !important;
}

.week-card-footer-label[b-yqd6ge4nhz] {
    font-family: var(--rcm-font-header);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

[b-yqd6ge4nhz] .nav-btn {
    color: var(--rcm-black) !important;
    border-radius: 0;
}

[b-yqd6ge4nhz] .nav-btn:hover {
    background: var(--rcm-light-gray) !important;
}

[b-yqd6ge4nhz] .today-btn {
    border-radius: 0 !important;
    border-color: var(--rcm-red) !important;
    color: var(--rcm-red) !important;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 2px 14px;
    min-width: unset;
}

[b-yqd6ge4nhz] .today-btn:hover {
    background: rgba(243,0,43,0.06) !important;
}


[b-yqd6ge4nhz] .month-select {
    flex-shrink: 0;
}

[b-yqd6ge4nhz] .month-select .mud-input-outlined .mud-input-outlined-border {
    border-radius: 0;
    border-color: var(--rcm-medium-gray);
}

[b-yqd6ge4nhz] .month-select .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--rcm-black);
}

.empty-state[b-yqd6ge4nhz] {
    border-radius: 0;
    border: 1px solid var(--rcm-light-gray);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.subtle[b-yqd6ge4nhz] {
    color: var(--rcm-dark-gray);
}

[b-yqd6ge4nhz] .rcm-alert {
    border-radius: 0;
}

@media (max-width: 768px) {
    .week-scroll[b-yqd6ge4nhz] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .week-stat[b-yqd6ge4nhz] {
        padding: 8px 10px;
    }

    .week-stat-value[b-yqd6ge4nhz] {
        font-size: 0.82rem;
    }

    .overview-header-title[b-yqd6ge4nhz] {
        font-size: 0.72rem;
    }

    .overview-kpi[b-yqd6ge4nhz] {
        padding: 8px 10px;
    }

    .week-scroll[b-yqd6ge4nhz] {
        grid-template-columns: 1fr;
    }
}

[b-yqd6ge4nhz] .wd-select-year  { width: 100px; }
[b-yqd6ge4nhz] .wd-select-month { width: 140px; }
[b-yqd6ge4nhz] .wd-empty-icon   { font-size: 48px; color: var(--rcm-medium-gray); }
[b-yqd6ge4nhz] .wd-ico-red      { color: var(--rcm-red); }
[b-yqd6ge4nhz] .wd-ico-black    { color: var(--rcm-black); }
[b-yqd6ge4nhz] .wd-ico-dark     { color: var(--rcm-dark-gray); }
[b-yqd6ge4nhz] .wd-text-medgray { color: var(--rcm-medium-gray); }
/* _content/SupportAppAMR/Components/Pages/CustomerDetails.razor.rz.scp.css */
/* MudSelect filter columns inside the session data grid */
[b-eamsxcpcx6] .cd-filter-machine {
    min-width: 110px;
    margin-top: 2px;
}

[b-eamsxcpcx6] .cd-filter-operator {
    min-width: 130px;
    margin-top: 2px;
}

/* Customer map */
.cd-map[b-eamsxcpcx6] {
    height: 650px;
    width: 100%;
    border-radius: var(--cc-radius-lg);
    overflow: hidden;
}
/* _content/SupportAppAMR/Components/Pages/Dashboard.razor.rz.scp.css */
/* ===== Dashboard (Command Center) ===== */

.dash-page[b-y8cpjujqrl] {
    display: flex;
    flex-direction: column;
}

/* ===== Page Header ===== */
.dash-page-header[b-y8cpjujqrl] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.dash-page-title[b-y8cpjujqrl] {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}

.dash-quick-actions[b-y8cpjujqrl] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

/* ===== KPI grid ===== */
/* .dash-kpis sits on the MudGrid component root, which scoped CSS can't tag
   directly — reach it via ::deep from our own .dash-page wrapper. */
.dash-page[b-y8cpjujqrl]  .dash-kpis {
    margin-bottom: 36px;
}

.dash-page[b-y8cpjujqrl]  .dash-kpi-online  .cc-kpi-tile-label .mud-icon-root { color: var(--cc-success); }
.dash-page[b-y8cpjujqrl]  .dash-kpi-mowing  .cc-kpi-tile-label .mud-icon-root { color: var(--cc-state-mowing); }
.dash-page[b-y8cpjujqrl]  .dash-kpi-faulted .cc-kpi-tile-label .mud-icon-root { color: var(--cc-state-faulted); }

.dash-header-right[b-y8cpjujqrl] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.dash-filters[b-y8cpjujqrl] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* Cohesive white, rounded filter fields */
.dash-filters[b-y8cpjujqrl]  .mud-input-control {
    background: var(--cc-white);
    border-radius: 8px;
}

.dash-filters[b-y8cpjujqrl]  .mud-input.mud-input-outlined .mud-input-outlined-border {
    border-radius: 8px;
    border-color: var(--cc-light-gray);
    transition: border-color 0.15s, box-shadow 0.15s;
}

.dash-filters[b-y8cpjujqrl]  .mud-input.mud-input-outlined:hover:not(.mud-disabled) .mud-input-outlined-border {
    border-color: var(--cc-medium-gray);
}

.dash-filters[b-y8cpjujqrl]  .mud-input.mud-input-outlined.mud-focused .mud-input-outlined-border {
    border-color: var(--cc-red) !important;
    border-width: 1px;
    box-shadow: 0 0 0 3px rgba(243, 0, 43, 0.12);
}

@media (max-width: 860px) {
    .dash-filters[b-y8cpjujqrl] {
        margin-left: 0;
        width: 100%;
    }

    .dash-filters[b-y8cpjujqrl]  .dash-filter-field {
        flex: 1;
        min-width: 0;
        width: auto !important;
    }
}

/* ===== Table card ===== */
.dash-table-card[b-y8cpjujqrl] {
    margin-top: var(--cc-sp-8);
    margin-bottom: 8px;
}

.dash-search[b-y8cpjujqrl] {
    background: var(--cc-white);
}

/* Status tab strip inside the data card */
.dash-tabs[b-y8cpjujqrl] {
    display: flex;
    gap: 0;
    padding: 0 20px;
    border-bottom: 1px solid var(--cc-light-gray);
    overflow-x: auto;
    overflow-y: hidden;
}

.dash-tab[b-y8cpjujqrl] {
    padding: 11px 18px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cc-medium-gray);
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -1px;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
    font-family: 'DinotBold', 'Klavika', sans-serif;
}

.dash-tab:hover[b-y8cpjujqrl] {
    color: var(--cc-black);
    background: rgba(0, 0, 0, 0.02);
}

.dash-tab.active[b-y8cpjujqrl] {
    color: var(--cc-red);
    border-bottom-color: var(--cc-red);
}

.dash-tab-count[b-y8cpjujqrl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 18px;
    padding: 0 6px;
    margin-left: 6px;
    font-size: 11px;
    font-weight: 800;
    background: var(--cc-light-gray);
    color: var(--cc-dark-gray);
    border-radius: 9px;
}

.dash-tab.active .dash-tab-count[b-y8cpjujqrl] {
    background: var(--cc-red);
    color: var(--cc-white);
}

/* ===== Table cell helpers ===== */
.dash-serial[b-y8cpjujqrl] {
    font-weight: 800;
    letter-spacing: 0.02em;
}

.dash-muted[b-y8cpjujqrl] {
    color: var(--cc-medium-gray);
}

.dash-now[b-y8cpjujqrl] {
    font-weight: 700;
    color: var(--cc-success);
}

.dash-status[b-y8cpjujqrl] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}

.dash-status-dot[b-y8cpjujqrl] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.dash-status-dot.online[b-y8cpjujqrl] { background: var(--cc-success); }
.dash-status-dot.offline[b-y8cpjujqrl] { background: var(--cc-medium-gray); }
.dash-status-dot.fault[b-y8cpjujqrl] { background: var(--cc-red); }

.dash-columns[b-y8cpjujqrl] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
}

/* Page-level empty state — shown when the serial/company filter matches no machines. */
.dash-filter-empty[b-y8cpjujqrl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    padding: 56px 24px;
    margin-bottom: 20px;
}
.dash-filter-empty[b-y8cpjujqrl]  .dash-filter-empty-icon {
    font-size: 44px;
    color: var(--cc-medium-gray);
}
.dash-filter-empty-title[b-y8cpjujqrl] {
    font-size: 16px;
    font-weight: 800;
    color: var(--cc-black);
}
.dash-filter-empty-sub[b-y8cpjujqrl] {
    font-size: 13px;
    color: var(--cc-medium-gray);
    max-width: 380px;
    margin-bottom: 6px;
}

/* ===== Online mowers ===== */
.dash-online-card-full[b-y8cpjujqrl] {
    margin-bottom: 0;   /* spacing handled by the .dash-columns grid gap */
}

.dash-online-card-full .dash-online-list[b-y8cpjujqrl] {
    /* Grow with the viewport so more mowers show before scrolling; never shorter
       than the previous fixed height. ~110px/row, so a taller screen shows 6-8. */
    max-height: max(380px, calc(100dvh - 340px));
}

.map-legend-dot[b-y8cpjujqrl] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
}

.dash-online-count[b-y8cpjujqrl] {
    font-size: 12px;
    font-weight: 800;
    color: var(--cc-medium-gray);
}

.dash-online-list[b-y8cpjujqrl] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.dash-online-empty[b-y8cpjujqrl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 120px;
    color: var(--cc-medium-gray);
    font-size: 13px;
    font-weight: 600;
}

.dash-online-row[b-y8cpjujqrl] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--cc-border-subtle);
    cursor: pointer;
    transition: background 0.1s ease;
}

.dash-online-row:hover[b-y8cpjujqrl] {
    background: var(--cc-hover-surface);
}

/* ===== Full-width fleet row (prominent telemetry) ===== */
.dash-fleet-row[b-y8cpjujqrl] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--cc-border-subtle);
    cursor: pointer;
    transition: background 0.1s ease;
}

.dash-fleet-row:hover[b-y8cpjujqrl] {
    background: var(--cc-hover-surface);
}

.dash-fleet-icon[b-y8cpjujqrl] {
    width: 42px;
    height: 42px;
    object-fit: contain;
    flex-shrink: 0;
}

.dash-fleet-id[b-y8cpjujqrl] {
    width: 150px;
    flex-shrink: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--cc-sp-3);
}

/* Fixed-proportion columns so each metric keeps its position no matter the text.
   minmax(0, …fr) lets long values ellipsize instead of pushing neighbors around. */
.dash-fleet-metrics[b-y8cpjujqrl] {
    display: grid;
    grid-template-columns: 76px 70px 46px 54px 68px minmax(90px, 1fr) minmax(150px, 2fr);
    align-items: center;
    column-gap: 32px;
    flex: 1;
    min-width: 0;
    padding-left: 12px;
    border-left: none;
}

.dash-metric[b-y8cpjujqrl] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.dash-metric-value[b-y8cpjujqrl] {
    font-size: 16px;
    font-weight: 800;
    color: var(--cc-black);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dash-metric-label[b-y8cpjujqrl] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cc-medium-gray);
    margin-top: 1px;
}

/* Status can be longer prose / an error link — let it wrap within a wider cell */
.dash-metric-status[b-y8cpjujqrl] {
    min-width: 140px;
    max-width: 280px;
}

.dash-metric-status .dash-metric-value[b-y8cpjujqrl] {
    white-space: normal;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
}

.dash-status-text[b-y8cpjujqrl] {
    color: var(--cc-info);
}

.dash-status-error[b-y8cpjujqrl] {
    color: var(--cc-red);
    text-decoration: underline;
    cursor: pointer;
}

.dash-status-error:hover[b-y8cpjujqrl] {
    color: var(--cc-red-hover);
}

/* Faulted KPI tile gets a red alert accent (tile lives in the KpiTile
   component, so reach it via ::deep). */
.dash-page[b-y8cpjujqrl]  .dash-kpi-alert {
    border-color: var(--cc-red) !important;
    box-shadow: 0 0 0 1px rgba(243, 0, 43, 0.35);
}

/* Status pill + stale badge row in the identity block */
.dash-fleet-tags[b-y8cpjujqrl] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.dash-stale-tag[b-y8cpjujqrl] {
    font-size: 9.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cc-warning-text);
    background: rgba(245, 158, 11, 0.18);
    border-radius: 4px;
    padding: 2px 6px;
}

/* Stale row: telemetry hasn't refreshed recently */
.dash-fleet-row.stale[b-y8cpjujqrl] {
    opacity: 0.6;
}

.dash-fleet-row.stale .dash-fleet-icon[b-y8cpjujqrl] {
    filter: grayscale(0.7);
}

/* Trailing "view live" affordance */
.dash-fleet-action[b-y8cpjujqrl] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cc-medium-gray);
    cursor: pointer;
    transition: color 0.12s;
    padding: 4px;
}

.dash-fleet-row:hover .dash-fleet-action[b-y8cpjujqrl] {
    color: var(--cc-red);
}

/* Mobile compaction */
@media (max-width: 600px) {
    .dash-fleet-icon[b-y8cpjujqrl] {
        width: 34px;
        height: 34px;
    }

    .dash-online-serial[b-y8cpjujqrl] {
        font-size: 14px;
    }

    .dash-metric-value[b-y8cpjujqrl] {
        font-size: 14px;
    }

    .dash-fleet-action[b-y8cpjujqrl] {
        align-self: flex-end;
    }
}

@media (max-width: 700px) {
    /* Keep the indicator + icon + identity inline on the first line, with the
       metrics wrapping to a full-width second line below. */
    .dash-fleet-row[b-y8cpjujqrl] {
        flex-wrap: wrap;
        align-items: center;
        gap: 8px 12px;
    }

    .dash-fleet-id[b-y8cpjujqrl] {
        width: auto;
        flex: 1 1 auto;
        min-width: 0;
    }

    .dash-online-indicator[b-y8cpjujqrl] {
        min-height: 42px;
    }

    .dash-fleet-metrics[b-y8cpjujqrl] {
        flex-basis: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 12px 24px;
        padding-left: 0;
        border-left: none;
        border-top: 1px solid var(--cc-light-gray);
        padding-top: 10px;
    }

    /* The whole row navigates to the monitor, so the trailing icon is redundant. */
    .dash-fleet-action[b-y8cpjujqrl] {
        display: none;
    }

    /* Company filter is dropped on phones to keep the toolbar compact. */
    .dash-filters[b-y8cpjujqrl]  .dash-company-field {
        display: none;
    }
}

.dash-online-indicator[b-y8cpjujqrl] {
    width: 4px;
    align-self: stretch;
    min-height: 36px;
    border-radius: 2px;
    flex-shrink: 0;
}

.dash-online-info[b-y8cpjujqrl] {
    flex: 1;
    min-width: 0;
}

.dash-online-serial[b-y8cpjujqrl] {
    font-weight: 800;
    font-size: 13.5px;
    letter-spacing: 0.02em;
}

.dash-online-company[b-y8cpjujqrl] {
    font-size: 11.5px;
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Branch · Server line under the company */
.dash-fleet-meta[b-y8cpjujqrl] {
    font-size: 11px;
    color: #a3a3a3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dash-online-stats[b-y8cpjujqrl] {
    font-size: 11px;
    color: var(--cc-medium-gray);
    margin-top: 1px;
}

.dash-online-right[b-y8cpjujqrl] {
    margin-left: auto;
    text-align: right;
    flex-shrink: 0;
}

.dash-online-sub[b-y8cpjujqrl] {
    font-size: 11px;
    color: var(--cc-medium-gray);
    margin-top: 3px;
}

@media (max-width: 860px) {
    .dash-online-card-full .dash-online-list[b-y8cpjujqrl] { max-height: max(300px, calc(100dvh - 280px)); }
}

/* shared legend dot (inline card + overlay) */
.map-legend-dot[b-y8cpjujqrl] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* ===== Fleet map overlay (sits below chrome, right of drawer) ===== */
.mapmodal[b-y8cpjujqrl] {
    position: fixed;
    top: calc(var(--cc-header-h, 72px) + var(--cc-tab-bar-h, 52px));
    bottom: var(--cc-footer-h, 36px);
    left: 280px;   /* persistent drawer width */
    right: 0;
    z-index: 1050; /* below MudSelect popovers (~1200) so dropdowns show on top */
    background: var(--cc-white);
    display: flex;
    flex-direction: column;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
    animation: mapmodalIn-b-y8cpjujqrl 0.18s ease-out;
}

@keyframes mapmodalIn-b-y8cpjujqrl {
    from { opacity: 0; transform: scale(0.995); }
    to { opacity: 1; transform: scale(1); }
}

.mapmodal-topbar[b-y8cpjujqrl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 16px;
    background: var(--cc-white);
    border-bottom: 1px solid var(--cc-light-gray);
    flex: 0 0 auto;
    flex-wrap: wrap;
}

.mapmodal-title[b-y8cpjujqrl] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'DinotBold', 'Klavika', sans-serif;
    font-weight: 800;
    font-size: 15px;
    letter-spacing: 0.02em;
}

.mapmodal-counts[b-y8cpjujqrl] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.map-count[b-y8cpjujqrl] {
    font-size: 11px;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 999px;
}

.map-count.online[b-y8cpjujqrl] { background: rgba(34, 197, 94, 0.15); color: var(--cc-success-text); }
.map-count.offline[b-y8cpjujqrl] { background: var(--cc-border-subtle); color: var(--cc-dark-gray); }
.map-count.fault[b-y8cpjujqrl] { background: rgba(239, 68, 68, 0.15); color: var(--cc-danger-text); }

.mapmodal-actions[b-y8cpjujqrl] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.mapmodal-body[b-y8cpjujqrl] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    overflow: hidden;
}

.mapmodal-map[b-y8cpjujqrl] {
    flex: 1;
    position: relative;
    min-width: 0;
    background: #eef0f2;
}

.mapmodal .map-container[b-y8cpjujqrl] {
    width: 100%;
    height: 100%;
}

.mapmodal-legend[b-y8cpjujqrl] {
    position: absolute;
    bottom: 12px;
    left: 12px;
    display: flex;
    gap: 14px;
    padding: 7px 14px;
    background: rgba(255, 255, 255, 0.96);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    font-size: 11px;
    font-weight: 600;
    z-index: 5;
    flex-wrap: wrap;
}

.mapmodal-legend-item[b-y8cpjujqrl] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    color: var(--cc-dark-gray);
}

.mapmodal-sidebar[b-y8cpjujqrl] {
    width: 320px;
    flex-shrink: 0;
    border-left: 1px solid var(--cc-light-gray);
    display: flex;
    flex-direction: column;
    background: var(--cc-white);
}

.mapmodal-sidebar-header[b-y8cpjujqrl] {
    padding: 12px 16px;
    border-bottom: 2px solid var(--cc-black);
    font-family: 'DinotBold', 'Klavika', sans-serif;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    flex: 0 0 auto;
}

.mapmodal-sidebar-list[b-y8cpjujqrl] {
    flex: 1;
    overflow-y: auto;
}

/* Active (selected-on-map) mower row */
.mapmodal-sidebar .dash-online-row.active[b-y8cpjujqrl] {
    background: rgba(243, 0, 43, 0.06);
    box-shadow: inset 3px 0 0 var(--cc-red);
}

/* Drawer auto-collapses below ~1200px → reclaim the left gutter */
@media (max-width: 1199.98px) {
    .mapmodal[b-y8cpjujqrl] { left: 0; }
}

@media (max-width: 768px) {
    .mapmodal[b-y8cpjujqrl] {
        bottom: var(--cc-bottom-nav-h, 60px);
    }

    .mapmodal-topbar[b-y8cpjujqrl] {
        flex-direction: column;
        align-items: stretch;
    }

    .mapmodal-actions[b-y8cpjujqrl] {
        justify-content: space-between;
    }

    .mapmodal-body[b-y8cpjujqrl] {
        flex-direction: column;
    }

    .mapmodal-sidebar[b-y8cpjujqrl] {
        width: 100%;
        max-height: 42vh;
        border-left: none;
        border-top: 1px solid var(--cc-light-gray);
    }
}

/* ===== Responsive ===== */
@media (max-width: 860px) {
    .dash-page-header[b-y8cpjujqrl] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .dash-quick-actions[b-y8cpjujqrl] {
        width: 100%;
        flex-wrap: wrap;
    }

    .cc-data-card-header[b-y8cpjujqrl] {
        flex-wrap: wrap;
    }
}

/* ===== Down for Service (Salesforce) ===== */
/* Keep the standard card-header padding (matches the Online Mowers card); the refresh
   button uses a negative block margin so it doesn't inflate the header height. */
.dash-mower-down-card .cc-data-card-header[b-y8cpjujqrl]  .mud-icon-button {
    padding: 3px;
    height: auto;
    width: auto;
    margin-block: -6px;
}

.dash-mower-down-count[b-y8cpjujqrl] {
    font-size: 12px;
    font-weight: 800;
    color: var(--cc-medium-gray);
}

.dash-mower-down-list[b-y8cpjujqrl] {
    max-height: 280px;
    overflow-y: auto;
}

/* Once a case is expanded, let the list grow to fit so the detail panel
   isn't trapped behind a scrollbar. */
.dash-mower-down-list.is-expanded[b-y8cpjujqrl] {
    max-height: none;
    overflow-y: visible;
}

.dash-mower-down-empty[b-y8cpjujqrl] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 96px;
    color: var(--cc-medium-gray);
    font-size: 13px;
    font-weight: 600;
}

.dash-mower-down-empty.ok[b-y8cpjujqrl] {
    color: var(--cc-success-text);
}

.dash-mower-down-row[b-y8cpjujqrl] {
    display: flex;
    align-items: stretch;
    gap: 14px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--cc-border-subtle);
}

.dash-mower-down-row:last-child[b-y8cpjujqrl] {
    border-bottom: none;
}

.dash-mower-down-row.clickable[b-y8cpjujqrl] {
    cursor: pointer;
    transition: background 0.1s ease;
}

.dash-mower-down-row.clickable:hover[b-y8cpjujqrl] {
    background: var(--cc-hover-surface);
}

.dash-mower-down-indicator[b-y8cpjujqrl] {
    width: 4px;
    align-self: stretch;
    min-height: 34px;
    border-radius: 2px;
    background: var(--cc-red);
    flex-shrink: 0;
}

.dash-mower-down-content[b-y8cpjujqrl] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Primary scannable line: Serial · Status pill · age. Click to expand details. */
.dash-down-primary[b-y8cpjujqrl] {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    min-height: 34px;
}
.dash-down-serial[b-y8cpjujqrl] {
    font-size: 15px;
    font-weight: 800;
    color: var(--cc-black);
}
.dash-down-age[b-y8cpjujqrl] {
    font-size: 12px;
    font-weight: 600;
    color: var(--cc-medium-gray);
    white-space: nowrap;
}
.dash-down-primary-spacer[b-y8cpjujqrl] { flex: 1; }
.dash-down-primary[b-y8cpjujqrl]  .dash-down-chevron {
    font-size: 20px;
    color: var(--cc-medium-gray);
}

/* Secondary detail tier — revealed on expand. */
.dash-down-secondary[b-y8cpjujqrl] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--cc-border-subtle);
}
.dash-down-detail-fields[b-y8cpjujqrl] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 40px;
}

/* Labeled field columns: Serial · Case # · Owner · Opened */
/* Fixed-template grid so every row's columns line up vertically. */
.dash-mower-down-fields[b-y8cpjujqrl] {
    display: grid;
    grid-template-columns: 1.1fr 1fr 1.4fr 0.9fr 1.3fr 1.1fr;
    column-gap: 48px;
    row-gap: 12px;
}

.dash-mower-down-field[b-y8cpjujqrl] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

@media (max-width: 1100px) {
    .dash-mower-down-fields[b-y8cpjujqrl] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .dash-mower-down-fields[b-y8cpjujqrl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.dash-mower-down-flabel[b-y8cpjujqrl] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cc-medium-gray);
    font-weight: 800;
}

.dash-mower-down-fvalue[b-y8cpjujqrl] {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dash-mower-down-fvalue.strong[b-y8cpjujqrl] {
    font-weight: 800;
    letter-spacing: 0.02em;
}

.dash-mower-down-ftime[b-y8cpjujqrl] {
    margin-left: 6px;
    font-weight: 600;
    color: #8a8a8a;
}

.dash-mower-down-descfield[b-y8cpjujqrl] {
    border-top: 1px dashed var(--cc-light-gray);
    padding-top: 8px;
}

.dash-mower-down-desc[b-y8cpjujqrl] {
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--cc-dark-gray);
    max-width: 760px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dash-mower-down-sf[b-y8cpjujqrl] {
    flex-shrink: 0;
    align-self: center;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 700;
    color: var(--cc-sf-blue);
    text-decoration: none;
    white-space: nowrap;
}

.dash-mower-down-sf:hover[b-y8cpjujqrl] {
    text-decoration: underline;
}


.dash-online-indicator.is-mowing[b-y8cpjujqrl],  .map-legend-dot.is-mowing[b-y8cpjujqrl]  { background: var(--cc-state-mowing); }
.dash-online-indicator.is-idle[b-y8cpjujqrl],    .map-legend-dot.is-idle[b-y8cpjujqrl]    { background: var(--cc-state-idle); }
.dash-online-indicator.is-paused[b-y8cpjujqrl],  .map-legend-dot.is-paused[b-y8cpjujqrl]  { background: var(--cc-state-paused); }
.dash-online-indicator.is-faulted[b-y8cpjujqrl], .map-legend-dot.is-faulted[b-y8cpjujqrl] { background: var(--cc-state-faulted); }
.dash-online-indicator.is-offline[b-y8cpjujqrl], .map-legend-dot.is-offline[b-y8cpjujqrl] { background: var(--cc-state-offline); }


.dash-filters[b-y8cpjujqrl]  .dash-filter-field  { width: 225px; }
.dash-filters[b-y8cpjujqrl]  .dash-company-field { width: 220px; }
.mapmodal-actions[b-y8cpjujqrl]  .mapmodal-filter--search  { width: 170px; }
.mapmodal-actions[b-y8cpjujqrl]  .mapmodal-filter--company { width: 180px; }
.mapmodal-actions[b-y8cpjujqrl]  .mapmodal-filter--online  { width: 120px; }

/* ===== all-machines table: actions column / mower-down id row ===== */
.dash-table-card[b-y8cpjujqrl]  .dash-actions-col { width: 92px; text-align: right; }
.dash-mower-down-id[b-y8cpjujqrl] { gap: var(--cc-sp-3); }
/* _content/SupportAppAMR/Components/Pages/Diagnostics/CaseDiagnostics.razor.rz.scp.css */
/* Error-code autocomplete min width. Class lands on the MudAutocomplete root,
   which doesn't carry this component's scoped-CSS attribute, so it goes through
   ::deep. No width token exists — keep px. Was inline Style="min-width: 280px;". */
.cc-case-search[b-5zzpwalk1x]  .cc-case-code-field {
    min-width: 280px;
}
/* _content/SupportAppAMR/Components/Pages/EngineHours.razor.rz.scp.css */
/* ===== Engine Hours page ===== */

/* MudNumericField widths — must go through ::deep */
.eh-page[b-fk75xb6vnw]  .eh-serial-field {
    min-width: 200px;
}

.eh-page[b-fk75xb6vnw]  .eh-hours-field {
    min-width: 180px;
}

/* Submit button — fixed height + vertical centering in the MudStack row */
.eh-page[b-fk75xb6vnw]  .eh-submit-btn {
    height: 38px;
    align-self: center;
}
/* _content/SupportAppAMR/Components/Pages/Errors/ErrorCategories.razor.rz.scp.css */
/* Category table column widths. These land on the <th> roots inside MudTable's
   rendered DOM, so they must go through ::deep. No exact width tokens — keep px. */
.cc-cat-card[b-gmrvecayld]  .cc-cat-col-order   { width: 110px; }
.cc-cat-card[b-gmrvecayld]  .cc-cat-col-active  { width: 110px; }
.cc-cat-card[b-gmrvecayld]  .cc-cat-col-inuse   { width: 90px; }
.cc-cat-card[b-gmrvecayld]  .cc-cat-col-actions { width: 150px; }

/* Order numeric field sizing — Class lands on the MudNumericField root. */
.cc-cat-card[b-gmrvecayld]  .cc-cat-order-field { max-width: 90px; }
/* _content/SupportAppAMR/Components/Pages/Errors/ErrorCodeDetail.razor.rz.scp.css */
/* History section header is a clickable expand/collapse toggle. */
.cc-error-section-title--toggle[b-lo8r5r2ycd] {
    cursor: pointer;
}
/* _content/SupportAppAMR/Components/Pages/Errors/ErrorCodeForm.razor.rz.scp.css */
/* Step-editor row indent. */
.cc-step-row[b-z1w9b0femu] {
    margin-left: calc(var(--cc-step-indent, 0) * var(--cc-sp-8));
}
/* _content/SupportAppAMR/Components/Pages/Firmware.razor.rz.scp.css */
/* Compact mono cells (EStop / Lidar serial groups) */
.fw-tiny-mono[b-mmpzw84egy] {
    font-size: 11.5px;
}

/* Last-modified timestamp cell */
.fw-modified[b-mmpzw84egy] {
    font-size: 12.5px;
}
/* _content/SupportAppAMR/Components/Pages/IOSPrivacyPolicy.razor.rz.scp.css */
.big-heading[b-ztoy4rqpk2] {
    font-size: 2rem;
    font-weight: 700;
    color: #000000;
}

.ios-policy-main[b-ztoy4rqpk2] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background:
        url('Images/Login_Background_Pattern.png') center / cover no-repeat,
        var(--cc-bg);
}
/* _content/SupportAppAMR/Components/Pages/Login.razor.rz.scp.css */


.login-page[b-7v85159aky] {
    position: relative;
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--cc-sp-6);
}

.login-page[b-7v85159aky]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 62% 58% at 50% 46%,
        rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events: none;
}

.login-card[b-7v85159aky] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 860px;
    display: grid;
    grid-template-columns: 0.58fr 1fr;
    background: var(--cc-white);
    border: 1px solid var(--cc-gray-200);
    border-radius: 20px;
    overflow: hidden;
    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.04),
        0 18px 40px rgba(0, 0, 0, 0.14),
        0 40px 80px rgba(0, 0, 0, 0.10);
    animation: login-card-in-b-7v85159aky 0.45s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}

@keyframes login-card-in-b-7v85159aky {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: none; }
}

.login-rail[b-7v85159aky] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: var(--cc-sp-8);
    background-color: var(--cc-black);
    background-image:
        /* scrim: darker at top (for the logo) and bottom, clear through the middle
           so the machine reads */
        linear-gradient(180deg,
            rgba(0, 0, 0, 0.62) 0%,
            rgba(0, 0, 0, 0.22) 26%,
            rgba(0, 0, 0, 0.04) 54%,
            rgba(0, 0, 0, 0.48) 100%),
        url('Images/AMR_Product.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-origin: border-box;
}

.login-rail[b-7v85159aky]::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 4px;
    background: linear-gradient(180deg, var(--cc-red), var(--cc-red-hover));
}


.login-rail-logo[b-7v85159aky] {
    position: relative;
    z-index: 1;
}

.login-rail-logo img[b-7v85159aky] {
    display: block;
    width: 100%;
    max-width: 200px;
    height: auto;
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.55));
}

/* ---- Right form pane ---- */
.login-pane[b-7v85159aky] {
    padding: 34px 40px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.login-title[b-7v85159aky] {
    margin: 0;
    text-align: left;
    font-family: "Klavika", "DinotBold", sans-serif;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.015em;
    color: var(--cc-black);
    line-height: 1.15;
}

#login-form[b-7v85159aky] {
    margin-top: 22px;
}

/* ---- Inline error banner (dark text on a red tint — light-surface pattern) ---- */
.login-error[b-7v85159aky] {
    display: flex;
    align-items: center;
    gap: var(--cc-sp-4);
    margin-bottom: var(--cc-sp-6);
    padding: var(--cc-sp-5) var(--cc-sp-6);
    border-radius: var(--cc-radius-md);
    background: rgba(243, 0, 43, 0.08);
    border: 1px solid rgba(243, 0, 43, 0.28);
    color: var(--cc-danger-text);
    font-size: var(--cc-fs-sm);
    font-weight: 600;
    line-height: 1.4;
}

.login-error i[b-7v85159aky] {
    font-size: var(--cc-fs-md);
    color: var(--cc-red);
    flex-shrink: 0;
}

/* ---- Field group ---- */
.login-field[b-7v85159aky] {
    margin-bottom: var(--cc-sp-7);
}

.login-label[b-7v85159aky] {
    display: block;
    margin-bottom: var(--cc-sp-3);
    font-family: "DinotMedium", sans-serif;
    font-size: var(--cc-fs-xs);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--cc-dark-gray);
}

.login-input-wrap[b-7v85159aky] {
    position: relative;
    width: 100%;
}

.login-input[b-7v85159aky] {
    width: 100%;
    height: 50px;
    padding: 0 var(--cc-sp-8) 0 42px;
    border: 1px solid var(--cc-gray-300);
    border-radius: 11px;
    background: #fbfbfc;
    color: var(--cc-black);
    font-size: var(--cc-fs-lg);
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.login-input.has-toggle[b-7v85159aky] {
    padding-right: 44px;
}

.login-input[b-7v85159aky]::placeholder {
    color: var(--cc-medium-gray);
}

.login-input:hover[b-7v85159aky] {
    border-color: var(--cc-gray-400);
}

.login-input:focus[b-7v85159aky] {
    outline: none;
    border-color: var(--cc-red);
    background: var(--cc-white);
    box-shadow: 0 0 0 4px rgba(243, 0, 43, 0.14);
}

.login-input:-webkit-autofill[b-7v85159aky],
.login-input:-webkit-autofill:hover[b-7v85159aky],
.login-input:-webkit-autofill:focus[b-7v85159aky] {
    -webkit-text-fill-color: var(--cc-black);
    -webkit-box-shadow: 0 0 0 1000px #fbfbfc inset;
    caret-color: var(--cc-black);
}

.login-input-icon[b-7v85159aky] {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: var(--cc-gray-400);
    font-size: var(--cc-fs-md);
    pointer-events: none;
}

.login-input-toggle[b-7v85159aky] {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: var(--cc-gray-400);
    cursor: pointer;
    border-radius: var(--cc-radius-sm);
    transition: color 0.16s ease, background 0.16s ease;
}

.login-input-toggle:hover[b-7v85159aky] {
    color: var(--cc-dark-gray);
    background: var(--cc-light-gray);
}

/* ---- Caps Lock hint (toggled by the inline script) ---- */
.login-capslock[b-7v85159aky] {
    display: flex;
    align-items: center;
    gap: var(--cc-sp-3);
    margin-top: var(--cc-sp-3);
    font-size: var(--cc-fs-xs);
    font-weight: 600;
    color: var(--cc-warning-text);
}

.login-capslock i[b-7v85159aky] {
    font-size: var(--cc-fs-xs);
}

.login-options[b-7v85159aky] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cc-sp-5);
    margin-bottom: var(--cc-sp-7);
}

.login-remember[b-7v85159aky] {
    display: flex;
    align-items: center;
    gap: var(--cc-sp-3);
    cursor: pointer;
    user-select: none;
    font-size: var(--cc-fs-sm);
    font-weight: 600;
    color: var(--cc-dark-gray);
}

.login-checkbox[b-7v85159aky] {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--cc-red);
    cursor: pointer;
}

.login-forgot[b-7v85159aky] {
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    font-size: var(--cc-fs-sm);
    font-weight: 700;
    color: var(--cc-red);
    transition: color 0.16s ease;
}

.login-forgot:hover[b-7v85159aky] {
    color: var(--cc-red-hover);
    text-decoration: underline;
}

/* ---- Keyboard focus visibility (dark outline reads on both the white pane
       and the red submit button) ---- */
.login-input-toggle:focus-visible[b-7v85159aky],
.login-forgot:focus-visible[b-7v85159aky],
.login-checkbox:focus-visible[b-7v85159aky],
.login-submit:focus-visible[b-7v85159aky] {
    outline: 2px solid var(--cc-black);
    outline-offset: 2px;
}

.login-error:focus-visible[b-7v85159aky] {
    outline: none;
}

/* ---- Submit — brand CTA ---- */
.login-submit[b-7v85159aky] {
    position: relative;
    width: 100%;
    height: 52px;
    margin-top: var(--cc-sp-3);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(180deg, var(--cc-red), var(--cc-red-hover));
    color: var(--cc-white);
    font-family: "DinotBold", "Klavika", sans-serif;
    font-size: var(--cc-fs-lg);
    font-weight: 700;
    letter-spacing: 0.06em;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(243, 0, 43, 0.28);
    transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}

.login-submit:hover[b-7v85159aky] {
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(243, 0, 43, 0.34);
    filter: brightness(1.03);
}

.login-submit:active[b-7v85159aky] {
    transform: translateY(0);
}

.login-submit:disabled[b-7v85159aky] {
    background: var(--cc-medium-gray);
    box-shadow: none;
    filter: none;
    transform: none;
    cursor: not-allowed;
}

.btn-progress[b-7v85159aky] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    overflow: hidden;
    opacity: 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    transition: opacity 0.18s ease;
}

.btn-progress[b-7v85159aky]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40%;
    background: rgba(255, 255, 255, 0.92);
    transform: translateX(-120%);
}

.login-submit.is-loading .btn-progress[b-7v85159aky] {
    opacity: 1;
}

.login-submit.is-loading .btn-progress[b-7v85159aky]::before {
    animation: login-progress-sweep-b-7v85159aky 1s ease-in-out infinite;
}

.login-submit.is-loading:disabled[b-7v85159aky] {
    background: linear-gradient(180deg, var(--cc-red), var(--cc-red-hover));
    filter: brightness(0.96);
    cursor: progress;
}

@keyframes login-progress-sweep-b-7v85159aky {
    0%   { transform: translateX(-120%); }
    100% { transform: translateX(320%); }
}

/* ---- Small print ---- */
.login-terms[b-7v85159aky] {
    margin: 20px 0 0 0;
    text-align: left;
    font-size: var(--cc-fs-xs);
    line-height: 1.55;
    color: var(--cc-medium-gray);
}

.login-terms a[b-7v85159aky] {
    color: var(--cc-dark-gray);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.login-terms a:hover[b-7v85159aky] {
    color: var(--cc-black);
}

@media (max-width: 767.98px) {
    .login-card[b-7v85159aky] {
        grid-template-columns: 1fr;
        max-width: 452px;
    }

    .login-rail[b-7v85159aky] {
        min-height: 176px;
        padding: var(--cc-sp-7);
    }

    /* Red seam moves to the bottom edge of the stacked rail. */
    .login-rail[b-7v85159aky]::after {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        width: auto;
        height: 4px;
        background: linear-gradient(90deg, var(--cc-red), var(--cc-red-hover));
    }

    .login-rail-logo[b-7v85159aky] {
        padding: 14px 20px;
    }

    .login-rail-logo img[b-7v85159aky] {
        max-width: 180px;
    }

    .login-pane[b-7v85159aky] {
        padding: 28px 30px 26px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-input[b-7v85159aky],
    .login-input-toggle[b-7v85159aky],
    .login-submit[b-7v85159aky],
    .login-forgot[b-7v85159aky],
    .btn-progress[b-7v85159aky] {
        transition: none;
    }

    .login-card[b-7v85159aky] {
        animation: none;
    }

    .login-submit:hover[b-7v85159aky] {
        transform: none;
    }

    /* Reduced motion: show a static filled bar instead of the sweep. */
    .login-submit.is-loading .btn-progress[b-7v85159aky]::before {
        animation: none;
        width: 100%;
        transform: none;
    }
}
/* _content/SupportAppAMR/Components/Pages/Logs.razor.rz.scp.css */
.logs-page[b-6dkyxx1xjg] {
    display: flex;
    flex-direction: column;
}

.logs-head[b-6dkyxx1xjg] {
    margin-bottom: var(--cc-sp-6);
}

.logs-title[b-6dkyxx1xjg] {
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 0;
}

.logs-subhead[b-6dkyxx1xjg] {
    display: flex;
    align-items: center;
    gap: var(--cc-sp-4);
    margin-top: 4px;
}

.logs-serial[b-6dkyxx1xjg] {
    font-family: "JetBrains Mono", "Fira Code", monospace;
    font-weight: 700;
    font-size: 14px;
    color: var(--cc-black);
}

.logs-status[b-6dkyxx1xjg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 600;
}

.logs-status-dot[b-6dkyxx1xjg] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--cc-medium-gray);
    display: inline-block;
}

.logs-status.is-online[b-6dkyxx1xjg] { color: var(--cc-success-text); }
.logs-status.is-online .logs-status-dot[b-6dkyxx1xjg] { background: var(--cc-success); }
.logs-status.is-offline[b-6dkyxx1xjg] { color: var(--cc-medium-gray); }
.logs-status.is-offline .logs-status-dot[b-6dkyxx1xjg] { background: var(--cc-state-offline); }

/* "Go to Monitor" button */
.logs-back-btn[b-6dkyxx1xjg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 37px;
    padding: 0 16px;
    border-radius: 7px;
    border: 2px solid var(--cc-red);
    background: var(--cc-white);
    color: var(--cc-red);
    font-family: var(--amr-font-header), sans-serif;
    font-weight: bold;
    font-size: 0.875rem;
    letter-spacing: 0.02em;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.logs-back-btn:hover[b-6dkyxx1xjg] {
    background: var(--cc-red);
    color: var(--cc-white);
    box-shadow: 0 2px 6px rgba(243, 0, 43, 0.25);
}

.logs-back-btn:active[b-6dkyxx1xjg] {
    transform: translateY(1px);
    box-shadow: none;
}

.logs-back-btn:focus-visible[b-6dkyxx1xjg] {
    outline: 2px solid var(--cc-red);
    outline-offset: 2px;
}

.logs-back-icon[b-6dkyxx1xjg] {
    font-size: 0.95rem;
    transition: transform 0.15s ease;
}

.logs-back-btn:hover .logs-back-icon[b-6dkyxx1xjg] {
    transform: translateX(3px);
}

/* Online-mower selector */
.logs-filter[b-6dkyxx1xjg] {
    display: flex;
    align-items: center;
    gap: var(--cc-sp-4);
    margin-bottom: var(--cc-sp-6);
    flex-wrap: wrap;
}

.logs-filter-label[b-6dkyxx1xjg] {
    font-family: "DinotBold", "DinotMedium", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cc-dark-gray);
    margin: 0;
}

.logs-select[b-6dkyxx1xjg] {
    height: 38px;
    min-width: 260px;
    padding: 0 12px;
    border: 1px solid var(--cc-light-gray);
    border-radius: var(--cc-radius-md);
    background: var(--cc-white);
    color: var(--cc-black);
    font-family: "DinotMedium", sans-serif;
    font-size: 13px;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.logs-select:hover[b-6dkyxx1xjg] { border-color: var(--cc-medium-gray); }

.logs-select:focus[b-6dkyxx1xjg],
.logs-select:focus-visible[b-6dkyxx1xjg] {
    outline: none;
    border-color: var(--cc-red);
    box-shadow: 0 0 0 3px rgba(243, 0, 43, 0.12);
}

.logs-card[b-6dkyxx1xjg] {
    height: 100%;
}

.logs-card-body[b-6dkyxx1xjg] {
    padding: 20px;
}

.logs-subcard[b-6dkyxx1xjg] {
    margin-top: var(--cc-sp-5);
}

.logs-card-title[b-6dkyxx1xjg] {
    display: flex;
    align-items: center;
    font-family: "DinotBold", "Klavika", sans-serif;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: var(--cc-black);
    margin: 0 0 var(--cc-sp-5);
}

.logs-card-title.danger[b-6dkyxx1xjg] {
    color: var(--cc-red);
}

.logs-fault-detail[b-6dkyxx1xjg] {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--cc-dark-gray);
    white-space: pre-wrap;
    word-break: break-word;
}

/* Scroll regions for the diagnostics and logs tables */
.logs-diag-scroll[b-6dkyxx1xjg] {
    max-height: 350px;
    overflow-y: auto;
}

.logs-log-scroll[b-6dkyxx1xjg] {
    max-height: 1000px;
    overflow-y: auto;
}

.logs-col-time[b-6dkyxx1xjg] {
    width: 160px;
}

.logs-col-value[b-6dkyxx1xjg] {
    width: 150px;
}
/* _content/SupportAppAMR/Components/Pages/MachinePasswords.razor.rz.scp.css */
/* ===== AMR Fleet / Machine Passwords page ===== */

/* Company · Branch stacked cell */
.mp-company-cell[b-ed698sn327] {
    line-height: 1.3;
}
/* _content/SupportAppAMR/Components/Pages/Monitor.razor.rz.scp.css */
/* ===== Full-Height Page Container ===== */
.monitor-fullpage[b-sghhx4j61j] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 70px - 48px - 48px - 32px); /* viewport minus header, footer, footer padding-bottom, container padding */
    min-height: 0;
}

/* ===== Page Header ===== */
.monitor-page-header[b-sghhx4j61j] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 16px;
    flex-shrink: 0;
}

[b-sghhx4j61j] .monitor-breadcrumb-mud {
    padding: 0 !important;
    margin-bottom: 2px;
}

[b-sghhx4j61j] .monitor-breadcrumb-mud .mud-breadcrumb-item {
    font-size: 0.75rem;
}

.monitor-page-title[b-sghhx4j61j] {
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.2;
    margin: 0;
}

.monitor-page-subtitle[b-sghhx4j61j] {
    font-size: 0.8rem;
    color: #4d4d4d;
    font-weight: 400;
    margin-top: 2px;
}

.monitor-quick-actions[b-sghhx4j61j] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

/* ===== Filter Fields (cohesive white, rounded, theme-accent focus) ===== */
/* Width must go through ::deep — the class sits on the MudTextField root, which
   doesn't carry this component's scoped-CSS attribute. */
.monitor-quick-actions[b-sghhx4j61j]  .monitor-search-field {
    width: 200px;
    flex-shrink: 0;
}

.monitor-quick-actions[b-sghhx4j61j]  .mud-input-control {
    background: #fff;
    border-radius: 8px;
    height: 38px;
}

.monitor-quick-actions[b-sghhx4j61j]  .mud-input.mud-input-outlined .mud-input-outlined-border {
    border-radius: 8px;
    border-color: #ebebeb;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.monitor-quick-actions[b-sghhx4j61j]  .mud-input.mud-input-outlined:hover:not(.mud-disabled) .mud-input-outlined-border {
    border-color: #b3b3b3;
}

.monitor-quick-actions[b-sghhx4j61j]  .mud-input.mud-input-outlined.mud-focused .mud-input-outlined-border {
    border-color: #F3002B !important;
    border-width: 1px;
    box-shadow: 0 0 0 3px rgba(243, 0, 43, 0.12);
}

/* Adornment search/company icons sit muted until focus */
.monitor-quick-actions[b-sghhx4j61j]  .mud-input-adornment .mud-icon-root {
    font-size: 1.1rem;
    color: #9a9aa2;
}

.monitor-quick-actions[b-sghhx4j61j]  .mud-input.mud-focused .mud-input-adornment-start .mud-icon-root {
    color: #F3002B;
}

/* ===== Summary Strip ===== */
.monitor-summary-strip[b-sghhx4j61j] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    flex-shrink: 0;
}

.monitor-summary-chips[b-sghhx4j61j] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.monitor-summary-chips[b-sghhx4j61j]  .monitor-chip-online {
    background: #94a3b8;
    color: var(--cc-white);
}

.monitor-summary-chips[b-sghhx4j61j]  .monitor-chip-idle {
    background: var(--cc-slate);
    color: var(--cc-white);
}

.monitor-summary-strip[b-sghhx4j61j]  .monitor-chip-filter {
    margin-left: auto;
}

/* ===== Map Card ===== */
.monitor-card[b-sghhx4j61j] {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    position: relative;
    flex: 1;
    min-height: 0;
}

.monitor-page[b-sghhx4j61j] {
    position: relative;
    height: 100%;
}

/* ===== Disconnected Banner ===== */
[b-sghhx4j61j] .monitor-disconnected-banner {
    animation: disconnected-pulse-b-sghhx4j61j 2s ease-in-out infinite;
    flex-shrink: 0;
}

@keyframes disconnected-pulse-b-sghhx4j61j {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

/* ===== Vertical Bubble Cards Container ===== */
.monitor-bubbles-container[b-sghhx4j61j] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 185px;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-right: 1px solid rgba(148, 163, 184, 0.15);
    padding: 10px 4px 10px 10px;
    z-index: 20;
    pointer-events: none;
    display: flex;
    flex-direction: column;
}

.monitor-bubbles-container > *[b-sghhx4j61j] {
    pointer-events: auto;
}

/* ===== Empty State ===== */
.monitor-bubbles-empty[b-sghhx4j61j] {
    color: #94a3b8;
    text-align: center;
    padding: 18px 12px;
}

.monitor-empty-icon[b-sghhx4j61j] {
    font-size: 2rem;
    color: #475569;
    margin-bottom: 8px;
}

.monitor-empty-title[b-sghhx4j61j] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #cbd5e1;
    margin-bottom: 4px;
}

.monitor-empty-hint[b-sghhx4j61j] {
    font-size: 0.78rem;
    color: var(--cc-slate);
    max-width: 320px;
    margin: 0 auto;
    line-height: 1.4;
}

/* ===== Bubble Scroll ===== */
.monitor-bubbles-scroll[b-sghhx4j61j] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0px;
    padding-bottom: 24px;
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.3) transparent;
    flex: 1;
    min-height: 0;
}

.monitor-bubbles-scroll[b-sghhx4j61j]::-webkit-scrollbar {
    width: 4px;
}

.monitor-bubbles-scroll[b-sghhx4j61j]::-webkit-scrollbar-track {
    background: transparent;
}

.monitor-bubbles-scroll[b-sghhx4j61j]::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.3);
    border-radius: 3px;
}

/* ===== Individual Bubble Card ===== */
.monitor-bubble[b-sghhx4j61j] {
    flex-shrink: 0;
    width: 165px;
    background: rgba(51, 65, 85, 0.85);
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-left: 3px solid var(--state-border, var(--cc-slate));
    border-radius: 10px;
    padding: 10px 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

.monitor-bubble:hover[b-sghhx4j61j] {
    background: rgba(71, 85, 105, 0.9);
    border-color: rgba(148, 163, 184, 0.4);
    border-left-color: var(--state-border, var(--cc-slate));
    transform: translateY(-2px);
}

.monitor-bubble.selected[b-sghhx4j61j] {
    border-color: var(--accent-color, #60a5fa);
    border-left-color: var(--state-border, var(--cc-slate));
    box-shadow: 0 0 12px color-mix(in srgb, var(--accent-color, #60a5fa) 40%, transparent),
                inset 0 0 0 1px var(--accent-color, #60a5fa);
}

.monitor-bubble.faulted[b-sghhx4j61j] {
    background: rgba(127, 29, 29, 0.35);
}

.monitor-bubble.mowing[b-sghhx4j61j] {
    animation: bubble-glow-b-sghhx4j61j 2s ease-in-out infinite;
}

@keyframes bubble-glow-b-sghhx4j61j {
    0%, 100% { box-shadow: 0 0 8px color-mix(in srgb, var(--accent-color, #3b82f6) 30%, transparent); }
    50% { box-shadow: 0 0 16px color-mix(in srgb, var(--accent-color, #3b82f6) 50%, transparent); }
}

.monitor-bubble-header[b-sghhx4j61j] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.monitor-bubble-icon-wrapper[b-sghhx4j61j] {
    position: relative;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.monitor-bubble-mower-icon[b-sghhx4j61j] {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.monitor-bubble-overlay-icon[b-sghhx4j61j] {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    font-weight: bold;
    color: #fff;
    border: 1.5px solid rgba(15, 23, 42, 0.9);
}

.monitor-bubble-overlay-icon.play[b-sghhx4j61j] {
    background: #10b981;
    font-size: 6px;
}

.monitor-bubble-overlay-icon.pause[b-sghhx4j61j] {
    background: #f59e0b;
    font-size: 7px;
}

.monitor-bubble-overlay-icon.fault[b-sghhx4j61j] {
    background: #ef4444;
    font-size: 9px;
}

.monitor-bubble-serial[b-sghhx4j61j] {
    font-weight: 700;
    font-size: 0.95rem;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.monitor-bubble-company[b-sghhx4j61j] {
    font-size: 0.65rem;
    color: #e2e8f0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: -1px;
    margin-bottom: 2px;
}

.monitor-bubble-status[b-sghhx4j61j] {
    font-size: 0.75rem;
    color: #fff;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.monitor-bubble-progress-track[b-sghhx4j61j] {
    width: 100%;
    height: 6px;
    background: rgba(148, 163, 184, 0.2);
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 3px;
}

.monitor-bubble-progress-bar[b-sghhx4j61j] {
    height: 100%;
    border-radius: 3px;
    /* --accent-color is set on the parent .monitor-bubble (data-driven) */
    background: var(--accent-color, var(--cc-info));
    transition: width 0.3s ease;
}

.monitor-bubble-fuel-track[b-sghhx4j61j] {
    width: 100%;
    height: 3px;
    background: rgba(148, 163, 184, 0.15);
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 4px;
}

.monitor-bubble-fuel-bar[b-sghhx4j61j] {
    height: 100%;
    border-radius: 2px;
    background: var(--fuel-color, var(--cc-emerald));
    transition: width 0.3s ease, background 0.3s ease;
}

.monitor-bubble-time[b-sghhx4j61j] {
    font-size: 0.7rem;
    color: #fff;
    text-align: right;
}

.monitor-bubble-eta[b-sghhx4j61j] {
    display: block;
    font-size: 0.65rem;
    color: #94a3b8;
    margin-top: 1px;
}

/* ===== Map ===== */
.monitor-map-wrapper[b-sghhx4j61j] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.monitor-map[b-sghhx4j61j] {
    width: 100%;
    height: 100%;
}

/* ===== Single-Mower Control Drawer ===== */
.control-panels-sidebar[b-sghhx4j61j] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 340px;
    background: #F5F5F5;
    border-left: 1px solid #EBEBEB;
    z-index: 100;
    display: flex;
    flex-direction: column;
    animation: slideInPanel-b-sghhx4j61j 0.2s ease-out;
    pointer-events: auto;
}

@keyframes slideInPanel-b-sghhx4j61j {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@keyframes slideUpPanel-b-sghhx4j61j {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* The single panel fills the drawer: header/address stay fixed, body scrolls. */
.control-panels-sidebar .mower-control-panel[b-sghhx4j61j] {
    flex: 1;
    min-height: 0;
    border: none;
    border-left: 3px solid var(--panel-state-color, var(--cc-slate));
    border-radius: 0;
    box-shadow: none;
}

@media (max-width: 1280px) {
    .control-panels-sidebar[b-sghhx4j61j] { width: 320px; }
}

@media (max-width: 1024px) {
    .control-panels-sidebar[b-sghhx4j61j] { width: 300px; }
}

/* ===== Mower Control Panel ===== */
.mower-control-panel[b-sghhx4j61j] {
    background: #fff;
    border: 1px solid #EBEBEB;
    border-left: 3px solid var(--panel-state-color, var(--cc-slate));
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex-shrink: 0;
}

.control-panel-header[b-sghhx4j61j] {
    padding: 12px 16px;
    border-bottom: 1px solid #EBEBEB;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mower-control-panel.collapsed .control-panel-header[b-sghhx4j61j] {
    border-bottom: none;
}

.control-panel-header-info[b-sghhx4j61j] {
    cursor: pointer;
    flex: 1;
    min-width: 0;
}

.control-panel-header-info:hover h3[b-sghhx4j61j] {
    color: #3b82f6;
}

.control-panel-header h3[b-sghhx4j61j] {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #000;
    margin: 0;
}

.control-panel-company[b-sghhx4j61j] {
    font-size: 11px;
    color: #888;
    margin-top: 1px;
}

.control-panel-operator[b-sghhx4j61j] {
    font-size: 11px;
    color: #B3B3B3;
    margin-top: 2px;
}

.control-panel-address[b-sghhx4j61j] {
    font-size: 12px;
    color: #000;
    padding: 4px 16px 8px;
    text-align: center;
    line-height: 1.3;
}

.control-panel-header-right[b-sghhx4j61j] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.control-panel-chip[b-sghhx4j61j] {
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 4px;
    background: var(--panel-state-color, var(--cc-slate));
    color: var(--cc-white);
    white-space: nowrap;
}

.control-panel-body[b-sghhx4j61j] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    padding-bottom: 20px;
}

/* Last heartbeat */
.control-panel-heartbeat[b-sghhx4j61j] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: #4D4D4D;
    margin-bottom: 12px;
}

.control-panel-heartbeat i[b-sghhx4j61j] {
    color: #22C55E;
    font-size: 11px;
}

.control-panel-heartbeat.stale[b-sghhx4j61j] {
    color: #B91C1C;
}

.control-panel-heartbeat.stale i[b-sghhx4j61j] {
    color: #EF4444;
}

/* Control action buttons */
.control-actions-grid[b-sghhx4j61j] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

/* Support Actions tabbed area */
.support-tabs[b-sghhx4j61j] {
    display: flex;
    gap: 0;
    border-bottom: 1px solid #EBEBEB;
    margin-bottom: 12px;
}

.support-tab[b-sghhx4j61j] {
    flex: 1;
    background: none;
    border: none;
    padding: 8px 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #888;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color 0.15s, border-color 0.15s;
}

.support-tab:hover[b-sghhx4j61j] {
    color: #1a1a1a;
}

.support-tab.active[b-sghhx4j61j] {
    color: #F3002B;
    border-bottom-color: #F3002B;
}

/* Uniform stacked support-action buttons */
.support-actions-list[b-sghhx4j61j] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Prominent diagnostics button anchored at the bottom of the group */
[b-sghhx4j61j] .support-diagnostics-btn {
    margin-top: 16px;
    height: 46px;
    font-size: 0.9rem;
    text-transform: none;
    font-weight: 700;
}

.control-panel-body[b-sghhx4j61j]  .monitor-action-btn {
    text-transform: none;
    font-weight: 600;
}

.control-panel-address-icon[b-sghhx4j61j] {
    margin-right: var(--cc-sp-2);
    font-size: 0.65rem;
}

/* ===== Signal-strength bars (cell/Wi-Fi from flag bits, and E-Stop signal) ===== */
.signal-bars[b-sghhx4j61j] {
    display: inline-flex;
    align-items: flex-end;
    gap: 2px;
    height: 14px;
    margin-left: auto;
}

.signal-bar[b-sghhx4j61j] {
    width: 3px;
    background: rgba(148, 163, 184, 0.4);
    border-radius: 1px;
}

.signal-bar:nth-child(1)[b-sghhx4j61j] { height: 5px; }
.signal-bar:nth-child(2)[b-sghhx4j61j] { height: 8px; }
.signal-bar:nth-child(3)[b-sghhx4j61j] { height: 11px; }
.signal-bar:nth-child(4)[b-sghhx4j61j] { height: 14px; }

.signal-bar.on[b-sghhx4j61j] { background: #22c55e; }

/* Mode-change reason line in the control drawer */
.control-panel-reason[b-sghhx4j61j] {
    font-size: 12px;
    color: #888;
    font-style: italic;
    margin-bottom: 12px;
}

/* Error link */
.control-panel-error-link[b-sghhx4j61j] {
    color: #F3002B;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.control-panel-error-link:hover[b-sghhx4j61j] {
    color: #D10025;
}

.control-panel-status-string[b-sghhx4j61j] {
    color: var(--health-color, var(--cc-info));
    font-size: 12px;
    margin-bottom: 12px;
}

/* Progress */
.control-panel-progress[b-sghhx4j61j] {
    margin-bottom: 16px;
}

.control-panel-progress-label[b-sghhx4j61j] {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #B3B3B3;
}

/* Control Groups */
.control-group[b-sghhx4j61j] {
    margin-bottom: 20px;
}

.control-group-label[b-sghhx4j61j] {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #B3B3B3;
    margin-bottom: 8px;
}

.telemetry-grid[b-sghhx4j61j] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.telemetry-stat[b-sghhx4j61j] {
    background: #F5F5F5;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
}

.telemetry-stat-value[b-sghhx4j61j] {
    font-size: 18px;
    font-weight: 900;
    color: var(--tele-value-color, var(--cc-black));
}

.telemetry-stat-label[b-sghhx4j61j] {
    font-size: 11px;
    color: #B3B3B3;
    font-weight: 600;
    margin-top: 2px;
}

@keyframes monitor-pulse-b-sghhx4j61j {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.6; transform: scale(1.15); }
}

/* ===== Fault Flash Alert ===== */
.monitor-bubble.newly-faulted[b-sghhx4j61j] {
    animation: fault-flash-b-sghhx4j61j 0.6s ease-in-out infinite;
    transform: scale(1.05);
    box-shadow: 0 0 18px rgba(239, 68, 68, 0.7), 0 0 6px rgba(220, 38, 38, 0.5);
    z-index: 10;
}

@keyframes fault-flash-b-sghhx4j61j {
    0%, 100% { background: rgba(220, 38, 38, 0.7); }
    50% { background: rgba(239, 68, 68, 0.95); }
}

/* ===== Responsive ===== */
@media (max-width: 1024px) {
    .monitor-page-header[b-sghhx4j61j] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .monitor-bubble[b-sghhx4j61j] {
        width: 145px;
        padding: 8px 10px;
    }

    .telemetry-stat-value[b-sghhx4j61j] {
        font-size: 15px;
    }

    .telemetry-stat[b-sghhx4j61j] {
        padding: 8px;
    }

    .control-panel-header[b-sghhx4j61j] {
        padding: 10px 12px;
    }

    .control-panel-body[b-sghhx4j61j] {
        padding: 12px;
        padding-bottom: 16px;
    }
}

@media (max-width: 860px) {
    .monitor-page-header[b-sghhx4j61j] {
        flex-direction: column;
        align-items: flex-start;
    }

    .monitor-quick-actions[b-sghhx4j61j] {
        width: 100%;
    }

    /* Bubbles become a horizontal strip across the top of the map */
    .monitor-bubbles-container[b-sghhx4j61j] {
        right: 0;
        bottom: auto;
        width: auto;
        height: auto;
        max-height: 50%;
        padding: 8px;
        border-right: none;
        border-bottom: 1px solid rgba(148, 163, 184, 0.15);
    }

    .monitor-bubbles-scroll[b-sghhx4j61j] {
        flex-direction: row;
        gap: 8px;
        overflow-x: auto;
        overflow-y: hidden;
        padding-right: 0;
        padding-bottom: 6px;
    }

    .monitor-bubble[b-sghhx4j61j] {
        width: 150px;
        padding: 8px 10px;
    }

    /* Drawer slides up as a bottom sheet for the one selected mower */
    .control-panels-sidebar[b-sghhx4j61j] {
        width: 100%;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        max-height: 55%;
        border-left: none;
        border-top: 1px solid #EBEBEB;
        box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.12);
        animation: slideUpPanel-b-sghhx4j61j 0.2s ease-out;
    }

    .control-panels-sidebar .mower-control-panel[b-sghhx4j61j] {
        border-left: none;
        border-top: 3px solid var(--panel-state-color, var(--cc-slate));
    }
}

@media (max-width: 600px) {
    .monitor-page-title[b-sghhx4j61j] {
        font-size: 1.2rem;
    }

    .monitor-page-subtitle[b-sghhx4j61j] {
        font-size: 0.7rem;
    }

    .monitor-bubble[b-sghhx4j61j] {
        width: 140px;
        padding: 6px 8px;
    }

    .monitor-bubble-serial[b-sghhx4j61j] {
        font-size: 0.8rem;
    }

    .monitor-bubble-mower-icon[b-sghhx4j61j],
    .monitor-bubble-icon-wrapper[b-sghhx4j61j] {
        width: 24px;
        height: 24px;
    }

    .telemetry-grid[b-sghhx4j61j] {
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }

    .telemetry-stat-value[b-sghhx4j61j] {
        font-size: 14px;
    }

    .telemetry-stat-label[b-sghhx4j61j] {
        font-size: 10px;
    }

    .control-panel-header-right[b-sghhx4j61j] {
        gap: 4px;
    }

    .control-panel-chip[b-sghhx4j61j] {
        font-size: 10px;
        padding: 2px 6px;
    }

    .control-panels-sidebar[b-sghhx4j61j] {
        max-height: 62%;
    }
}
/* _content/SupportAppAMR/Components/Pages/Monitor/MowerSettingsDialog.razor.rz.scp.css */
/* Dialog body min sizing (sits on the MudStack root → ::deep). */
[b-485vsnttfz] .settings-dialog-stack {
    min-width: 320px;
}
/* _content/SupportAppAMR/Components/Pages/Monitor/MowerUpdateDialog.razor.rz.scp.css */
/* Dialog body min sizing (sits on the MudStack root → ::deep). */
[b-egt3hmsw70] .update-dialog-stack {
    min-width: 360px;
}

/* "Latest" version line — color conveys update urgency (was inline Style). */
[b-egt3hmsw70] .update-latest--required {
    color: var(--cc-red);
    font-weight: 600;
}

[b-egt3hmsw70] .update-latest--available {
    color: #16a34a;
    font-weight: 600;
}

[b-egt3hmsw70] .update-latest--none {
    color: #64748b;
}

/* Management-version caption (#888 has no exact token). */
[b-egt3hmsw70] .update-mgmt-version {
    color: #888;
}

/* Scrollable changelog panel. */
.changelog-box[b-egt3hmsw70] {
    white-space: pre-wrap;
    font-size: 0.8rem;
    color: #333;
    max-height: 180px;
    overflow-y: auto;
    background: var(--cc-bg);
    border-radius: var(--cc-radius-sm);
    padding: 10px;
}
/* _content/SupportAppAMR/Components/Pages/NtripSettings.razor.rz.scp.css */
/* Company filter select width — class sits on the MudSelect root, so it must
   go through ::deep (see Monitor.razor.css for the same pattern). */
[b-jktuukpvqp] .ntrip-company-filter {
    min-width: 220px;
}

/* Port numeric field width — class sits on the MudNumericField root. */
[b-jktuukpvqp] .ntrip-port {
    max-width: 140px;
}

/* Settings column width on the machines table. */
.ntrip-settings-col[b-jktuukpvqp] {
    width: 130px;
}
/* _content/SupportAppAMR/Components/Pages/Patch.razor.rz.scp.css */
/* ===== Patch Update page ===== */

/* MudSelect min-width — must go through ::deep */
.patch-page[b-5cmpz7hryi]  .patch-select {
    min-width: 220px;
}
/* _content/SupportAppAMR/Components/Pages/PresentationYtd.razor.rz.scp.css */
/* RC Mowers brand 
   Palette: #F3002B red · #000 black · #FFF white · #EBEBEB / #B3B3B3 / #4D4D4D grays

::deep .rcm-ytd-page {
    background: #ffffff;
    color: #000000;
    padding-bottom: 80px;
}

/* ============  HEADER ============ */
[b-0ww0zapbdx] .mag-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
    padding: 40px 56px 28px 56px;
    margin: -16px -16px 0 -16px;
    background: #ffffff;
    border-bottom: 6px solid #f3002b;
}

[b-0ww0zapbdx] .mag-overline {
    font-size: 0.75rem;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    font-weight: 700;
    color: #f3002b;
    margin-bottom: 18px;
}

[b-0ww0zapbdx] .mag-title {
    font-size: 2.75rem;
    line-height: 1;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0;
    color: #000000;
}

[b-0ww0zapbdx] .mag-header-meta {
    text-align: right;
    flex-shrink: 0;
}

[b-0ww0zapbdx] .mag-year {
    font-size: 4.5rem;
    font-weight: 800;
    line-height: 1;
    color: #f3002b;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

[b-0ww0zapbdx] .mag-date {
    font-size: 0.75rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-weight: 700;
    color: #4d4d4d;
    margin-top: 6px;
}

/* ============ STAT STRIP ============ */
[b-0ww0zapbdx] .stat-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 44px 56px;
    background: #ffffff;
    border-bottom: 1px solid #ebebeb;
    gap: 0;
}

[b-0ww0zapbdx] .stat-cell {
    padding: 0 40px;
    border-left: 1px solid #ebebeb;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

[b-0ww0zapbdx] .stat-cell:first-child {
    border-left: none;
    padding-left: 0;
}

[b-0ww0zapbdx] .stat-number {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1;
    color: #000000;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
    margin-bottom: 10px;
}

[b-0ww0zapbdx] .stat-number--red {
    color: #f3002b;
}

[b-0ww0zapbdx] .stat-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 700;
    color: #000000;
    margin-bottom: 4px;
}

[b-0ww0zapbdx] .stat-sub {
    font-size: 0.8rem;
    color: #4d4d4d;
    letter-spacing: 0.02em;
}

[b-0ww0zapbdx] .stat-sub-plain {
    color: #000000;
    margin-left: 4px;
}

[b-0ww0zapbdx] .chart-block--full {
    width: 100%;
}

/* ============ FEATURE SECTIONS ============ */
[b-0ww0zapbdx] .feature-section {
    padding: 56px 56px 0 56px;
}

[b-0ww0zapbdx] .feature-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    margin-bottom: 32px;
    padding-bottom: 20px;
    border-bottom: 1px solid #000000;
    flex-wrap: wrap;
}

[b-0ww0zapbdx] .feature-kicker {
    font-size: 0.7rem;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    font-weight: 700;
    color: #f3002b;
    margin-bottom: 8px;
}

[b-0ww0zapbdx] .feature-title {
    font-size: 2rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.005em;
    line-height: 1;
    color: #000000;
    margin: 0;
}

[b-0ww0zapbdx] .feature-search {
    min-width: 280px;
    max-width: 360px;
}

/* ============ CHART PAIR ============ */
[b-0ww0zapbdx] .chart-pair {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 40px;
    align-items: stretch;
}

[b-0ww0zapbdx] .chart-block {
    background: #ffffff;
    border: 1px solid #ebebeb;
    padding: 24px 28px;
    display: flex;
    flex-direction: column;
}

[b-0ww0zapbdx] .chart-block--wide {
    /* same styling; wider via grid column */
}

[b-0ww0zapbdx] .chart-block-head {
    margin-bottom: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ebebeb;
}

[b-0ww0zapbdx] .chart-block .feature-kicker {
    margin-bottom: 4px;
}

[b-0ww0zapbdx] .chart-block .feature-title {
    font-size: 1.25rem;
    letter-spacing: 0;
}

[b-0ww0zapbdx] .chart-note {
    font-size: 0.75rem;
    color: #4d4d4d;
    text-align: right;
    margin-top: 8px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 600;
}

[b-0ww0zapbdx] .chart-note strong {
    color: #f3002b;
    font-weight: 800;
}

@media (max-width: 1100px) {
    [b-0ww0zapbdx] .chart-pair { grid-template-columns: 1fr; }
}

/* ============ RANKING TABLE ============ */
[b-0ww0zapbdx] .ytd-grid {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 0;
}

[b-0ww0zapbdx] .ytd-grid .mud-table-head th {
    background: #000000 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 0.72rem;
    font-weight: 700;
    border-bottom: 3px solid #f3002b !important;
    padding-top: 14px;
    padding-bottom: 14px;
}

[b-0ww0zapbdx] .ytd-grid .mud-table-cell {
    font-size: 0.95rem;
    color: #000000;
    font-variant-numeric: tabular-nums;
    padding-top: 14px;
    padding-bottom: 14px;
}

[b-0ww0zapbdx] .ytd-grid .mud-table-row:hover td {
    background-color: #fafafa !important;
}

[b-0ww0zapbdx] .cell-hero {
    font-weight: 800;
    color: #f3002b;
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
}

[b-0ww0zapbdx] .roster {
    display: flex;
    flex-direction: column;
}

[b-0ww0zapbdx] .roster-item {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 28px;
    padding: 20px 0;
    border-top: 1px solid #ebebeb;
    align-items: baseline;
}

[b-0ww0zapbdx] .roster-item:first-child {
    border-top: none;
    padding-top: 0;
}

[b-0ww0zapbdx] .roster-item--tier1 {
    border-top: 2px solid #f3002b;
    padding-top: 22px;
}

[b-0ww0zapbdx] .roster-item--tier1 + .roster-item--tier2 {
    border-top-color: #b3b3b3;
}

[b-0ww0zapbdx] .roster-rank {
    font-size: 2rem;
    font-weight: 800;
    color: #b3b3b3;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

[b-0ww0zapbdx] .roster-item--tier1 .roster-rank {
    color: #f3002b;
    font-size: 2.75rem;
}

[b-0ww0zapbdx] .roster-item--tier2 .roster-rank {
    color: #000000;
}

[b-0ww0zapbdx] .roster-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-0ww0zapbdx] .roster-name {
    font-size: 1.5rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    color: #000000;
    line-height: 1.1;
}

[b-0ww0zapbdx] .roster-item--tier1 .roster-name {
    font-size: 2rem;
}

[b-0ww0zapbdx] .roster-facts {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
    font-size: 0.95rem;
    color: #4d4d4d;
    line-height: 1.4;
}

[b-0ww0zapbdx] .roster-facts .fact {
    color: #000000;
    font-weight: 600;
}

[b-0ww0zapbdx] .roster-facts .fact-num {
    font-weight: 800;
    color: #000000;
    font-variant-numeric: tabular-nums;
    margin-right: 4px;
}

[b-0ww0zapbdx] .roster-facts .fact-unit {
    font-weight: 500;
    color: #4d4d4d;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.72rem;
}

[b-0ww0zapbdx] .roster-facts .fact-sep {
    color: #b3b3b3;
    font-weight: 400;
}

/* YoY colors */
[b-0ww0zapbdx] .yoy-up { color: #0a8f4e !important; font-weight: 700; }
[b-0ww0zapbdx] .yoy-up .fact-num { color: #0a8f4e; }
[b-0ww0zapbdx] .yoy-down { color: #f3002b !important; font-weight: 700; }
[b-0ww0zapbdx] .yoy-down .fact-num { color: #f3002b; }
[b-0ww0zapbdx] .yoy-flat { color: #4d4d4d !important; font-weight: 700; }

/* ============ RESPONSIVE ============ */
@media (max-width: 1200px) {
    [b-0ww0zapbdx] .mag-title { font-size: 2.25rem; }
    [b-0ww0zapbdx] .mag-year { font-size: 3.5rem; }
    [b-0ww0zapbdx] .stat-strip { grid-template-columns: repeat(2, 1fr); gap: 32px 0; }
    [b-0ww0zapbdx] .stat-cell { padding: 0 24px; }
    [b-0ww0zapbdx] .stat-cell:nth-child(3) { border-left: none; padding-left: 0; }
    [b-0ww0zapbdx] .stat-number { font-size: 2.75rem; }
}

@media (max-width: 800px) {
    [b-0ww0zapbdx] .mag-header { flex-direction: column; align-items: flex-start; padding: 28px 24px 20px 24px; gap: 20px; }
    [b-0ww0zapbdx] .mag-header-meta { text-align: left; }
    [b-0ww0zapbdx] .mag-title { font-size: 1.75rem; }
    [b-0ww0zapbdx] .stat-strip { grid-template-columns: 1fr; padding: 28px 24px; }
    [b-0ww0zapbdx] .stat-cell { padding: 0; border-left: none; border-top: 1px solid #ebebeb; padding-top: 20px; }
    [b-0ww0zapbdx] .stat-cell:first-child { border-top: none; padding-top: 0; }
    [b-0ww0zapbdx] .feature-section { padding: 40px 24px 0 24px; }
    [b-0ww0zapbdx] .feature-title { font-size: 1.5rem; }
    [b-0ww0zapbdx] .roster-item { grid-template-columns: 50px 1fr; gap: 16px; }
    [b-0ww0zapbdx] .roster-item--tier1 .roster-name { font-size: 1.5rem; }
    [b-0ww0zapbdx] .roster-item--tier1 .roster-rank { font-size: 2rem; }
}
/* _content/SupportAppAMR/Components/Pages/Release.razor.rz.scp.css */
[b-u5gb0s5mz1] .rel-filter-select {
    min-width: 220px;
}
/* _content/SupportAppAMR/Components/Shared/CaseDiagnosticCard.razor.rz.scp.css */
.cc-case[b-l1amh2b6zr] {
    border-radius: 10px;
    overflow: hidden;
}

/* Header band */
.cc-case-head[b-l1amh2b6zr] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 9px 14px;
    background: rgba(0, 0, 0, 0.025);
    border-bottom: 1px solid var(--cc-light-gray, rgba(0, 0, 0, 0.08));
}

.cc-case-num[b-l1amh2b6zr] {
    font-weight: 800;
    font-size: 0.95rem;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
}

.cc-case-code[b-l1amh2b6zr] {
    font-family: "JetBrains Mono", "Fira Code", monospace;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--cc-header-bg, inherit);
    background: rgba(0, 0, 0, 0.05);
    padding: 1px 7px;
    border-radius: 6px;
    white-space: nowrap;
}

.cc-case-date[b-l1amh2b6zr] {
    margin-left: auto;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

/* Body */
.cc-case-body[b-l1amh2b6zr] {
    padding: 12px 14px 14px;
}

.cc-case-subject[b-l1amh2b6zr] {
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 8px;
}

.cc-case-submeta[b-l1amh2b6zr] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 18px;
    font-size: 0.78rem;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 2px;
}

.cc-case-submeta strong[b-l1amh2b6zr] {
    font-weight: 700;
    margin-right: 5px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 0.68rem;
}

/* Content fields */
.cc-case-field[b-l1amh2b6zr] {
    margin-top: 12px;
}

.cc-case-field-label[b-l1amh2b6zr] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 3px;
}

.cc-case-field-text[b-l1amh2b6zr] {
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* Actions & Solutions — the key field, given visual weight */
.cc-case-field--accent[b-l1amh2b6zr] {
    background: rgba(0, 0, 0, 0.03);
    border-left: 3px solid var(--cc-header-bg, rgba(0, 0, 0, 0.4));
    border-radius: 6px;
    padding: 8px 12px 10px;
}

.cc-case-field--accent .cc-case-field-label[b-l1amh2b6zr] {
    color: var(--cc-header-bg, inherit);
}

/* Comments thread */
.cc-case-comments[b-l1amh2b6zr] {
    margin-top: 14px;
    padding-top: 10px;
    border-top: 1px solid var(--cc-light-gray, rgba(0, 0, 0, 0.08));
}

.cc-case-note[b-l1amh2b6zr] {
    border-left: 2px solid rgba(0, 0, 0, 0.1);
    padding-left: 8px;
    margin-top: 8px;
}

.cc-case-note-meta[b-l1amh2b6zr] {
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 1px;
}

.cc-case-note-text[b-l1amh2b6zr] {
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.88rem;
    line-height: 1.45;
}
/* _content/SupportAppAMR/Components/Shared/CcModal.razor.rz.scp.css */
.cc-modal[b-yc1jkcs2a4] {
    max-width: 92vw;
    border-radius: var(--cc-radius-lg);
    overflow: hidden;
}

.cc-modal-header[b-yc1jkcs2a4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--cc-sp-6) var(--cc-sp-7);
    border-bottom: 1px solid var(--cc-light-gray);
}

.cc-modal-body[b-yc1jkcs2a4] {
    padding: var(--cc-sp-7);
}

.cc-modal-body--scroll[b-yc1jkcs2a4] {
    max-height: 60vh;
    overflow: auto;
}

.cc-modal-footer[b-yc1jkcs2a4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--cc-sp-4);
    padding: var(--cc-sp-5) var(--cc-sp-7);
    border-top: 1px solid var(--cc-light-gray);
}
/* _content/SupportAppAMR/Components/Shared/ChatPanel.razor.rz.scp.css */
/* "Ask Command Center" / AMR AI Assistant — floating FAB + docked card.
   Tokens only; the two literals are the z-index (no token scale) and the FAB
   diameter. */

.cc-chat-widget[b-wcz49johbc] {
    position: fixed;
    right: var(--cc-sp-8);
    bottom: var(--cc-sp-8);
    z-index: 1400; /* above MudAppBar (~1300) */
}

/* ---- Floating action button (closed state) ---- */
.cc-chat-fab[b-wcz49johbc] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 56px;
    height: 56px;
    border: none;
    border-radius: 50%;
    background: var(--cc-red);
    color: var(--cc-white);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.28);
    transition: transform 0.18s ease, opacity 0.18s ease, background 0.15s ease;
}

.cc-chat-fab:hover[b-wcz49johbc] {
    background: var(--cc-red-hover);
    transform: scale(1.05);
}

.cc-chat-fab.hidden[b-wcz49johbc] {
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
}

/* ---- Chat card (open state) ---- */
.cc-chat[b-wcz49johbc] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 380px;
    max-width: calc(100vw - var(--cc-sp-8) * 2);
    height: 600px;
    max-height: calc(100vh - var(--cc-header-h) - var(--cc-sp-8));
    display: flex;
    flex-direction: column;
    background: var(--cc-white);
    border-radius: var(--cc-radius-lg);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
    overflow: hidden;
    transform-origin: bottom right;
    opacity: 0;
    transform: translateY(12px) scale(0.98);
    pointer-events: none;
    visibility: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

.cc-chat.open[b-wcz49johbc] {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
    visibility: visible;
}

/* Header — dark chrome with a branded robot badge. */
.cc-chat-header[b-wcz49johbc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cc-sp-2);
    padding: var(--cc-sp-5) var(--cc-sp-6);
    background: var(--cc-header-bg);
    color: var(--cc-white);
    flex: 0 0 auto;
}

.cc-chat-title[b-wcz49johbc] {
    display: flex;
    align-items: center;
    gap: var(--cc-sp-5);
    font-size: var(--cc-fs-lg);
    font-weight: 700;
}

.cc-chat-title-badge[b-wcz49johbc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--cc-radius-sm);
    background: var(--cc-red);
    color: var(--cc-white);
}

.cc-chat-header[b-wcz49johbc]  .mud-icon-button {
    color: var(--cc-white);
}

/* Message list. */
.cc-chat-body[b-wcz49johbc] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: var(--cc-sp-6);
    display: flex;
    flex-direction: column;
    gap: var(--cc-sp-5);
    background: var(--cc-white);
}

.cc-chat-msg[b-wcz49johbc] {
    display: flex;
}

.cc-chat-msg.user[b-wcz49johbc] {
    justify-content: flex-end;
}

.cc-chat-msg.assistant[b-wcz49johbc] {
    justify-content: flex-start;
}

.cc-chat-bubble[b-wcz49johbc] {
    max-width: 85%;
    padding: var(--cc-sp-5) var(--cc-sp-6);
    border-radius: var(--cc-radius-lg);
    font-size: var(--cc-fs-sm);
    line-height: 1.45;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.cc-chat-msg.assistant .cc-chat-bubble[b-wcz49johbc] {
    background: var(--cc-light-gray);
    color: var(--cc-black);
    border-top-left-radius: var(--cc-radius-sm);
}

.cc-chat-msg.user .cc-chat-bubble[b-wcz49johbc] {
    background: var(--cc-red);
    color: var(--cc-white);
    font-weight: 600;
    border-top-right-radius: var(--cc-radius-sm);
    white-space: pre-wrap; /* user text is plain — preserve their line breaks */
}

/* Markdown-rendered content in assistant bubbles. Injected HTML carries no
   scope attribute, so target it through ::deep. */
.cc-chat-bubble[b-wcz49johbc]  p {
    margin: 0 0 var(--cc-sp-5);
}

.cc-chat-bubble[b-wcz49johbc]  p:last-child {
    margin-bottom: 0;
}

.cc-chat-bubble[b-wcz49johbc]  ul,
.cc-chat-bubble[b-wcz49johbc]  ol {
    margin: 0 0 var(--cc-sp-5);
    padding-left: var(--cc-sp-8);
}

.cc-chat-bubble[b-wcz49johbc]  ul:last-child,
.cc-chat-bubble[b-wcz49johbc]  ol:last-child {
    margin-bottom: 0;
}

.cc-chat-bubble[b-wcz49johbc]  li {
    margin: var(--cc-sp-1) 0;
}

.cc-chat-bubble[b-wcz49johbc]  strong {
    font-weight: 700;
}

.cc-chat-bubble[b-wcz49johbc]  a {
    color: var(--cc-sf-blue);
}

.cc-chat-bubble[b-wcz49johbc]  code {
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
    font-size: var(--cc-fs-sm);
    background: var(--cc-bg);
    padding: 0 var(--cc-sp-2);
    border-radius: var(--cc-radius-sm);
}

.cc-chat-bubble[b-wcz49johbc]  pre {
    background: var(--cc-bg);
    padding: var(--cc-sp-4);
    border-radius: var(--cc-radius-sm);
    overflow-x: auto;
    margin: 0 0 var(--cc-sp-5);
}

.cc-chat-bubble[b-wcz49johbc]  pre code {
    background: none;
    padding: 0;
}

.cc-chat-bubble[b-wcz49johbc]  h1,
.cc-chat-bubble[b-wcz49johbc]  h2,
.cc-chat-bubble[b-wcz49johbc]  h3,
.cc-chat-bubble[b-wcz49johbc]  h4 {
    font-size: var(--cc-fs-md);
    font-weight: 700;
    margin: 0 0 var(--cc-sp-4);
}

.cc-chat-error[b-wcz49johbc] {
    font-size: var(--cc-fs-sm);
    color: var(--cc-danger-text);
    background: var(--cc-light-gray);
    border-radius: var(--cc-radius-sm);
    padding: var(--cc-sp-4) var(--cc-sp-5);
}

/* Typing indicator. */
.cc-chat-typing[b-wcz49johbc] {
    display: inline-flex;
    gap: 4px;
    align-items: center;
}

.cc-chat-typing span[b-wcz49johbc] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--cc-gray-400);
    animation: cc-chat-blink-b-wcz49johbc 1.2s infinite ease-in-out both;
}

.cc-chat-typing span:nth-child(2)[b-wcz49johbc] { animation-delay: 0.2s; }
.cc-chat-typing span:nth-child(3)[b-wcz49johbc] { animation-delay: 0.4s; }

@keyframes cc-chat-blink-b-wcz49johbc {
    0%, 80%, 100% { opacity: 0.25; }
    40% { opacity: 1; }
}

/* Composer. */
.cc-chat-composer[b-wcz49johbc] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: var(--cc-sp-4);
    padding: var(--cc-sp-5);
    border-top: 1px solid var(--cc-border-subtle);
    background: var(--cc-white);
}

.cc-chat-input[b-wcz49johbc] {
    flex: 1 1 auto;
    resize: none;
    max-height: 120px;
    border: 1px solid var(--cc-gray-300);
    border-radius: var(--cc-radius-lg);
    padding: var(--cc-sp-5) var(--cc-sp-6);
    font-size: var(--cc-fs-sm);
    font-family: inherit;
    line-height: 1.4;
    color: var(--cc-black);
    background: var(--cc-white);
}

.cc-chat-input[b-wcz49johbc]::placeholder {
    color: var(--cc-medium-gray);
}

.cc-chat-input:focus[b-wcz49johbc] {
    outline: none;
    border-color: var(--cc-red);
}

.cc-chat-composer[b-wcz49johbc]  .cc-chat-send {
    flex: 0 0 auto;
    background: var(--cc-red);
    color: var(--cc-white);
    border-radius: var(--cc-radius-md);
    height: 40px;
    width: 40px;
}

.cc-chat-composer[b-wcz49johbc]  .cc-chat-send:hover {
    background: var(--cc-red-hover);
}

/* Phones: fill the width with a small gutter. */
@media (max-width: 599.98px) {
    .cc-chat[b-wcz49johbc] {
        width: calc(100vw - var(--cc-sp-8));
        height: calc(100vh - var(--cc-header-h) - var(--cc-sp-8));
    }
}
/* _content/SupportAppAMR/Components/Shared/CountrySelector.razor.rz.scp.css */
/* ===== Country Selector dropdown item row ===== */

/* MudStack inside ItemTemplate — width: 100% goes through ::deep */
[b-ivxpvgtfhk] .cs-item-row {
    width: 100%;
}

/* Flag emoji */
.cs-item-flag[b-ivxpvgtfhk] {
    font-size: 18px;
    line-height: 1;
}

/* Country name — fills remaining space */
.cs-item-name[b-ivxpvgtfhk] {
    flex: 1;
}