/* /Components/Account/Pages/Login.razor.rz.scp.css */
/* Step 28B — Customer-specific login presentation.
   Scoped to Login.razor. Authentication logic is unchanged. */

.login-customer-panel[b-6pghstpz7d] {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e2e7eb;
    border-radius: 18px;
    padding: 34px 32px 28px;
    color: #20364a;
    box-shadow: 0 12px 32px rgba(28, 51, 71, 0.06);
}

    .login-customer-panel[b-6pghstpz7d]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        background: #b70921;
    }

.login-customer-kicker[b-6pghstpz7d] {
    font-size: 11px;
    font-weight: 800;
    color: #8c9cac;
    letter-spacing: 1.8px;
    margin-bottom: 22px;
}

.login-customer-identity[b-6pghstpz7d] {
    margin-bottom: 24px;
}

.login-customer-name[b-6pghstpz7d] {
    font-size: clamp(27px, 2.5vw, 39px);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: 0.4px;
    color: #b70921;
}

.login-customer-product[b-6pghstpz7d] {
    font-size: 15px;
    font-weight: 750;
    color: #526c7f;
    margin-top: 7px;
}

.login-customer-rule[b-6pghstpz7d] {
    height: 1px;
    background: #e7edf1;
    margin-bottom: 25px;
}

.login-customer-panel h2[b-6pghstpz7d] {
    font-size: clamp(20px, 1.6vw, 25px);
    line-height: 1.25;
    font-weight: 800;
    margin: 0 0 12px;
    color: #17364c;
}

.login-customer-description[b-6pghstpz7d] {
    font-size: 14px;
    line-height: 1.65;
    color: #61798a;
    margin: 0 0 22px;
}

.login-customer-features[b-6pghstpz7d] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.login-customer-feature[b-6pghstpz7d] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    color: #405c70;
}

.login-customer-feature-icon[b-6pghstpz7d] {
    flex-shrink: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #fcecef;
    color: #b70921;
    font-size: 13px;
    font-weight: 800;
}

.login-customer-powered[b-6pghstpz7d] {
    margin-top: 30px;
    padding-top: 17px;
    border-top: 1px solid #e7edf1;
    font-size: 12px;
    color: #7a8e9e;
}

    .login-customer-powered strong[b-6pghstpz7d] {
        color: #b70921;
        letter-spacing: 0.4px;
    }

@media (max-width: 991.98px) {
    .login-customer-panel[b-6pghstpz7d] {
        margin-top: 28px;
        padding: 26px 24px;
    }
}

@media (max-width: 480px) {
    .login-customer-panel[b-6pghstpz7d] {
        padding: 23px 19px;
    }
}

.login-customer-identity[b-6pghstpz7d] {
    display: flex;
    align-items: center;
    gap: 18px;
}

.login-customer-emblem[b-6pghstpz7d] {
    display: block;
    width: 58px;
    height: 82px;
    object-fit: contain;
    flex-shrink: 0;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* CONTROMOTE application shell */

.page[b-foep8t6dj1] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #f6f8fa;
}

.sidebar[b-foep8t6dj1] {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    background: #ffffff;
    border-bottom: 1px solid #e3e9ee;
    z-index: 20;
}

.main-area[b-foep8t6dj1] {
    flex: 1 1 auto;
    min-width: 0;
    background: #f6f8fa;
}

.app-topbar[b-foep8t6dj1] {
    min-height: 72px;
    padding: 12px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: #ffffff;
    border-bottom: 1px solid #e3e9ee;
}

.topbar-identity[b-foep8t6dj1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.topbar-kicker[b-foep8t6dj1] {
    font-size: 0.7rem;
    letter-spacing: 0.16em;
    font-weight: 800;
    color: #b60b1b;
}

.topbar-title[b-foep8t6dj1] {
    font-size: 1rem;
    font-weight: 650;
    color: #203447;
}

.about-link[b-foep8t6dj1] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    color: #526579;
    font-weight: 600;
    font-size: 0.88rem;
    text-decoration: none;
}

    .about-link:hover[b-foep8t6dj1] {
        color: #b60b1b;
        text-decoration: underline;
    }

.content[b-foep8t6dj1] {
    min-width: 0;
    padding-top: 22px;
    padding-bottom: 36px;
}

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

    .sidebar[b-foep8t6dj1] {
        width: 282px;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow: hidden;
        border-right: 1px solid #e3e9ee;
        border-bottom: 0;
    }

    .app-topbar[b-foep8t6dj1] {
        position: sticky;
        top: 0;
        z-index: 10;
    }
}

@media (max-width: 640.98px) {
    .app-topbar[b-foep8t6dj1] {
        min-height: 59px;
        padding: 10px 18px;
    }

    .topbar-kicker[b-foep8t6dj1] {
        font-size: 0.62rem;
    }

    .topbar-title[b-foep8t6dj1] {
        font-size: 0.89rem;
    }

    .about-link[b-foep8t6dj1] {
        font-size: 0.8rem;
    }

    .content[b-foep8t6dj1] {
        padding-top: 14px;
    }
}

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

    #blazor-error-ui .dismiss[b-foep8t6dj1] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


/* Header actions keep Notification Center and About aligned on desktop/mobile. */
.topbar-actions[b-foep8t6dj1] {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 640.98px) {
    .topbar-actions[b-foep8t6dj1] {
        gap: 9px;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* CONTROMOTE sidebar: scoped to NavMenu.razor */

.brand-header[b-8thidxk36b] {
    flex: 0 0 auto;
    min-height: 110px;
    padding: 24px 24px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #eef1f4;
}

.brand-link[b-8thidxk36b] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    text-decoration: none;
}

.brand-logo[b-8thidxk36b] {
    display: block;
    width: 228px;
    max-width: 100%;
    height: auto;
}

.brand-subtitle[b-8thidxk36b] {
    display: block;
    margin-top: 7px;
    color: #576b7d;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.18em;
}

.mobile-menu-toggle[b-8thidxk36b] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.mobile-menu-button[b-8thidxk36b] {
    display: none;
    width: 40px;
    height: 40px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce4eb;
    border-radius: 10px;
    color: #283f50;
    background: #fff;
}

.nav-scrollable[b-8thidxk36b] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
}

.nav-list[b-8thidxk36b] {
    flex: 0 0 auto;
    padding: 18px 14px 8px;
}

.nav-group[b-8thidxk36b] {
    margin-bottom: 22px;
}

.nav-group-label[b-8thidxk36b] {
    margin: 0 12px 10px;
    color: #8997a3;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

/* NavLink renders its own <a>; ::deep is needed for CSS isolation. */
.nav-list[b-8thidxk36b]  a.menu-link,
.auth-links[b-8thidxk36b]  a.menu-link {
    display: flex;
    align-items: center;
    min-height: 44px;
    width: 100%;
    gap: 11px;
    padding: 10px 13px;
    color: #475b6e;
    text-decoration: none;
    font-size: 0.93rem;
    font-weight: 580;
    border-radius: 9px;
    border-left: 3px solid transparent;
    transition: background-color 130ms ease, color 130ms ease;
}

    .nav-list[b-8thidxk36b]  a.menu-link:hover,
    .auth-links[b-8thidxk36b]  a.menu-link:hover {
        background: #f3f5f7;
        color: #263b4c;
    }

    .nav-list[b-8thidxk36b]  a.menu-link.active,
    .auth-links[b-8thidxk36b]  a.menu-link.active {
        color: #a30a1a;
        font-weight: 750;
        border-left-color: #b60b1b;
        background: #fceff0;
    }

.menu-icon[b-8thidxk36b] {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
}

.nav-footer[b-8thidxk36b] {
    margin-top: auto;
    border-top: 1px solid #eef1f4;
    padding: 16px 14px 20px;
}

.environment-indicator[b-8thidxk36b] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 10px 15px;
    color: #83919d;
    font-size: 0.73rem;
    font-weight: 650;
}

.environment-dot[b-8thidxk36b] {
    display: inline-block;
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    background: #9aaaaf;
    border-radius: 50%;
}

.account-card[b-8thidxk36b] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    border: 1px solid #e9edf0;
    background: #f8fafb;
    border-radius: 10px;
    padding: 10px;
}

.account-avatar[b-8thidxk36b] {
    display: flex;
    flex: 0 0 35px;
    align-items: center;
    justify-content: center;
    height: 35px;
    border-radius: 50%;
    color: #ad1121;
    background: #fceced;
}

.account-info[b-8thidxk36b] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.account-eyebrow[b-8thidxk36b] {
    color: #8997a3;
    font-weight: 750;
    letter-spacing: 0.08em;
    font-size: 0.59rem;
}

.account-info[b-8thidxk36b]  a.account-name {
    min-width: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #293e50;
    font-weight: 650;
    font-size: 0.8rem;
    text-decoration: none;
}

    .account-info[b-8thidxk36b]  a.account-name:hover {
        text-decoration: underline;
    }

.logout-form[b-8thidxk36b] {
    margin: 8px 0 0;
}

.logout-button[b-8thidxk36b] {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    padding: 10px 13px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #607284;
    font-weight: 650;
    text-align: left;
    font-size: 0.88rem;
}

    .logout-button:hover[b-8thidxk36b] {
        cursor: pointer;
        background: #f3f5f7;
        color: #b60b1b;
    }

.auth-links[b-8thidxk36b] {
    display: flex;
    flex-direction: column;
}

@media (max-width: 640.98px) {
    .brand-header[b-8thidxk36b] {
        min-height: 74px;
        padding: 14px 18px;
    }

    .brand-logo[b-8thidxk36b] {
        width: 188px;
    }

    .brand-subtitle[b-8thidxk36b] {
        margin-top: 4px;
        font-size: 0.59rem;
    }

    .mobile-menu-button[b-8thidxk36b] {
        display: flex;
    }

    .nav-scrollable[b-8thidxk36b] {
        display: none;
        max-height: calc(100vh - 74px);
        overflow-y: auto;
    }

    .mobile-menu-toggle:checked ~ .nav-scrollable[b-8thidxk36b] {
        display: flex;
    }
}
/* /Components/Layout/NotificationBell.razor.rz.scp.css */
.nb-link[b-tde7xpro0f] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    text-decoration: none;
    color: #35516b;
    font-size: .88rem;
    font-weight: 650;
    white-space: nowrap;
    border-radius: 8px;
    padding: 6px 8px;
}

    .nb-link:hover[b-tde7xpro0f] {
        color: #b60721;
        background: #faf0f1;
    }

.nb-count[b-tde7xpro0f] {
    background: #bd0023;
    color: #fff;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: .72rem;
    min-width: 19px;
    text-align: center;
}

@media(max-width:640.98px) {
    .nb-link[b-tde7xpro0f] {
        font-size: .77rem;
        gap: 5px;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-7ff2vamu2p],
.components-reconnect-repeated-attempt-visible[b-7ff2vamu2p],
.components-reconnect-failed-visible[b-7ff2vamu2p],
.components-pause-visible[b-7ff2vamu2p],
.components-resume-failed-visible[b-7ff2vamu2p],
.components-rejoining-animation[b-7ff2vamu2p] {
    display: none;
}

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


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

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

}

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

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

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

@keyframes components-reconnect-modal-fadeInOpacity-b-7ff2vamu2p {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AlarmAutomation.razor.rz.scp.css */
.aa-page[b-fiqph1mplb] {
    margin: 0 auto;
    max-width: 1550px;
    padding: 32px;
    color: #18354c;
}

.aa-head[b-fiqph1mplb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 26px;
}

.aa-eyebrow[b-fiqph1mplb] {
    color: #b90028;
    font-size: 12px;
    letter-spacing: .16em;
    font-weight: 800;
}

.aa-head h1[b-fiqph1mplb] {
    margin: 8px 0;
    font-size: 34px;
}

.aa-head p[b-fiqph1mplb] {
    margin: 0;
    color: #60778d;
}

.aa-back[b-fiqph1mplb] {
    border: 1px solid #cfdfeb;
    padding: 12px 18px;
    border-radius: 10px;
    text-decoration: none;
    color: #184466;
}

.aa-panel[b-fiqph1mplb] {
    background: #fff;
    border: 1px solid #dbe5eb;
    padding: 22px;
    border-radius: 14px;
    margin-bottom: 20px;
}

    .aa-panel h2[b-fiqph1mplb] {
        margin: 0 0 16px;
        font-size: 22px;
    }

.aa-grid[b-fiqph1mplb] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
}

    .aa-grid > div[b-fiqph1mplb] {
        display: flex;
        flex-direction: column;
        gap: 7px;
        background: #f3f7fa;
        padding: 17px;
        border-radius: 10px;
    }

    .aa-grid span[b-fiqph1mplb] {
        font-size: 13px;
        color: #60778d;
    }

    .aa-grid strong[b-fiqph1mplb] {
        font-size: 20px;
    }

.aa-note[b-fiqph1mplb] {
    color: #587087;
    line-height: 1.6;
}

.aa-actions[b-fiqph1mplb] {
    display: flex;
    gap: 10px;
    margin-top: 18px;
}

    .aa-actions button[b-fiqph1mplb] {
        cursor: pointer;
        background: #b8002b;
        color: #fff;
        border: 1px solid #b8002b;
        padding: 12px 20px;
        border-radius: 9px;
        font-weight: 700;
    }

        .aa-actions button.aa-secondary[b-fiqph1mplb] {
            color: #153e59;
            background: #fff;
            border-color: #ccdfea;
        }

        .aa-actions button:disabled[b-fiqph1mplb] {
            opacity: .55;
            cursor: default;
        }

.aa-scroll[b-fiqph1mplb] {
    overflow-x: auto;
}

    .aa-scroll table[b-fiqph1mplb] {
        border-collapse: collapse;
        width: 100%;
        min-width: 1050px;
        font-size: 13px;
    }

    .aa-scroll td[b-fiqph1mplb], .aa-scroll th[b-fiqph1mplb] {
        border-bottom: 1px solid #e2e9ee;
        padding: 11px 9px;
        text-align: left;
        vertical-align: top;
    }

    .aa-scroll th[b-fiqph1mplb] {
        background: #f1f5f8;
        color: #526a7c;
    }

.aa-error[b-fiqph1mplb] {
    color: #a11a30;
}

.aa-success[b-fiqph1mplb] {
    color: #176047;
}

@media(max-width:850px) {
    .aa-page[b-fiqph1mplb] {
        padding: 18px;
    }

    .aa-grid[b-fiqph1mplb] {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .aa-head[b-fiqph1mplb] {
        flex-direction: column;
    }
}
/* /Components/Pages/AlarmCaseReports.razor.rz.scp.css */
.acr-page[b-dhtrwi6etz] {
    padding: 30px 38px 55px;
    color: #1b4057;
    background: #f6f8fb;
    min-height: 100vh
}

.acr-head[b-dhtrwi6etz] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 20px;
    margin-bottom: 25px
}

.acr-eyebrow[b-dhtrwi6etz] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #b50925;
    margin-bottom: 8px
}

.acr-head h1[b-dhtrwi6etz] {
    font-size: 33px;
    font-weight: 500;
    margin: 0 0 5px
}

.acr-head p[b-dhtrwi6etz] {
    font-size: 15px;
    color: #56768a;
    margin: 0
}

.acr-panel[b-dhtrwi6etz] {
    background: #fff;
    border: 1px solid #dce8ee;
    padding: 27px;
    border-radius: 15px
}

    .acr-panel h2[b-dhtrwi6etz] {
        font-size: 22px;
        margin: 0 0 9px
    }

    .acr-panel p[b-dhtrwi6etz] {
        color: #657f92;
        line-height: 1.6;
        font-size: 13px
    }

.acr-filters[b-dhtrwi6etz] {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px;
    margin: 25px 0
}

    .acr-filters label[b-dhtrwi6etz] {
        display: flex;
        flex-direction: column;
        gap: 9px;
        font-size: 13px;
        font-weight: 700;
        color: #456277
    }

    .acr-filters select[b-dhtrwi6etz] {
        padding: 12px 10px;
        border: 1px solid #cbdce7;
        background: white;
        color: #294a60;
        border-radius: 8px;
        font: inherit
    }

.acr-actions[b-dhtrwi6etz] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.acr-button[b-dhtrwi6etz] {
    display: inline-block;
    padding: 13px 22px;
    border-radius: 9px;
    background: #b90624;
    color: #fff;
    border: 1px solid #b90624;
    text-decoration: none;
    font-weight: 700;
    cursor: pointer;
    font: inherit
}

.acr-outline[b-dhtrwi6etz] {
    background: #fff;
    border-color: #cbdce7;
    color: #224a65
}

.acr-button:disabled[b-dhtrwi6etz] {
    opacity: .5;
    cursor: wait
}

.acr-error[b-dhtrwi6etz] {
    padding: 14px;
    margin-bottom: 18px;
    background: #fce8ed;
    color: #93182c;
    border-radius: 9px
}

.acr-caveat[b-dhtrwi6etz] {
    margin-top: 22px;
    font-size: 12px !important
}

@media(max-width:800px) {
    .acr-filters[b-dhtrwi6etz] {
        grid-template-columns: 1fr
    }

    .acr-head[b-dhtrwi6etz] {
        flex-direction: column
    }

    .acr-page[b-dhtrwi6etz] {
        padding: 18px
    }
}
/* /Components/Pages/AlarmRules.razor.rz.scp.css */
.ar-page[b-a2gvixgvol] {
    padding: 30px 32px;
    max-width: 1550px;
    margin: auto;
    color: #173e56
}

.ar-header[b-a2gvixgvol] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 20px;
    margin-bottom: 26px
}

.ar-eyebrow[b-a2gvixgvol] {
    font-size: 12px;
    letter-spacing: 2px;
    color: #b80823;
    font-weight: 800
}

.ar-header h1[b-a2gvixgvol] {
    font-size: 36px;
    margin: 10px 0 7px
}

.ar-header p[b-a2gvixgvol] {
    color: #607a8f;
    margin: 0
}

.ar-back[b-a2gvixgvol] {
    border: 1px solid #cfdce6;
    border-radius: 9px;
    color: #214b68;
    padding: 11px 17px;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 700
}

    .ar-back:hover[b-a2gvixgvol] {
        background: #f4f8fa
    }

.ar-panel[b-a2gvixgvol] {
    background: #fff;
    border: 1px solid #dce6ed;
    border-radius: 14px;
    margin: 0 0 20px;
    overflow: hidden
}

.ar-panel-head[b-a2gvixgvol] {
    padding: 24px 25px 12px
}

    .ar-panel-head h2[b-a2gvixgvol] {
        font-size: 21px;
        margin: 0 0 7px
    }

    .ar-panel-head p[b-a2gvixgvol] {
        color: #637a8e;
        line-height: 1.5;
        margin: 0 0 9px;
        font-size: 13px
    }

    .ar-panel-head small[b-a2gvixgvol] {
        font-size: 12px;
        color: #67839b
    }

.ar-groups[b-a2gvixgvol] {
    padding: 8px 25px;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 20px
}

    .ar-groups fieldset[b-a2gvixgvol] {
        min-width: 0;
        border: 1px solid #dfe8ed;
        border-radius: 11px;
        padding: 18px 19px 12px
    }

    .ar-groups legend[b-a2gvixgvol] {
        font-weight: 800;
        color: #214a64;
        font-size: 15px;
        padding: 0 6px
    }

    .ar-groups p[b-a2gvixgvol] {
        color: #6a8092;
        line-height: 1.5;
        font-size: 12px
    }

.ar-fields[b-a2gvixgvol] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px
}

.ar-fields-three[b-a2gvixgvol] {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.ar-fields label[b-a2gvixgvol] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #3a6079
}

.ar-fields input[b-a2gvixgvol] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #cfdee8;
    padding: 11px 12px;
    border-radius: 8px;
    color: #183950;
    font-size: 15px
}

.ar-save[b-a2gvixgvol] {
    padding: 22px 25px 25px
}

    .ar-save label[b-a2gvixgvol] {
        display: block;
        font-size: 12px;
        font-weight: 700;
        color: #3d6078
    }

    .ar-save textarea[b-a2gvixgvol] {
        display: block;
        box-sizing: border-box;
        width: 100%;
        margin-top: 8px;
        padding: 12px;
        border-radius: 8px;
        border: 1px solid #cfdee8;
        min-height: 70px;
        resize: vertical;
        font: inherit
    }

.ar-actions[b-a2gvixgvol] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px
}

    .ar-actions button[b-a2gvixgvol] {
        cursor: pointer;
        background: #b60922;
        color: #fff;
        padding: 11px 18px;
        border-radius: 9px;
        border: 1px solid #b60922;
        font-weight: 700
    }

        .ar-actions button.ar-secondary[b-a2gvixgvol] {
            background: #fff;
            color: #b60922
        }

        .ar-actions button:disabled[b-a2gvixgvol] {
            opacity: .5;
            cursor: wait
        }

.ar-notice[b-a2gvixgvol] {
    background: #eaf3f9;
    color: #275473;
    border: 1px solid #cbdfea;
    padding: 12px 16px;
    margin: 12px 0;
    border-radius: 9px
}

.ar-error[b-a2gvixgvol] {
    background: #fff0f1;
    color: #aa2136;
    border-color: #efc8cf
}

.ar-table-scroll[b-a2gvixgvol] {
    overflow: auto
}

.ar-history table[b-a2gvixgvol] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1000px;
    font-size: 12px
}

.ar-history th[b-a2gvixgvol] {
    background: #f1f5f8;
    text-align: left;
    color: #506c7e;
    padding: 14px
}

.ar-history td[b-a2gvixgvol] {
    padding: 15px;
    border-top: 1px solid #e4edf2;
    vertical-align: top;
    line-height: 1.6
}

.ar-empty[b-a2gvixgvol] {
    text-align: center;
    color: #688090
}

.ar-caveat[b-a2gvixgvol] {
    font-size: 12px;
    line-height: 1.6;
    color: #748b9a;
    margin-top: 18px
}

@media(max-width:950px) {
    .ar-groups[b-a2gvixgvol] {
        grid-template-columns: 1fr
    }
}

@media(max-width:520px) {
    .ar-page[b-a2gvixgvol] {
        padding: 20px 12px
    }

    .ar-fields[b-a2gvixgvol] {
        grid-template-columns: 1fr
    }

    .ar-header[b-a2gvixgvol] {
        flex-direction: column
    }
}
/* /Components/Pages/AlarmSignals.razor.rz.scp.css */
.as-page[b-ubk8m763t5] {
    max-width: 1560px;
    margin: 0 auto;
    padding: 12px 12px 40px;
    color: #263c50
}

.as-header[b-ubk8m763t5] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.as-eyebrow[b-ubk8m763t5] {
    font-size: 11px;
    letter-spacing: .14em;
    font-weight: 800;
    color: #ad0620;
    margin-bottom: 6px
}

.as-header h1[b-ubk8m763t5] {
    font-size: clamp(27px,2.5vw,35px);
    margin: 0 0 7px;
    color: #19394f
}

.as-header p[b-ubk8m763t5] {
    font-size: 14px;
    color: #667c8e;
    margin: 0
}

.as-button[b-ubk8m763t5] {
    background: #b90922;
    border: 1px solid #b90922;
    border-radius: 9px;
    color: #fff;
    padding: 11px 20px;
    cursor: pointer;
    font-weight: 700
}

    .as-button:disabled[b-ubk8m763t5] {
        opacity: .6;
        cursor: wait
    }

.as-notice[b-ubk8m763t5], .as-timebar[b-ubk8m763t5] {
    border-radius: 10px;
    padding: 13px 17px;
    background: #eaf3f8;
    color: #526d80;
    margin-bottom: 20px;
    border: 1px solid #dbe8f0;
    font-size: 13px
}

.as-error[b-ubk8m763t5] {
    background: #fff3f3;
    border-color: #f2d4d8;
    color: #922232
}

.as-timebar[b-ubk8m763t5] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 30px
}

.as-stats[b-ubk8m763t5] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 15px;
    margin-bottom: 20px
}

.as-stat[b-ubk8m763t5] {
    border: 1px solid #dfe7ed;
    background: #fff;
    border-radius: 13px;
    padding: 18px 21px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

    .as-stat span[b-ubk8m763t5] {
        font-size: 12px;
        color: #61788b
    }

    .as-stat strong[b-ubk8m763t5] {
        font-size: 29px;
        color: #143a53
    }

.as-panel[b-ubk8m763t5] {
    background: #fff;
    border: 1px solid #dfe7ed;
    border-radius: 14px;
    overflow: hidden
}

.as-panel-head[b-ubk8m763t5] {
    padding: 20px 23px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap
}

    .as-panel-head h2[b-ubk8m763t5] {
        margin: 0 0 5px;
        font-size: 20px;
        color: #183a53
    }

    .as-panel-head p[b-ubk8m763t5] {
        margin: 0;
        color: #687e90;
        font-size: 13px
    }

.as-pill[b-ubk8m763t5] {
    border-radius: 20px;
    background: #eef3f6;
    color: #375771;
    padding: 8px 13px;
    font-size: 12px;
    font-weight: 700
}

.as-filters[b-ubk8m763t5] {
    padding: 16px 23px 22px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px
}

    .as-filters label[b-ubk8m763t5] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        font-size: 12px;
        color: #465f75;
        font-weight: 700
    }

    .as-filters select[b-ubk8m763t5], .as-filters input[b-ubk8m763t5] {
        font: inherit;
        font-weight: 400;
        color: #29445e;
        border: 1px solid #cfdee9;
        border-radius: 9px;
        padding: 13px 14px;
        background: #fff;
        width: 100%;
        min-width: 0
    }

.as-table-scroll[b-ubk8m763t5] {
    overflow-x: auto
}

table[b-ubk8m763t5] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    min-width: 1050px
}

th[b-ubk8m763t5] {
    text-align: left;
    color: #49657a;
    background: #f1f5f8;
    padding: 13px 12px;
    font-size: 12px;
    white-space: nowrap
}

td[b-ubk8m763t5] {
    border-top: 1px solid #e4edf2;
    padding: 15px 12px;
    vertical-align: top
}

    td small[b-ubk8m763t5] {
        display: block;
        margin-top: 4px;
        color: #74899a
    }

    td a[b-ubk8m763t5] {
        color: #123f62;
        font-weight: 700;
        text-decoration: none
    }

        td a:hover[b-ubk8m763t5] {
            text-decoration: underline
        }

.as-severity[b-ubk8m763t5] {
    display: inline-block;
    border-radius: 99px;
    padding: 5px 11px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap
}

.as-critical[b-ubk8m763t5] {
    background: #fce9eb;
    color: #a20c25
}

.as-warning[b-ubk8m763t5] {
    background: #fff2db;
    color: #916000
}

.as-attention[b-ubk8m763t5] {
    background: #eaf1f6;
    color: #45667c
}

.as-empty[b-ubk8m763t5] {
    text-align: center;
    padding: 35px 20px;
    color: #65798b
}

.as-footer[b-ubk8m763t5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 16px 22px;
    color: #647d90;
    font-size: 13px
}

.as-pager[b-ubk8m763t5] {
    display: flex;
    gap: 9px
}

    .as-pager button[b-ubk8m763t5] {
        border: 1px solid #cbdce6;
        border-radius: 7px;
        padding: 8px 14px;
        color: #235073;
        background: #fff;
        cursor: pointer
    }

        .as-pager button:disabled[b-ubk8m763t5] {
            opacity: .5;
            cursor: default
        }

.as-caveat[b-ubk8m763t5] {
    font-size: 12px;
    color: #6a8190;
    line-height: 1.6;
    margin-top: 15px
}

@media(max-width:950px) {
    .as-stats[b-ubk8m763t5] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .as-filters[b-ubk8m763t5] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width:560px) {
    .as-stats[b-ubk8m763t5], .as-filters[b-ubk8m763t5] {
        grid-template-columns: 1fr
    }
}

.as-stats[b-ubk8m763t5] {
    grid-template-columns: repeat(5,minmax(0,1fr))
}

.as-table-scroll table[b-ubk8m763t5] {
    min-width: 1200px
}

@media(max-width:1100px) {
    .as-stats[b-ubk8m763t5] {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@media(max-width:700px) {
    .as-stats[b-ubk8m763t5] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width:560px) {
    .as-stats[b-ubk8m763t5] {
        grid-template-columns: 1fr
    }
}

.as-register[b-ubk8m763t5] {
    margin-top: 22px
}

    .as-register .as-notice[b-ubk8m763t5] {
        margin: 0 22px 12px
    }

.as-casestats[b-ubk8m763t5] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    padding: 12px 23px;
    color: #425f75;
    font-size: 13px
}

.as-casefilters[b-ubk8m763t5] {
    padding: 8px 23px 17px;
    display: flex;
    gap: 12px
}

    .as-casefilters label[b-ubk8m763t5] {
        display: flex;
        flex-direction: column;
        gap: 7px;
        color: #49657a;
        font-size: 12px;
        font-weight: 700;
        min-width: 190px
    }

    .as-casefilters select[b-ubk8m763t5] {
        border: 1px solid #cfdee9;
        border-radius: 8px;
        padding: 10px 12px;
        background: #fff;
        color: #2c4659
    }

.as-case-table[b-ubk8m763t5] {
    min-width: 1050px
}

    .as-case-table th[b-ubk8m763t5], .as-history-table th[b-ubk8m763t5] {
        text-align: left
    }

.as-case-status[b-ubk8m763t5] {
    display: inline-flex;
    border-radius: 20px;
    padding: 5px 10px;
    background: #eef3f6;
    font-weight: 700;
    font-size: 12px;
    color: #35566c
}

.as-linkbtn[b-ubk8m763t5] {
    padding: 7px 10px;
    background: #fff;
    border: 1px solid #d2e0ea;
    color: #244c6a;
    border-radius: 7px;
    cursor: pointer;
    font-weight: 700
}

    .as-linkbtn:disabled[b-ubk8m763t5] {
        opacity: .5;
        cursor: wait
    }

.as-review[b-ubk8m763t5] {
    border-top: 1px solid #dce6ee;
    padding: 22px 23px
}

.as-review-head[b-ubk8m763t5] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: start
}

    .as-review-head h3[b-ubk8m763t5] {
        font-size: 18px;
        color: #193e55;
        margin: 0 0 8px
    }

    .as-review-head p[b-ubk8m763t5] {
        font-size: 13px;
        color: #567082;
        margin: 0 0 16px
    }

.as-notelabel[b-ubk8m763t5] {
    display: block;
    color: #49657a;
    font-weight: 700;
    margin: 8px 0;
    font-size: 12px
}

.as-review textarea[b-ubk8m763t5] {
    box-sizing: border-box;
    width: 100%;
    font: inherit;
    font-size: 13px;
    line-height: 1.5;
    border: 1px solid #cfdee9;
    border-radius: 8px;
    padding: 12px;
    resize: vertical
}

.as-review-actions[b-ubk8m763t5] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px
}

.as-secondary[b-ubk8m763t5] {
    background: white;
    color: #a30820
}

.as-case-note[b-ubk8m763t5], .as-case-footer[b-ubk8m763t5] {
    font-size: 12px;
    color: #688093;
    line-height: 1.6
}

.as-review h4[b-ubk8m763t5] {
    font-size: 15px;
    color: #1d435c;
    margin: 20px 0 10px
}

.as-history-table[b-ubk8m763t5] {
    min-width: 850px
}

.as-case-footer[b-ubk8m763t5] {
    padding: 6px 23px 18px;
    margin: 0
}

/* Step 32A.3.1 — unified overview, per-section summaries and selective registration. */
.as-overview[b-ubk8m763t5] {
    background: #fff;
    border: 1px solid #dfe7ed;
    border-radius: 14px;
    padding: 17px 19px;
    margin-bottom: 20px
}

.as-overview-head h2[b-ubk8m763t5] {
    margin: 0 0 4px;
    color: #1c4057;
    font-size: 19px
}

.as-overview-head p[b-ubk8m763t5] {
    margin: 0 0 12px;
    color: #687e90;
    font-size: 12px;
    line-height: 1.5
}

.as-overview-row[b-ubk8m763t5] {
    display: grid;
    grid-template-columns: minmax(145px,190px) minmax(0,1fr);
    align-items: stretch;
    gap: 13px;
    padding: 10px 0
}

    .as-overview-row + .as-overview-row[b-ubk8m763t5] {
        border-top: 1px solid #e8eef2
    }

.as-overview-label[b-ubk8m763t5] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    padding: 0 4px
}

    .as-overview-label strong[b-ubk8m763t5] {
        font-size: 14px;
        color: #294960
    }

    .as-overview-label span[b-ubk8m763t5] {
        font-size: 12px;
        color: #728698;
        line-height: 1.5
    }

.as-overview .as-stats[b-ubk8m763t5] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 10px;
    margin: 0
}

.as-overview .as-stat[b-ubk8m763t5] {
    padding: 12px 15px;
    border-radius: 10px;
    gap: 6px
}

    .as-overview .as-stat strong[b-ubk8m763t5] {
        font-size: 25px
    }

.as-inline-summary[b-ubk8m763t5] {
    padding: 4px 23px 0;
    display: flex;
    gap: 9px 23px;
    flex-wrap: wrap;
    font-size: 12px;
    color: #587386
}

    .as-inline-summary b[b-ubk8m763t5] {
        color: #274962
    }

.as-selectpage[b-ubk8m763t5] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 700;
    color: #37556d
}

.as-selectionbar[b-ubk8m763t5] {
    padding: 12px 23px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    border-block: 1px solid #e3edf3;
    background: #f9fbfd;
    color: #5d778a;
    font-size: 12px
}

    .as-selectionbar input[type="checkbox"][b-ubk8m763t5], .as-table-scroll input[type="checkbox"][b-ubk8m763t5] {
        width: 16px;
        height: 16px;
        accent-color: #b90922;
        cursor: pointer
    }

    .as-selectionbar .as-button[b-ubk8m763t5] {
        margin-left: auto;
        padding: 9px 13px;
        font-size: 12px
    }

    .as-selectionbar .as-linkbtn[b-ubk8m763t5] {
        font-size: 12px
    }

.as-case-status.as-status-open[b-ubk8m763t5] {
    background: #fff2db;
    color: #885a00
}

.as-case-status.as-status-acknowledged[b-ubk8m763t5] {
    background: #eaf1fd;
    color: #245eaa
}

.as-case-status.as-status-resolved[b-ubk8m763t5] {
    background: #e5f5ed;
    color: #14643f
}

@media(max-width:980px) {
    .as-overview-row[b-ubk8m763t5] {
        grid-template-columns: 1fr
    }

    .as-overview .as-stats[b-ubk8m763t5] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width:500px) {
    .as-overview .as-stats[b-ubk8m763t5] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .as-selectionbar .as-button[b-ubk8m763t5] {
        margin-left: 0;
        width: 100%
    }
}

.as-row-selected[b-ubk8m763t5] {
    background: #fff9fa
}


/* Step 32A.3.2 — per-alert case registration visibility. */
.as-registration-status[b-ubk8m763t5] {
    display: inline-flex;
    max-width: 160px;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    white-space: normal
}

    .as-registration-status.as-status-unregistered[b-ubk8m763t5] {
        background: #edf2f5;
        color: #47647a
    }

    .as-registration-status.as-status-open[b-ubk8m763t5] {
        background: #fff2db;
        color: #885a00
    }

    .as-registration-status.as-status-acknowledged[b-ubk8m763t5] {
        background: #eaf1fd;
        color: #245eaa
    }

    .as-registration-status.as-status-resolved[b-ubk8m763t5] {
        background: #e5f5ed;
        color: #14643f
    }

    .as-registration-status.as-status-new-evidence[b-ubk8m763t5] {
        background: #f4eaff;
        color: #6b3c94
    }

.as-table-scroll input[type="checkbox"]:disabled[b-ubk8m763t5] {
    cursor: not-allowed;
    opacity: .4
}

.as-registration-help[b-ubk8m763t5] {
    padding: 9px 23px 0;
    color: #6a8190;
    font-size: 12px;
    line-height: 1.5;
    margin: 0
}

/* Step 32A.4 — alarm rule configuration entry. */
.as-header-actions[b-ubk8m763t5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px
}

.as-rules-link[b-ubk8m763t5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 15px;
    background: #fff;
    border: 1px solid #cfdee9;
    border-radius: 9px;
    color: #254e6d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700
}

    .as-rules-link:hover[b-ubk8m763t5] {
        background: #f3f8fa
    }
/* /Components/Pages/CustomerDetails.razor.rz.scp.css */
.details-page[b-wgzrvi875a] {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 26px 48px;
    color: #203447
}

.details-header[b-wgzrvi875a] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 22px
}

.details-eyebrow[b-wgzrvi875a] {
    color: #b60b1b;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .16em;
    margin-bottom: 8px
}

.details-header h1[b-wgzrvi875a] {
    font-size: 2rem;
    letter-spacing: -.03em;
    font-weight: 760;
    margin: 0 0 8px
}

.details-header p[b-wgzrvi875a], .details-sites-header p[b-wgzrvi875a] {
    color: #62758a;
    margin: 0
}

.details-header-actions[b-wgzrvi875a] {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 9px
}

.details-button[b-wgzrvi875a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: 1px solid #ccd8e2;
    border-radius: 7px;
    color: #344b61;
    padding: 10px 16px;
    text-decoration: none;
    font-size: .88rem;
    font-weight: 680;
    cursor: pointer
}

    .details-button:hover[b-wgzrvi875a] {
        background: #f4f7f9;
        color: #233a50
    }

    .details-button:disabled[b-wgzrvi875a] {
        cursor: not-allowed;
        opacity: .6
    }

.details-primary[b-wgzrvi875a] {
    background: #b60b1b;
    border-color: #b60b1b;
    color: white
}

    .details-primary:hover[b-wgzrvi875a] {
        background: #960a17;
        color: white
    }

.details-card[b-wgzrvi875a] {
    background: white;
    border: 1px solid #e1e8ef;
    border-radius: 12px;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0 2px 14px rgba(32,52,71,.035)
}

.details-card-header[b-wgzrvi875a] {
    padding: 25px 28px 20px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid #e9eef2
}

.details-code[b-wgzrvi875a] {
    font-size: .76rem;
    font-weight: 850;
    letter-spacing: .05em;
    color: #b60b1b
}

.details-card-header h2[b-wgzrvi875a] {
    font-weight: 760;
    font-size: 1.45rem;
    margin: 7px 0 5px
}

.details-card-header p[b-wgzrvi875a] {
    color: #607588;
    margin: 0
}

.details-status[b-wgzrvi875a] {
    background: #edf4f7;
    border: 1px solid #d9e7ef;
    border-radius: 999px;
    color: #455b6d;
    padding: 5px 13px;
    font-weight: 650;
    font-size: .82rem;
    white-space: nowrap
}

.details-facts[b-wgzrvi875a] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 22px 30px;
    margin: 0;
    padding: 25px 28px
}

    .details-facts div[b-wgzrvi875a] {
        min-width: 0
    }

    .details-facts dt[b-wgzrvi875a] {
        font-size: .75rem;
        color: #6d7f8d;
        font-weight: 700;
        margin-bottom: 6px
    }

    .details-facts dd[b-wgzrvi875a] {
        font-size: .94rem;
        margin: 0;
        overflow-wrap: anywhere
    }

.details-notes[b-wgzrvi875a] {
    border-top: 1px solid #e9eef2;
    padding: 20px 28px
}

    .details-notes h3[b-wgzrvi875a] {
        font-size: .9rem;
        margin: 0 0 8px
    }

    .details-notes p[b-wgzrvi875a] {
        color: #526778;
        margin: 0;
        white-space: pre-wrap;
        overflow-wrap: anywhere
    }

.details-sites-header[b-wgzrvi875a] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    padding: 22px 27px;
    border-bottom: 1px solid #e9eef2
}

    .details-sites-header h2[b-wgzrvi875a] {
        font-size: 1.18rem;
        font-weight: 760;
        margin: 0 0 5px
    }

    .details-sites-header p[b-wgzrvi875a] {
        font-size: .85rem
    }

.details-count[b-wgzrvi875a] {
    color: #576a7c;
    font-size: .85rem;
    font-weight: 650;
    white-space: nowrap
}

.details-sites-message[b-wgzrvi875a] {
    padding: 25px 28px;
    color: #697c8e;
    font-size: .9rem
}

.details-table-wrap[b-wgzrvi875a] {
    overflow-x: auto
}

.details-table[b-wgzrvi875a] {
    width: 100%;
    border-collapse: collapse;
    font-size: .87rem
}

    .details-table th[b-wgzrvi875a] {
        padding: 13px 18px;
        text-align: left;
        background: #fbfcfe;
        border-bottom: 1px solid #e9eef2;
        color: #6b7e8e;
        font-size: .75rem;
        letter-spacing: .04em;
        text-transform: uppercase;
        white-space: nowrap
    }

    .details-table td[b-wgzrvi875a] {
        padding: 15px 18px;
        border-bottom: 1px solid #edf2f6;
        vertical-align: middle
    }

    .details-table tr:last-child td[b-wgzrvi875a] {
        border-bottom: 0
    }

.details-site-code[b-wgzrvi875a] {
    font-weight: 750;
    color: #b60b1b;
    white-space: nowrap
}

.details-truncated[b-wgzrvi875a] {
    padding: 14px 26px;
    color: #687c8c;
    font-size: .85rem
}

.details-notice[b-wgzrvi875a] {
    background: #fff;
    border: 1px solid #dce5ec;
    border-radius: 9px;
    padding: 18px 20px;
    color: #405a70
}

@media(max-width:720px) {
    .details-page[b-wgzrvi875a] {
        padding: 0 14px 35px
    }

    .details-header[b-wgzrvi875a] {
        flex-wrap: wrap
    }

        .details-header h1[b-wgzrvi875a] {
            font-size: 1.6rem
        }

    .details-facts[b-wgzrvi875a] {
        grid-template-columns: 1fr;
        padding: 20px
    }

    .details-card-header[b-wgzrvi875a], .details-sites-header[b-wgzrvi875a] {
        padding: 20px;
        flex-wrap: wrap
    }
}

.sd-related-site-link[b-wgzrvi875a] {
    color: #b60b1b;
    text-decoration: none;
    font-weight: 750
}

    .sd-related-site-link:hover[b-wgzrvi875a] {
        text-decoration: underline
    }


/* Step 30E.5B — consistent Details-page section navigation. */
.details-jump[b-wgzrvi875a] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 20px;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #e0e8ee;
    border-radius: 10px
}

    .details-jump > span[b-wgzrvi875a] {
        font-size: .76rem;
        color: #73889a;
        font-weight: 700;
        margin-right: 5px
    }

    .details-jump a[b-wgzrvi875a] {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
        padding: 6px 11px;
        text-decoration: none;
        color: #31526b;
        background: #f7f9fb;
        border: 1px solid #e2e9ee;
        border-radius: 7px;
        font-size: .82rem;
        font-weight: 680
    }

        .details-jump a:hover[b-wgzrvi875a] {
            color: #a80b1b;
            border-color: #d7c4c7;
            background: #fff7f7
        }

        .details-jump a:focus-visible[b-wgzrvi875a] {
            outline: 3px solid #236d98;
            outline-offset: 2px
        }

.details-button:focus-visible[b-wgzrvi875a] {
    outline: 3px solid #236d98;
    outline-offset: 2px
}

.details-card[id][b-wgzrvi875a] {
    scroll-margin-top: 18px
}

.details-related-link[b-wgzrvi875a] {
    color: #b60b1b;
    text-decoration: none;
    font-weight: 750
}

    .details-related-link:hover[b-wgzrvi875a] {
        text-decoration: underline
    }

.details-sites-message[b-wgzrvi875a] {
    margin: 16px 24px;
    background: #f7f9fb;
    border: 1px solid #e5edf2;
    border-radius: 9px;
    padding: 18px 20px
}


/* Step 30E.5C — semantic status cues. The text always carries the meaning;
   colors are supplementary and do not change any lifecycle rules. */
.details-status[data-state="Active" i][b-wgzrvi875a],
.details-status[data-state="InService" i][b-wgzrvi875a],
.details-status[data-state="Installed" i][b-wgzrvi875a],
.details-status[data-state="Operational" i][b-wgzrvi875a] {
    background: #eaf7ef;
    border-color: #b8dfc8;
    color: #205b3d;
}

.details-status[data-state="Planned" i][b-wgzrvi875a],
.details-status[data-state="Registered" i][b-wgzrvi875a] {
    background: #edf4fa;
    border-color: #cfdfed;
    color: #285776;
}

.details-status[data-state="Suspended" i][b-wgzrvi875a],
.details-status[data-state="Maintenance" i][b-wgzrvi875a],
.details-status[data-state="UnderMaintenance" i][b-wgzrvi875a] {
    background: #fff4df;
    border-color: #efd7a8;
    color: #815118;
}

.details-status[data-state="Inactive" i][b-wgzrvi875a],
.details-status[data-state="OutOfService" i][b-wgzrvi875a],
.details-status[data-state="Decommissioned" i][b-wgzrvi875a],
.details-status[data-state="Retired" i][b-wgzrvi875a] {
    background: #f0f3f5;
    border-color: #d4dce2;
    color: #4a5b68;
}
/* /Components/Pages/CustomerEditor.razor.rz.scp.css */
.customer-editor-page[b-rt6ewjvmae] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 26px 45px;
    color: #203447
}

.editor-breadcrumb[b-rt6ewjvmae] {
    font-size: .71rem;
    font-weight: 800;
    color: #b60b1b;
    letter-spacing: .14em;
    margin-bottom: 10px
}

.editor-heading[b-rt6ewjvmae] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 22px;
    margin-bottom: 22px
}

    .editor-heading h1[b-rt6ewjvmae] {
        font-size: 2rem;
        font-weight: 760;
        letter-spacing: -.03em;
        margin: 0 0 7px
    }

    .editor-heading p[b-rt6ewjvmae] {
        color: #62758a;
        margin: 0
    }

.editor-card[b-rt6ewjvmae] {
    border: 1px solid #e1e8ef;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 14px rgba(32,52,71,.035);
    overflow: hidden
}

.editor-card-top[b-rt6ewjvmae] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    background: #fbfcfe;
    border-bottom: 1px solid #e8edf2;
    padding: 23px 27px
}

    .editor-card-top h2[b-rt6ewjvmae] {
        margin: 3px 0;
        font-size: 1.25rem
    }

    .editor-card-top p[b-rt6ewjvmae] {
        margin: 4px 0;
        color: #758496;
        font-size: .83rem
    }

.editor-card-kicker[b-rt6ewjvmae] {
    font-weight: 800;
    letter-spacing: .11em;
    font-size: .7rem;
    color: #b60b1b
}

.editor-readonly-code[b-rt6ewjvmae] {
    font-weight: 750;
    color: #a5101f;
    background: #fff4f5;
    border: 1px solid #eedade;
    padding: 7px 12px;
    border-radius: 7px
}

.editor-form-grid[b-rt6ewjvmae] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 22px;
    row-gap: 20px;
    padding: 28px
}

.editor-field[b-rt6ewjvmae] {
    display: flex;
    flex-direction: column;
    gap: 7px
}

.editor-span-2[b-rt6ewjvmae] {
    grid-column: span 2
}

.editor-field label[b-rt6ewjvmae] {
    font-size: .85rem;
    color: #45596b;
    font-weight: 680
}

.editor-required[b-rt6ewjvmae] {
    color: #b60b1b
}

.editor-input[b-rt6ewjvmae] {
    width: 100%;
    min-height: 43px;
    box-sizing: border-box;
    border: 1px solid #c9d5e0;
    border-radius: 7px;
    padding: 9px 12px;
    background: #fff;
    font: inherit;
    color: #203447;
    outline-offset: 2px
}

    .editor-input:focus[b-rt6ewjvmae] {
        border-color: #b60b1b;
        outline: 2px solid rgba(182,11,27,.11)
    }

.editor-textarea[b-rt6ewjvmae] {
    min-height: 118px;
    resize: vertical
}

.editor-hint[b-rt6ewjvmae] {
    font-size: .78rem;
    color: #768798
}

.editor-actions[b-rt6ewjvmae] {
    display: flex;
    gap: 11px;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #e8edf2;
    padding: 22px 28px
}

.editor-button[b-rt6ewjvmae] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 7px;
    padding: 10px 17px;
    min-height: 41px;
    box-sizing: border-box;
    font-size: .89rem;
    font-weight: 680;
    cursor: pointer
}

.editor-button-primary[b-rt6ewjvmae] {
    background: #b60b1b;
    color: #fff;
    border: 1px solid #b60b1b
}

    .editor-button-primary:hover[b-rt6ewjvmae] {
        background: #940916;
        color: #fff
    }

.editor-button-secondary[b-rt6ewjvmae] {
    background: #fff;
    color: #344b61;
    border: 1px solid #cdd8e2
}

    .editor-button-secondary:hover[b-rt6ewjvmae] {
        background: #f3f6f9;
        color: #233a50
    }

.editor-button:disabled[b-rt6ewjvmae], fieldset:disabled[b-rt6ewjvmae] {
    opacity: .65;
    cursor: not-allowed
}

.editor-notice[b-rt6ewjvmae] {
    background: #f8fafc;
    border: 1px solid #dce5ec;
    border-radius: 9px;
    padding: 15px 18px;
    margin: 18px 27px;
    color: #3c5368
}

.editor-error[b-rt6ewjvmae] {
    background: #fff7f7;
    border-color: #e5bfc5;
    color: #912132
}

.editor-success[b-rt6ewjvmae] {
    background: #f1f8f4;
    border-color: #c5e0ce;
    color: #24603c
}

.editor-validation-summary[b-rt6ewjvmae] {
    margin: 20px 27px 0;
    color: #a1182b;
    font-size: .89rem
}

.validation-message[b-rt6ewjvmae] {
    color: #a1182b;
    font-size: .79rem
}

@media(max-width:640px) {
    .customer-editor-page[b-rt6ewjvmae] {
        padding: 0 13px 32px
    }

    .editor-heading[b-rt6ewjvmae] {
        flex-wrap: wrap
    }

        .editor-heading h1[b-rt6ewjvmae] {
            font-size: 1.6rem
        }

    .editor-form-grid[b-rt6ewjvmae] {
        grid-template-columns: 1fr;
        padding: 18px
    }

    .editor-span-2[b-rt6ewjvmae] {
        grid-column: span 1
    }

    .editor-actions[b-rt6ewjvmae] {
        padding: 17px
    }

    .editor-card-top[b-rt6ewjvmae] {
        padding: 18px
    }
}

/* Step 30E.1 — Customer-first reusable asset form standard. */
.customer-editor-page fieldset[b-rt6ewjvmae] {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0
}

.editor-form-intro[b-rt6ewjvmae] {
    padding: 15px 28px;
    border-bottom: 1px solid #e8edf2;
    background: #fff;
    font-size: .81rem;
    color: #617588
}

.editor-form-intro-divider[b-rt6ewjvmae] {
    padding: 0 9px;
    color: #9baab8
}

.editor-sections[b-rt6ewjvmae] {
    display: flex;
    flex-direction: column
}

.editor-section[b-rt6ewjvmae] {
    padding: 25px 28px 27px
}

    .editor-section + .editor-section[b-rt6ewjvmae] {
        border-top: 1px solid #e9eef3
    }

.editor-section-header[b-rt6ewjvmae] {
    margin-bottom: 17px
}

    .editor-section-header h3[b-rt6ewjvmae] {
        font-size: 1.06rem;
        font-weight: 780;
        letter-spacing: -.015em;
        color: #203447;
        margin: 0 0 5px
    }

    .editor-section-header p[b-rt6ewjvmae] {
        font-size: .84rem;
        color: #667c91;
        margin: 0
    }

.editor-section .editor-form-grid[b-rt6ewjvmae] {
    padding: 0;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px 22px
}

.editor-field[b-rt6ewjvmae] {
    min-width: 0
}

.editor-form-grid .editor-input[b-rt6ewjvmae] {
    min-width: 0
}

.editor-field label[b-rt6ewjvmae] {
    display: inline-block
}

.editor-notice.editor-success a[b-rt6ewjvmae] {
    display: inline-block;
    margin-left: 12px;
    color: #1b6845;
    text-decoration: underline;
    font-weight: 700
}

.customer-editor-page .editor-button:focus-visible[b-rt6ewjvmae],
.customer-editor-page .editor-input:focus-visible[b-rt6ewjvmae] {
    outline: 3px solid rgba(182,11,27,.2);
    outline-offset: 2px
}

@media(max-width:640px) {
    .editor-form-intro[b-rt6ewjvmae] {
        padding: 14px 18px
    }

    .editor-section[b-rt6ewjvmae] {
        padding: 18px
    }

        .editor-section .editor-form-grid[b-rt6ewjvmae] {
            grid-template-columns: minmax(0,1fr);
            gap: 15px
        }

        .editor-section .editor-span-2[b-rt6ewjvmae] {
            grid-column: span 1
        }

    .editor-notice.editor-success a[b-rt6ewjvmae] {
        display: block;
        margin: 9px 0 0
    }
}
/* /Components/Pages/Customers.razor.rz.scp.css */
.customer-page[b-b3nwuvgzk9] {
    max-width: 1560px;
    margin: 0 auto;
    padding: 0 26px 40px;
    color: #203447;
}

.customer-heading[b-b3nwuvgzk9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 22px;
}

.customer-eyebrow[b-b3nwuvgzk9] {
    color: #b60b1b;
    font-size: .7rem;
    letter-spacing: .16em;
    font-weight: 800;
    margin-bottom: 8px;
}

.customer-heading h1[b-b3nwuvgzk9] {
    font-size: 2rem;
    font-weight: 750;
    letter-spacing: -.035em;
    margin: 0 0 8px;
}

.customer-heading p[b-b3nwuvgzk9] {
    color: #62758a;
    margin: 0;
}

.customer-heading-actions[b-b3nwuvgzk9] {
    padding-top: 16px;
}

.customer-panel[b-b3nwuvgzk9] {
    background: #fff;
    border: 1px solid #e1e8ef;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 14px rgba(32,52,71,.035);
}

.customer-panel-header[b-b3nwuvgzk9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 24px 14px;
}

    .customer-panel-header h2[b-b3nwuvgzk9] {
        margin: 0 0 4px;
        font-size: 1.14rem;
        font-weight: 750;
    }

    .customer-panel-header p[b-b3nwuvgzk9] {
        color: #65778a;
        margin: 0;
        font-size: .88rem;
    }

.customer-readonly-note[b-b3nwuvgzk9] {
    color: #728093;
    font-size: .8rem;
}

.customer-filters[b-b3nwuvgzk9] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 14px 24px 22px;
}

.customer-field[b-b3nwuvgzk9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 300px;
    color: #536578;
    font-weight: 650;
    font-size: .82rem;
}

.customer-status-filter[b-b3nwuvgzk9] {
    flex: 0 1 220px;
}

.customer-input[b-b3nwuvgzk9] {
    width: 100%;
    box-sizing: border-box;
    height: 41px;
    padding: 0 12px;
    border: 1px solid #cbd6e1;
    background: #fff;
    border-radius: 7px;
    outline-offset: 2px;
    color: #203447;
    font-weight: 450;
    font-size: .9rem;
}

    .customer-input:focus[b-b3nwuvgzk9] {
        border-color: #b60b1b;
        outline: 2px solid rgba(182,11,27,.13);
    }

.customer-button-primary[b-b3nwuvgzk9], .customer-button-secondary[b-b3nwuvgzk9] {
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 7px;
    font-weight: 650;
    cursor: pointer;
    font-size: .89rem;
}

.customer-button-primary[b-b3nwuvgzk9] {
    color: #fff;
    background: #b60b1b;
    border: 1px solid #b60b1b;
}

    .customer-button-primary:hover[b-b3nwuvgzk9] {
        background: #970a17;
    }

.customer-button-secondary[b-b3nwuvgzk9] {
    background: #fff;
    border: 1px solid #ccd6e0;
    color: #31485c;
}

    .customer-button-secondary:hover[b-b3nwuvgzk9] {
        background: #f4f7f9;
    }

button:disabled[b-b3nwuvgzk9] {
    opacity: .55;
    cursor: not-allowed;
}

.customer-result-bar[b-b3nwuvgzk9] {
    display: flex;
    justify-content: space-between;
    padding: 11px 24px;
    gap: 10px;
    color: #5e7284;
    background: #f7f9fb;
    font-size: .85rem;
    border-top: 1px solid #edf1f5;
}

.customer-table-wrap[b-b3nwuvgzk9] {
    width: 100%;
    overflow-x: auto;
}

.customer-table[b-b3nwuvgzk9] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: .88rem;
}

    .customer-table th[b-b3nwuvgzk9] {
        padding: 13px 17px;
        color: #5e7081;
        font-size: .73rem;
        text-transform: uppercase;
        letter-spacing: .045em;
        white-space: nowrap;
        background: #fbfcfe;
        border-bottom: 1px solid #e6ecf2;
    }

    .customer-table td[b-b3nwuvgzk9] {
        padding: 15px 17px;
        border-bottom: 1px solid #edf1f5;
        vertical-align: middle;
    }

    .customer-table tbody tr:hover[b-b3nwuvgzk9] {
        background: #fafbfc;
    }

.customer-code[b-b3nwuvgzk9] {
    font-weight: 750;
    color: #ad1020;
    white-space: nowrap;
}

.customer-name[b-b3nwuvgzk9] {
    font-weight: 700;
}

.customer-subline[b-b3nwuvgzk9] {
    margin-top: 4px;
    color: #758496;
    font-size: .79rem;
}

.customer-numeric[b-b3nwuvgzk9] {
    font-variant-numeric: tabular-nums;
}

.customer-status-tag[b-b3nwuvgzk9] {
    background: #eff3f6;
    color: #41576a;
    border: 1px solid #dce5ec;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: .78rem;
    white-space: nowrap;
}

.customer-empty[b-b3nwuvgzk9] {
    text-align: center;
    padding: 28px !important;
    color: #6a7d8f;
}

.customer-pager[b-b3nwuvgzk9] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    padding: 16px 24px;
    color: #54677a;
    font-size: .85rem;
}

.customer-notice[b-b3nwuvgzk9] {
    margin: 18px 24px;
    padding: 18px;
    border: 1px solid #d8e2eb;
    border-radius: 9px;
    background: #fff;
    color: #435a70;
}

.customer-error[b-b3nwuvgzk9] {
    border-color: #e9c9ce;
}

@media(max-width:680px) {
    .customer-page[b-b3nwuvgzk9] {
        padding: 0 14px 28px;
    }

    .customer-heading[b-b3nwuvgzk9] {
        flex-wrap: wrap;
    }

        .customer-heading h1[b-b3nwuvgzk9] {
            font-size: 1.65rem;
        }

    .customer-panel-header[b-b3nwuvgzk9] {
        padding: 18px 15px 12px;
        flex-wrap: wrap;
    }

    .customer-filters[b-b3nwuvgzk9] {
        padding: 12px 15px 18px;
    }

    .customer-result-bar[b-b3nwuvgzk9] {
        padding: 10px 15px;
    }

    .customer-pager[b-b3nwuvgzk9] {
        padding: 12px 15px;
        justify-content: center;
    }
}

/* Step 30A.2 management links */
.customer-heading-actions[b-b3nwuvgzk9] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap
}

.customer-action-link[b-b3nwuvgzk9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-sizing: border-box
}

    .customer-action-link:hover[b-b3nwuvgzk9] {
        color: #fff;
        text-decoration: none
    }

.customer-edit-link[b-b3nwuvgzk9] {
    font-weight: 730;
    color: #b60b1b;
    text-decoration: none
}

    .customer-edit-link:hover[b-b3nwuvgzk9] {
        text-decoration: underline;
        color: #920a17
    }

/* Step 30A.3: Customer detail navigation for all authorized Customer viewers. */
.customer-table .customer-details-link[b-b3nwuvgzk9] {
    color: inherit;
    text-decoration: none
}

    .customer-table .customer-details-link:hover[b-b3nwuvgzk9] {
        text-decoration: underline;
        color: #b60b1b
    }

    .customer-table .customer-details-link:focus-visible[b-b3nwuvgzk9] {
        outline: 2px solid #b60b1b;
        outline-offset: 3px;
        border-radius: 2px
    }

/* Step 30E.5A: align Customers with Tank / Device / SIM sticky left Edit actions.
   Only manager-authorized rows render this column. No widths changed elsewhere. */
.customer-table[b-b3nwuvgzk9] {
    border-collapse: separate;
    border-spacing: 0;
}

    .customer-table th.customer-action-cell[b-b3nwuvgzk9],
    .customer-table td.customer-action-cell[b-b3nwuvgzk9] {
        position: sticky;
        left: 0;
        width: 90px;
        min-width: 90px;
        max-width: 90px;
        box-sizing: border-box;
        white-space: nowrap;
        background: #fff;
        box-shadow: 1px 0 0 #e2eaf1;
        z-index: 2;
    }

    .customer-table th.customer-action-cell[b-b3nwuvgzk9] {
        background: #fbfcfe;
        z-index: 3;
    }

    .customer-table tbody tr:hover td.customer-action-cell[b-b3nwuvgzk9] {
        background: #fafbfc;
    }

.customer-table-wrap:focus-visible[b-b3nwuvgzk9] {
    outline: 2px solid #b60b1b;
    outline-offset: -2px;
}

.customer-table .customer-edit-link:focus-visible[b-b3nwuvgzk9] {
    outline: 2px solid #b60b1b;
    outline-offset: 3px;
    border-radius: 2px;
}
/* /Components/Pages/DeliveryReconciliation.razor.rz.scp.css */
.rec-page[b-h6d39l89zu] {
    max-width: 1560px;
    margin: 0 auto;
    padding: 12px 14px 34px;
    color: #193448
}

.rec-heading[b-h6d39l89zu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin: 0 0 18px
}

.rec-eyebrow[b-h6d39l89zu] {
    color: #be1024;
    letter-spacing: .12em;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 8px
}

.rec-heading h1[b-h6d39l89zu] {
    font-size: clamp(25px,2.8vw,34px);
    font-weight: 750;
    margin: 0 0 6px;
    color: #143149
}

.rec-heading p[b-h6d39l89zu], .rec-panel-heading p[b-h6d39l89zu] {
    color: #60798d;
    font-size: 13px;
    margin: 0
}

.rec-heading-actions[b-h6d39l89zu] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap
}

.rec-secondary[b-h6d39l89zu], .rec-clear[b-h6d39l89zu], .rec-pager button[b-h6d39l89zu] {
    background: #fff;
    color: #214960;
    border: 1px solid #ccdae4;
    padding: 9px 13px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer
}

    .rec-secondary:hover[b-h6d39l89zu], .rec-clear:hover[b-h6d39l89zu], .rec-pager button:hover[b-h6d39l89zu] {
        background: #f3f7fa
    }

    .rec-secondary:disabled[b-h6d39l89zu], .rec-pager button:disabled[b-h6d39l89zu] {
        opacity: .5;
        cursor: default
    }

.rec-asof[b-h6d39l89zu] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 22px;
    padding: 12px 15px;
    border: 1px solid #dce8ef;
    background: #edf4f8;
    color: #526b7d;
    font-size: 12px;
    border-radius: 11px;
    margin-bottom: 14px
}

.rec-summary[b-h6d39l89zu] {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 18px
}

    .rec-summary > div[b-h6d39l89zu] {
        border: 1px solid #dee7ee;
        background: #fff;
        border-radius: 12px;
        padding: 14px 17px;
        display: flex;
        flex-direction: column;
        gap: 7px
    }

    .rec-summary span[b-h6d39l89zu] {
        font-size: 12px;
        color: #60778a
    }

    .rec-summary strong[b-h6d39l89zu] {
        font-size: 29px;
        line-height: 1.1;
        color: #16364c;
        font-variant-numeric: tabular-nums
    }

.rec-panel[b-h6d39l89zu] {
    background: #fff;
    border: 1px solid #dce5ec;
    border-radius: 13px;
    overflow: hidden;
    margin-bottom: 16px;
    box-shadow: 0 2px 12px #233a4710
}

.rec-panel-heading[b-h6d39l89zu] {
    padding: 18px 20px;
    border-bottom: 1px solid #e9eef3;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: space-between
}

    .rec-panel-heading h2[b-h6d39l89zu] {
        margin: 0 0 5px;
        font-size: 19px;
        color: #17364c
    }

.rec-count[b-h6d39l89zu] {
    font-size: 12px;
    font-weight: 700;
    color: #547084
}

.rec-filters[b-h6d39l89zu] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 14px;
    padding: 18px 20px
}

.rec-field[b-h6d39l89zu] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
    font-size: 12px;
    color: #4c6479;
    font-weight: 700
}

    .rec-field select[b-h6d39l89zu], .rec-field input[b-h6d39l89zu] {
        min-width: 0;
        width: 100%;
        border: 1px solid #cddde7;
        background: #fff;
        color: #244158;
        border-radius: 8px;
        padding: 10px 12px;
        font-size: 13px;
        font-weight: 400;
        min-height: 41px
    }

        .rec-field select:focus[b-h6d39l89zu], .rec-field input:focus[b-h6d39l89zu] {
            outline: 2px solid #7ab0c7;
            outline-offset: 1px
        }

.rec-clear[b-h6d39l89zu] {
    align-self: end;
    min-height: 41px
}

.rec-results-heading[b-h6d39l89zu] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 18px;
    color: #60798d;
    font-size: 12px;
    background: #f8fafc
}

.rec-table-scroll[b-h6d39l89zu] {
    max-width: 100%;
    overflow: auto
}

.rec-table[b-h6d39l89zu] {
    width: 100%;
    min-width: 1440px;
    border-collapse: collapse;
    font-size: 12px
}

    .rec-table th[b-h6d39l89zu] {
        white-space: nowrap;
        background: #f4f7f9;
        color: #577086;
        text-align: left;
        padding: 12px 14px;
        border-top: 1px solid #e8edf2;
        border-bottom: 1px solid #e5edf2;
        font-weight: 750
    }

    .rec-table td[b-h6d39l89zu] {
        padding: 13px 14px;
        vertical-align: middle;
        border-bottom: 1px solid #e7eef3;
        color: #314c61
    }

    .rec-table tbody tr:hover[b-h6d39l89zu] {
        background: #fbfcfd
    }

    .rec-table small[b-h6d39l89zu] {
        display: block;
        margin-top: 5px;
        font-size: 11px;
        color: #778a9a;
        line-height: 1.35
    }

.rec-tank[b-h6d39l89zu] {
    font-weight: 800;
    color: #ba071d;
    text-decoration: none;
    white-space: nowrap
}

    .rec-tank:hover[b-h6d39l89zu] {
        text-decoration: underline
    }

.rec-when[b-h6d39l89zu], .rec-amount[b-h6d39l89zu] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums
}

.rec-amount[b-h6d39l89zu] {
    font-weight: 650;
    color: #193951
}

.rec-origin[b-h6d39l89zu] {
    border: 1px solid #efd9a8;
    background: #fff5e2;
    color: #92620b;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 750;
    padding: 5px 9px;
    white-space: nowrap
}

.rec-state[b-h6d39l89zu] {
    white-space: nowrap;
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    border-radius: 999px;
    padding: 5px 9px;
    border: 1px solid transparent
}

.rec-state-possible[b-h6d39l89zu] {
    background: #e8f6f0;
    color: #236a4f;
    border-color: #d1e8dc
}

.rec-state-ambiguous[b-h6d39l89zu] {
    background: #fff4df;
    color: #8a5d0b;
    border-color: #efdcb7
}

.rec-state-neutral[b-h6d39l89zu] {
    background: #eaf1f6;
    color: #496a80;
    border-color: #dbe5ec
}

.rec-state-voided[b-h6d39l89zu] {
    background: #eff1f4;
    color: #647487;
    border-color: #e0e4ea
}

.rec-pager[b-h6d39l89zu] {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: flex-end;
    padding: 15px 20px;
    color: #597183;
    font-size: 12px
}

.rec-notice[b-h6d39l89zu] {
    border-radius: 11px;
    border: 1px solid #d6e6ee;
    padding: 17px 20px;
    background: #f7fbfd;
    color: #466278;
    margin-bottom: 15px
}

.rec-error[b-h6d39l89zu] {
    border-color: #eeb9bd;
    color: #981723;
    background: #fff4f4
}

.rec-note[b-h6d39l89zu] {
    font-size: 12px;
    line-height: 1.6;
    color: #637c90;
    margin: 12px 2px 0
}

@media (max-width:1100px) {
    .rec-summary[b-h6d39l89zu] {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .rec-filters[b-h6d39l89zu] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media (max-width:640px) {
    .rec-page[b-h6d39l89zu] {
        padding: 8px 0 24px
    }

    .rec-summary[b-h6d39l89zu] {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 8px
    }

        .rec-summary > div[b-h6d39l89zu] {
            padding: 12px
        }

        .rec-summary strong[b-h6d39l89zu] {
            font-size: 24px
        }

    .rec-filters[b-h6d39l89zu] {
        grid-template-columns: 1fr
    }

    .rec-heading-actions[b-h6d39l89zu] {
        width: 100%
    }
}

/* 31E.2C: append-only human decisions */
.rec-human-review[b-h6d39l89zu] {
    min-width: 190px;
}

    .rec-human-review small[b-h6d39l89zu] {
        display: block;
        margin-top: 5px;
        white-space: normal;
    }

.rec-review-open[b-h6d39l89zu] {
    margin-top: 9px;
    border: 1px solid #b9cddd;
    border-radius: 6px;
    background: #fff;
    color: #174b69;
    padding: 6px 10px;
    cursor: pointer;
    font-weight: 600;
}

    .rec-review-open:hover[b-h6d39l89zu] {
        border-color: #ad0021;
        color: #ad0021;
    }

.rec-review-stale[b-h6d39l89zu] {
    color: #9c5300;
    font-weight: 650;
}

.rec-review-panel[b-h6d39l89zu] {
    margin-top: 16px;
}

.rec-review-body[b-h6d39l89zu] {
    padding: 18px 22px 22px;
}

.rec-review-caution[b-h6d39l89zu] {
    font-size: 13px;
    color: #4d6071;
    margin-bottom: 18px;
}

.rec-review-fields[b-h6d39l89zu] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
}

.rec-review-notes[b-h6d39l89zu] {
    grid-column: 1 / -1;
}

    .rec-review-notes textarea[b-h6d39l89zu] {
        width: 100%;
        border: 1px solid #c6d7e4;
        border-radius: 8px;
        padding: 12px;
        font: inherit;
        color: #24445c;
    }

.rec-review-actions[b-h6d39l89zu] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
    margin: 17px 0;
}

    .rec-review-actions span[b-h6d39l89zu] {
        font-size: 12px;
        color: #5a6f81;
    }

.rec-review-save[b-h6d39l89zu] {
    border: none;
    background: #b50023;
    color: white;
    border-radius: 7px;
    padding: 11px 18px;
    font-weight: 700;
    cursor: pointer;
}

    .rec-review-save:disabled[b-h6d39l89zu] {
        opacity: .5;
        cursor: not-allowed;
    }

.rec-review-body h3[b-h6d39l89zu] {
    font-size: 17px;
    margin: 18px 0 12px;
}

.rec-review-history[b-h6d39l89zu] {
    min-width: 960px;
}

    .rec-review-history td[b-h6d39l89zu] {
        white-space: normal;
        overflow-wrap: anywhere;
    }

@media (max-width: 760px) {
    .rec-review-fields[b-h6d39l89zu] {
        grid-template-columns: 1fr;
    }
}

.rec-export[b-h6d39l89zu] {
    color: #bd0925;
    border-color: #bd0925;
}

    .rec-export:hover[b-h6d39l89zu] {
        background: #fff4f5;
    }
/* /Components/Pages/DeviceAssignmentManage.razor.rz.scp.css */
.dam-page[b-5lnaon1gri] {
    max-width: 1450px;
    margin: auto;
    padding: 0 26px 44px;
    color: #203447
}

.dam-eyebrow[b-5lnaon1gri] {
    font-size: .7rem;
    letter-spacing: .16em;
    color: #b60b1b;
    font-weight: 800;
    margin-bottom: 9px
}

.dam-header[b-5lnaon1gri] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 18px;
    margin-bottom: 20px
}

    .dam-header h1[b-5lnaon1gri] {
        font-size: 2rem;
        font-weight: 760;
        letter-spacing: -.025em;
        margin: 0 0 5px
    }

    .dam-header p[b-5lnaon1gri], .dam-muted[b-5lnaon1gri], .dam-summary p[b-5lnaon1gri] {
        color: #677e91;
        margin: 0;
        line-height: 1.55
    }

.dam-toolbar[b-5lnaon1gri], .dam-actions[b-5lnaon1gri] {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    align-items: center
}

.dam-button[b-5lnaon1gri] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #d2dfe8;
    border-radius: 8px;
    background: white;
    color: #355266;
    padding: 10px 15px;
    cursor: pointer;
    text-decoration: none;
    font: inherit;
    font-size: .85rem;
    font-weight: 720;
    min-height: 42px
}

    .dam-button:hover:not(:disabled)[b-5lnaon1gri] {
        background: #f4f7f9
    }

    .dam-button:disabled[b-5lnaon1gri] {
        opacity: .52;
        cursor: not-allowed
    }

.dam-primary[b-5lnaon1gri] {
    background: #b60b1b;
    color: white;
    border-color: #b60b1b
}

    .dam-primary:hover:not(:disabled)[b-5lnaon1gri] {
        background: #980919;
        color: white
    }

.dam-summary[b-5lnaon1gri], .dam-card[b-5lnaon1gri] {
    background: #fff;
    border: 1px solid #dfe7ee;
    border-radius: 12px;
    padding: 24px 28px;
    box-shadow: 0 2px 9px rgba(25,49,69,.028);
    margin-bottom: 18px
}

.dam-summary[b-5lnaon1gri] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap
}

.dam-code[b-5lnaon1gri] {
    color: #b60b1b;
    font-weight: 850;
    font-size: .83rem
}

.dam-summary h2[b-5lnaon1gri] {
    margin: 5px 0;
    font-size: 1.3rem
}

.dam-pill[b-5lnaon1gri] {
    border: 1px solid #d9e4ed;
    background: #f3f8fb;
    padding: 6px 13px;
    font-size: .8rem;
    font-weight: 800;
    border-radius: 99px
}

.dam-card h3[b-5lnaon1gri] {
    font-size: 1.11rem;
    margin: 0 0 14px
}

.dam-card > p[b-5lnaon1gri] {
    margin: 0 0 17px
}

.dam-info-grid[b-5lnaon1gri] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 15px
}

    .dam-info-grid > div[b-5lnaon1gri] {
        display: flex;
        flex-direction: column;
        gap: 6px;
        background: #f6f9fb;
        padding: 16px;
        border: 1px solid #e7edf3;
        border-radius: 8px
    }

    .dam-info-grid span[b-5lnaon1gri], .dam-field span[b-5lnaon1gri] {
        color: #62788b;
        font-size: .83rem;
        font-weight: 700
    }

    .dam-info-grid strong[b-5lnaon1gri] {
        overflow-wrap: anywhere
    }

    .dam-info-grid a[b-5lnaon1gri] {
        color: #b60b1b;
        text-decoration: none
    }

.dam-notice[b-5lnaon1gri] {
    background: #f4f8fb;
    border: 1px solid #dce7ef;
    border-radius: 9px;
    padding: 14px 18px;
    margin: 0 0 18px;
    line-height: 1.6
}

.dam-success[b-5lnaon1gri] {
    border-color: #b6dfca;
    color: #1b6640;
    background: #f4fbf7
}

.dam-error[b-5lnaon1gri] {
    border-color: #efc0c7;
    color: #9d2431;
    background: #fff7f7
}

    .dam-error .dam-button[b-5lnaon1gri] {
        margin-left: 14px
    }

.dam-warning[b-5lnaon1gri] {
    color: #805b12;
    border-color: #f0dcaa;
    background: #fffbf1;
    margin-top: 13px;
    margin-bottom: 0
}

.dam-form-grid[b-5lnaon1gri] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
    margin: 20px 0
}

.dam-field[b-5lnaon1gri] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.dam-wide[b-5lnaon1gri] {
    grid-column: 1/-1
}

.dam-field b[b-5lnaon1gri] {
    color: #b60b1b
}

.dam-field small[b-5lnaon1gri] {
    font-size: .79rem;
    line-height: 1.5;
    color: #778b9a
}

.dam-input[b-5lnaon1gri] {
    width: 100%;
    min-height: 43px;
    padding: 10px 11px;
    border: 1px solid #cbd9e4;
    border-radius: 7px;
    background: #fff;
    color: #253e51;
    font: inherit;
    font-size: .9rem;
    min-width: 0
}

    .dam-input:focus[b-5lnaon1gri] {
        outline: 2px solid #aac9e2;
        outline-offset: 1px
    }

.dam-textarea[b-5lnaon1gri] {
    min-height: 90px;
    resize: vertical
}

.dam-check[b-5lnaon1gri] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    line-height: 1.5;
    font-size: .9rem;
    color: #374f62;
    margin-bottom: 14px;
    cursor: pointer
}

    .dam-check input[b-5lnaon1gri] {
        margin-top: 4px;
        accent-color: #b60b1b;
        transform: scale(1.16)
    }

.dam-danger[b-5lnaon1gri] {
    border-color: #e8c5ca
}

.dam-danger-button[b-5lnaon1gri] {
    border-color: #cf7d86;
    color: #a70d1e
}

.dam-footnote[b-5lnaon1gri] {
    color: #7a8b9c;
    font-size: .82rem;
    line-height: 1.6;
    margin-top: 15px
}

@media(max-width:720px) {
    .dam-page[b-5lnaon1gri] {
        padding: 0 13px 32px
    }

    .dam-header h1[b-5lnaon1gri] {
        font-size: 1.65rem
    }

    .dam-summary[b-5lnaon1gri], .dam-card[b-5lnaon1gri] {
        padding: 19px
    }

    .dam-form-grid[b-5lnaon1gri], .dam-info-grid[b-5lnaon1gri] {
        grid-template-columns: 1fr
    }
}
/* /Components/Pages/DeviceDetails.razor.rz.scp.css */
.dd3-page[b-3bpb9xulqx] {
    max-width: 1580px;
    margin: 0 auto;
    padding: 0 26px 42px;
    color: #203447
}

.dd3-eyebrow[b-3bpb9xulqx] {
    font-size: .7rem;
    letter-spacing: .16em;
    color: #b60b1b;
    font-weight: 800;
    margin-bottom: 9px
}

.dd3-header[b-3bpb9xulqx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 17px;
    margin-bottom: 22px
}

    .dd3-header h1[b-3bpb9xulqx] {
        font-size: 2rem;
        font-weight: 770;
        letter-spacing: -.035em;
        margin: 0 0 6px
    }

    .dd3-header p[b-3bpb9xulqx] {
        margin: 0;
        color: #62788a
    }

.dd3-header-actions[b-3bpb9xulqx] {
    display: flex;
    gap: 9px;
    align-items: center;
    flex-wrap: wrap
}

.dd3-button[b-3bpb9xulqx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccd7e1;
    border-radius: 8px;
    background: #fff;
    color: #344d60;
    padding: 9px 15px;
    text-decoration: none;
    font-size: .85rem;
    font-weight: 730;
    min-height: 40px;
    cursor: pointer
}

    .dd3-button:hover:not(:disabled)[b-3bpb9xulqx] {
        background: #f2f6f9;
        color: #a40b1a
    }

    .dd3-button:disabled[b-3bpb9xulqx] {
        opacity: .5;
        cursor: default
    }

.dd3-primary[b-3bpb9xulqx] {
    background: #b60b1b;
    border-color: #b60b1b;
    color: #fff
}

    .dd3-primary:hover:not(:disabled)[b-3bpb9xulqx] {
        background: #990a19;
        color: #fff
    }

.dd3-overview[b-3bpb9xulqx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    background: #fff;
    border: 1px solid #dfe7ee;
    border-radius: 13px;
    padding: 24px 28px;
    margin-bottom: 18px
}

.dd3-code[b-3bpb9xulqx] {
    font-size: .84rem;
    color: #b60b1b;
    font-weight: 830
}

.dd3-overview h2[b-3bpb9xulqx] {
    font-size: 1.5rem;
    margin: 7px 0;
    font-weight: 760
}

.dd3-overview p[b-3bpb9xulqx] {
    color: #718496;
    margin: 0;
    font-size: .91rem
}

.dd3-status[b-3bpb9xulqx], .dd3-tag[b-3bpb9xulqx] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    border: 1px solid #d5e3ec;
    background: #f1f6f9;
    border-radius: 999px;
    padding: 6px 12px;
    color: #34556d;
    font-size: .8rem;
    font-weight: 750
}

.dd3-tag[b-3bpb9xulqx] {
    padding: 4px 9px;
    font-size: .75rem
}

.dd3-grid[b-3bpb9xulqx] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
    align-items: stretch
}

.dd3-card[b-3bpb9xulqx] {
    background: #fff;
    border: 1px solid #dfe7ee;
    border-radius: 12px;
    padding: 23px 26px;
    min-width: 0;
    box-shadow: 0 2px 9px rgba(25,49,69,.025)
}

    .dd3-card h3[b-3bpb9xulqx] {
        font-size: 1.09rem;
        font-weight: 760;
        margin: 0 0 20px
    }

.dd3-fields[b-3bpb9xulqx] {
    margin: 0;
    display: grid;
    gap: 0
}

    .dd3-fields > div[b-3bpb9xulqx] {
        display: grid;
        grid-template-columns: 39% minmax(0,1fr);
        gap: 10px;
        border-bottom: 1px solid #edf1f5;
        padding: 10px 0;
        font-size: .88rem
    }

        .dd3-fields > div:last-child[b-3bpb9xulqx] {
            border-bottom: 0
        }

    .dd3-fields dt[b-3bpb9xulqx] {
        color: #788a9b;
        font-weight: 550
    }

    .dd3-fields dd[b-3bpb9xulqx] {
        margin: 0;
        font-weight: 650;
        overflow-wrap: anywhere
    }

.dd3-page a:not(.dd3-button)[b-3bpb9xulqx] {
    color: #ab0b1b;
    text-decoration: none;
    font-weight: 735
}

.dd3-page a:hover:not(.dd3-button)[b-3bpb9xulqx] {
    text-decoration: underline
}

.dd3-muted[b-3bpb9xulqx] {
    color: #778a9b;
    font-weight: 500
}

.dd3-footnote[b-3bpb9xulqx] {
    font-size: .8rem;
    color: #788a9b;
    margin: 18px 0 0;
    line-height: 1.5
}

.dd3-block[b-3bpb9xulqx] {
    margin-top: 18px
}

.dd3-section-heading[b-3bpb9xulqx] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: baseline;
    flex-wrap: wrap;
    margin-bottom: 16px
}

    .dd3-section-heading h3[b-3bpb9xulqx] {
        margin: 0
    }

    .dd3-section-heading > span[b-3bpb9xulqx] {
        font-size: .78rem;
        color: #7a8b9d
    }

.dd3-metrics[b-3bpb9xulqx] {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px
}

    .dd3-metrics > div[b-3bpb9xulqx] {
        background: #f6f9fb;
        border: 1px solid #e6edf2;
        border-radius: 8px;
        padding: 17px;
        display: flex;
        flex-direction: column;
        gap: 8px
    }

    .dd3-metrics span[b-3bpb9xulqx] {
        color: #718596;
        font-size: .78rem
    }

    .dd3-metrics strong[b-3bpb9xulqx] {
        font-size: 1rem;
        overflow-wrap: anywhere
    }

.dd3-empty[b-3bpb9xulqx] {
    background: #f7f9fb;
    padding: 20px;
    border-radius: 8px;
    color: #6b7f90;
    font-size: .9rem
}

.dd3-scroll[b-3bpb9xulqx] {
    width: 100%;
    overflow-x: auto
}

.dd3-table[b-3bpb9xulqx] {
    border-collapse: collapse;
    min-width: 850px;
    width: 100%;
    font-size: .85rem
}

    .dd3-table th[b-3bpb9xulqx] {
        background: #f8fafc;
        color: #63798a;
        font-size: .73rem;
        text-transform: uppercase;
        letter-spacing: .03em;
        text-align: left;
        padding: 13px 14px;
        border-bottom: 1px solid #dfe8ef;
        white-space: nowrap
    }

    .dd3-table td[b-3bpb9xulqx] {
        padding: 14px;
        border-bottom: 1px solid #edf1f5;
        vertical-align: middle
    }

        .dd3-table td .dd3-muted[b-3bpb9xulqx] {
            margin-top: 4px
        }

.dd3-notice[b-3bpb9xulqx] {
    background: #fff;
    padding: 21px;
    border: 1px solid #dbe5ed;
    border-radius: 9px;
    color: #385268
}

.dd3-error[b-3bpb9xulqx] {
    border-color: #efc3c9;
    color: #a5232f
}

.dd3-bottom-note[b-3bpb9xulqx] {
    color: #738798;
    font-size: .82rem;
    margin: 20px 1px;
    max-width: 1000px;
    line-height: 1.55
}

@media(max-width:1000px) {
    .dd3-grid[b-3bpb9xulqx] {
        grid-template-columns: 1fr
    }

    .dd3-metrics[b-3bpb9xulqx] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width:660px) {
    .dd3-page[b-3bpb9xulqx] {
        padding: 0 13px 25px
    }

    .dd3-header h1[b-3bpb9xulqx] {
        font-size: 1.65rem
    }

    .dd3-overview[b-3bpb9xulqx] {
        padding: 19px
    }

    .dd3-card[b-3bpb9xulqx] {
        padding: 18px
    }

    .dd3-metrics[b-3bpb9xulqx] {
        grid-template-columns: 1fr
    }

    .dd3-fields > div[b-3bpb9xulqx] {
        grid-template-columns: 1fr;
        gap: 3px
    }
}


/* Step 30E.5B — consistent Details-page section navigation. */
.dd3-jump[b-3bpb9xulqx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 20px;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #e0e8ee;
    border-radius: 10px
}

    .dd3-jump > span[b-3bpb9xulqx] {
        font-size: .76rem;
        color: #73889a;
        font-weight: 700;
        margin-right: 5px
    }

    .dd3-jump a[b-3bpb9xulqx] {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
        padding: 6px 11px;
        text-decoration: none;
        color: #31526b;
        background: #f7f9fb;
        border: 1px solid #e2e9ee;
        border-radius: 7px;
        font-size: .82rem;
        font-weight: 680
    }

        .dd3-jump a:hover[b-3bpb9xulqx] {
            color: #a80b1b;
            border-color: #d7c4c7;
            background: #fff7f7
        }

        .dd3-jump a:focus-visible[b-3bpb9xulqx] {
            outline: 3px solid #236d98;
            outline-offset: 2px
        }

.dd3-button:focus-visible[b-3bpb9xulqx] {
    outline: 3px solid #236d98;
    outline-offset: 2px
}

.dd3-card[id][b-3bpb9xulqx] {
    scroll-margin-top: 18px
}

.dd3-empty[b-3bpb9xulqx] {
    background: #f7f9fb;
    border: 1px solid #e5edf2
}

/* Override the existing general red content-link rule only for navigation chips. */
.dd3-page .dd3-jump a[b-3bpb9xulqx] {
    color: #31526b;
    text-decoration: none;
    font-weight: 680
}

    .dd3-page .dd3-jump a:hover[b-3bpb9xulqx] {
        color: #a80b1b;
        text-decoration: none
    }


/* Step 30E.5C — semantic status cues. The text always carries the meaning;
   colors are supplementary and do not change any lifecycle rules. */
.dd3-status[data-state="Active" i][b-3bpb9xulqx],
.dd3-status[data-state="InService" i][b-3bpb9xulqx],
.dd3-status[data-state="Installed" i][b-3bpb9xulqx],
.dd3-status[data-state="Operational" i][b-3bpb9xulqx] {
    background: #eaf7ef;
    border-color: #b8dfc8;
    color: #205b3d;
}

.dd3-status[data-state="Planned" i][b-3bpb9xulqx],
.dd3-status[data-state="Registered" i][b-3bpb9xulqx] {
    background: #edf4fa;
    border-color: #cfdfed;
    color: #285776;
}

.dd3-status[data-state="Suspended" i][b-3bpb9xulqx],
.dd3-status[data-state="Maintenance" i][b-3bpb9xulqx],
.dd3-status[data-state="UnderMaintenance" i][b-3bpb9xulqx] {
    background: #fff4df;
    border-color: #efd7a8;
    color: #815118;
}

.dd3-status[data-state="Inactive" i][b-3bpb9xulqx],
.dd3-status[data-state="OutOfService" i][b-3bpb9xulqx],
.dd3-status[data-state="Decommissioned" i][b-3bpb9xulqx],
.dd3-status[data-state="Retired" i][b-3bpb9xulqx] {
    background: #f0f3f5;
    border-color: #d4dce2;
    color: #4a5b68;
}

/* Assignment periods use the same restrained cues. */
.dd3-tag[data-state="Current" i][b-3bpb9xulqx] {
    background: #eaf7ef;
    border-color: #b8dfc8;
    color: #205b3d;
}

.dd3-tag[data-state="Scheduled" i][b-3bpb9xulqx] {
    background: #edf4fa;
    border-color: #cfdfed;
    color: #285776;
}

.dd3-tag[data-state="Ended" i][b-3bpb9xulqx] {
    background: #f0f3f5;
    border-color: #d4dce2;
    color: #4a5b68;
}
/* /Components/Pages/DeviceEditor.razor.rz.scp.css */
.device-editor-page[b-9inw54hmj8] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 26px 44px;
    color: #203447
}

.device-editor-eyebrow[b-9inw54hmj8] {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .13em;
    color: #ba1121;
    margin-bottom: 10px
}

.device-editor-heading[b-9inw54hmj8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 24px
}

    .device-editor-heading h1[b-9inw54hmj8] {
        font-size: 2rem;
        font-weight: 770;
        letter-spacing: -.025em;
        margin: 0 0 8px
    }

    .device-editor-heading p[b-9inw54hmj8] {
        color: #65798b;
        margin: 0
    }

.device-editor-card[b-9inw54hmj8] {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #dfe8ef;
    overflow: hidden;
    box-shadow: 0 3px 16px rgba(28,55,70,.04)
}

.device-editor-card-heading[b-9inw54hmj8] {
    padding: 24px 28px 15px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: start;
    border-bottom: 1px solid #edf2f5
}

    .device-editor-card-heading h2[b-9inw54hmj8] {
        font-size: 1.18rem;
        font-weight: 780;
        margin: 4px 0
    }

    .device-editor-card-heading p[b-9inw54hmj8] {
        color: #668092;
        font-size: .86rem;
        margin: 5px 0 0
    }

.device-editor-card-kicker[b-9inw54hmj8] {
    font-size: .67rem;
    color: #b60b1b;
    letter-spacing: .15em;
    font-weight: 800
}

.device-editor-tag[b-9inw54hmj8] {
    border-radius: 100px;
    background: #f0f5f8;
    padding: 6px 13px;
    color: #65798a;
    font-size: .7rem;
    letter-spacing: .06em;
    font-weight: 750
}

.device-editor-fieldset[b-9inw54hmj8] {
    border: 0;
    margin: 0;
    padding: 0 28px 28px;
    min-width: 0
}

.device-editor-section-title[b-9inw54hmj8] {
    margin: 25px 0 16px;
    padding-bottom: 11px;
    border-bottom: 1px solid #e5ebf0;
    font-size: 1rem;
    font-weight: 770;
    color: #233e54
}

.device-editor-grid[b-9inw54hmj8] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: 21px;
    row-gap: 17px
}

.device-editor-field[b-9inw54hmj8] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    font-size: .85rem;
    font-weight: 650;
    color: #415c70
}

    .device-editor-field b[b-9inw54hmj8] {
        color: #b60b1b
    }

    .device-editor-field small[b-9inw54hmj8] {
        font-size: .76rem;
        font-weight: 400;
        line-height: 1.4;
        color: #7890a3
    }

.device-editor-wide[b-9inw54hmj8] {
    grid-column: 1/-1
}

.device-editor-input[b-9inw54hmj8] {
    font-size: .94rem;
    box-sizing: border-box;
    width: 100%;
    min-height: 43px;
    padding: 9px 11px;
    background: #fff;
    border: 1px solid #c7d5df;
    border-radius: 7px;
    color: #203447
}

    .device-editor-input:focus[b-9inw54hmj8] {
        outline: 2px solid rgba(182,11,27,.18);
        border-color: #bd1427
    }

.device-editor-textarea[b-9inw54hmj8] {
    min-height: 100px;
    resize: vertical
}

.device-editor-tip[b-9inw54hmj8] {
    background: #f5f8fa;
    border: 1px solid #e6edf2;
    border-radius: 8px;
    padding: 13px 15px;
    font-size: .83rem;
    color: #516a7d;
    line-height: 1.5
}

    .device-editor-tip strong[b-9inw54hmj8] {
        display: block;
        color: #2b4c64;
        margin-bottom: 3px
    }

    .device-editor-tip p[b-9inw54hmj8] {
        margin: 0
    }

.device-editor-notice[b-9inw54hmj8] {
    padding: 15px 18px;
    background: #f4f7f9;
    color: #546d80;
    border-radius: 9px;
    margin: 12px 0
}

.device-editor-muted[b-9inw54hmj8] {
    margin-top: 24px
}

.device-editor-error[b-9inw54hmj8] {
    color: #a62a28;
    background: #fff1ef;
    border: 1px solid #f4c6bf;
    border-radius: 9px;
    padding: 14px 17px
}

.device-editor-inline-error[b-9inw54hmj8] {
    margin: 16px 28px 0
}

.device-editor-success[b-9inw54hmj8] {
    background: #eaf8f0;
    border: 1px solid #b6dfc9;
    color: #246d47;
    border-radius: 9px;
    padding: 14px 17px;
    margin: 17px 28px 0
}

.device-editor-actions[b-9inw54hmj8] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    padding-top: 25px
}

.device-editor-btn[b-9inw54hmj8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c7d5df;
    border-radius: 8px;
    padding: 10px 18px;
    min-height: 43px;
    background: white;
    color: #29465b;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer
}

    .device-editor-btn:hover[b-9inw54hmj8] {
        background: #f7f9fa;
        color: #284258
    }

    .device-editor-btn:disabled[b-9inw54hmj8] {
        opacity: .55;
        cursor: not-allowed
    }

.device-editor-primary[b-9inw54hmj8] {
    color: #fff;
    background: #b60b1b;
    border-color: #b60b1b
}

    .device-editor-primary:hover[b-9inw54hmj8] {
        color: #fff;
        background: #960a16
    }

.device-editor-field .validation-message[b-9inw54hmj8] {
    color: #b60b1b;
    font-size: .75rem;
    font-weight: 500
}

@media(max-width:760px) {
    .device-editor-page[b-9inw54hmj8] {
        padding: 0 14px 28px
    }

    .device-editor-heading[b-9inw54hmj8] {
        flex-wrap: wrap
    }

        .device-editor-heading h1[b-9inw54hmj8] {
            font-size: 1.66rem
        }

    .device-editor-card-heading[b-9inw54hmj8] {
        padding: 18px 16px
    }

    .device-editor-fieldset[b-9inw54hmj8] {
        padding: 0 16px 22px
    }

    .device-editor-grid[b-9inw54hmj8] {
        grid-template-columns: 1fr
    }

    .device-editor-wide[b-9inw54hmj8] {
        grid-column: auto
    }

    .device-editor-success[b-9inw54hmj8], .device-editor-inline-error[b-9inw54hmj8] {
        margin-left: 16px;
        margin-right: 16px
    }
}

/* Step 30E.4: unified form sections; no input sizing or interaction changes. */
.device-editor-intro[b-9inw54hmj8] {
    margin: 16px 28px 0;
    padding: 12px 15px;
    border: 1px solid #e2ebf0;
    border-radius: 9px;
    color: #557184;
    background: #f7fafc;
    font-size: .85rem
}

    .device-editor-intro strong[b-9inw54hmj8] {
        color: #b60b1b
    }

.device-editor-section[b-9inw54hmj8] {
    padding: 5px 0 23px;
    border-bottom: 1px solid #e7eef3
}

    .device-editor-section:last-of-type[b-9inw54hmj8] {
        border-bottom: none
    }

.device-editor-section-heading[b-9inw54hmj8] {
    margin: 23px 0 13px
}

    .device-editor-section-heading h3[b-9inw54hmj8] {
        margin: 0 0 5px;
        color: #1d425a;
        font-size: 1.07rem
    }

    .device-editor-section-heading p[b-9inw54hmj8] {
        margin: 0;
        color: #698394;
        font-size: .85rem;
        line-height: 1.5
    }

.device-editor-section .asset-field-help[b-9inw54hmj8] {
    margin: 0 0 14px
}

.device-editor-validation-summary[b-9inw54hmj8] {
    color: #a62a28;
    margin: 16px 28px 0;
    font-size: .84rem
}

.device-editor-success a[b-9inw54hmj8] {
    color: #175b3a;
    font-weight: 750;
    margin-left: 12px
}

@media(max-width:760px) {
    .device-editor-intro[b-9inw54hmj8], .device-editor-validation-summary[b-9inw54hmj8] {
        margin-left: 16px;
        margin-right: 16px
    }
}
/* /Components/Pages/Devices.razor.rz.scp.css */
.device-directory-page[b-9tl5g1ihis] {
    max-width: 1660px;
    margin: 0 auto;
    padding: 0 26px 38px;
    color: #203447
}

.device-directory-heading[b-9tl5g1ihis] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin: 0 0 22px
}

.device-directory-eyebrow[b-9tl5g1ihis] {
    color: #b60b1b;
    font-size: .7rem;
    letter-spacing: .16em;
    font-weight: 800;
    margin-bottom: 8px
}

.device-directory-heading h1[b-9tl5g1ihis] {
    font-size: 2rem;
    font-weight: 760;
    letter-spacing: -.035em;
    margin: 0 0 7px
}

.device-directory-heading p[b-9tl5g1ihis] {
    color: #617489;
    margin: 0
}

.device-directory-panel[b-9tl5g1ihis] {
    background: #fff;
    border: 1px solid #e0e7ef;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 12px rgba(32,52,71,.035)
}

.device-directory-panel-heading[b-9tl5g1ihis] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 23px 25px 10px
}

    .device-directory-panel-heading h2[b-9tl5g1ihis] {
        margin: 0 0 6px;
        font-size: 1.15rem;
        font-weight: 750
    }

    .device-directory-panel-heading p[b-9tl5g1ihis] {
        font-size: .86rem;
        color: #6b7c8f;
        margin: 0
    }

.device-directory-state[b-9tl5g1ihis] {
    font-size: .78rem;
    color: #7d8994;
    white-space: nowrap
}

.device-directory-filters[b-9tl5g1ihis] {
    display: flex;
    gap: 14px;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 16px 25px 22px
}

.device-directory-field[b-9tl5g1ihis] {
    display: flex;
    flex: 1 1 320px;
    flex-direction: column;
    gap: 7px;
    color: #51667a;
    font-weight: 650;
    font-size: .81rem
}

.device-directory-filter-field[b-9tl5g1ihis] {
    flex: 0 1 260px
}

.device-directory-input[b-9tl5g1ihis] {
    width: 100%;
    height: 43px;
    border: 1px solid #cbd6e1;
    border-radius: 7px;
    background: #fff;
    color: #203447;
    padding: 0 13px;
    font-size: .91rem;
    font-weight: 450
}

    .device-directory-input:focus[b-9tl5g1ihis] {
        outline: 2px solid rgba(182,11,27,.16);
        border-color: #b60b1b
    }

.device-directory-button[b-9tl5g1ihis] {
    border: 1px solid #ced9e4;
    border-radius: 7px;
    background: #fff;
    color: #27465d;
    min-height: 42px;
    padding: 8px 17px;
    font-weight: 700;
    cursor: pointer;
    font-size: .89rem
}

    .device-directory-button:hover:not(:disabled)[b-9tl5g1ihis] {
        background: #f3f6f9
    }

.device-directory-primary[b-9tl5g1ihis] {
    background: #b60b1b;
    color: #fff;
    border-color: #b60b1b
}

    .device-directory-primary:hover:not(:disabled)[b-9tl5g1ihis] {
        background: #9e0b19
    }

.device-directory-button:disabled[b-9tl5g1ihis] {
    opacity: .45;
    cursor: not-allowed
}

.device-directory-count[b-9tl5g1ihis] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: #587086;
    padding: 13px 25px;
    background: #f7f9fb;
    font-size: .86rem;
    border-top: 1px solid #edf1f5
}

.device-directory-scroll[b-9tl5g1ihis] {
    overflow-x: auto;
    max-width: 100%
}

.device-directory-table[b-9tl5g1ihis] {
    width: 100%;
    min-width: 1290px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    font-size: .86rem
}

    .device-directory-table col.col-device-code[b-9tl5g1ihis] {
        width: 135px
    }

    .device-directory-table col.col-model[b-9tl5g1ihis] {
        width: 210px
    }

    .device-directory-table col.col-serial[b-9tl5g1ihis] {
        width: 185px
    }

    .device-directory-table col.col-status[b-9tl5g1ihis] {
        width: 122px
    }

    .device-directory-table col.col-assignment[b-9tl5g1ihis] {
        width: 200px
    }

    .device-directory-table col.col-battery[b-9tl5g1ihis] {
        width: 90px
    }

    .device-directory-table col.col-signal[b-9tl5g1ihis] {
        width: 100px
    }

    .device-directory-table col.col-communication[b-9tl5g1ihis] {
        width: 160px
    }

    .device-directory-table col.col-origin[b-9tl5g1ihis] {
        width: 100px
    }

    .device-directory-table th[b-9tl5g1ihis] {
        background: #fafcff;
        color: #62788a;
        vertical-align: bottom;
        font-size: .72rem;
        text-transform: uppercase;
        letter-spacing: .035em;
        padding: 15px 12px;
        border-bottom: 1px solid #e3eaf1;
        overflow-wrap: break-word
    }

    .device-directory-table td[b-9tl5g1ihis] {
        padding: 15px 12px;
        vertical-align: middle;
        border-bottom: 1px solid #edf2f6;
        overflow-wrap: anywhere
    }

    .device-directory-table tbody tr:hover td[b-9tl5g1ihis] {
        background: #f8fafc
    }

    .device-directory-table a[b-9tl5g1ihis] {
        color: #a90c1b;
        font-weight: 740;
        text-decoration: none
    }

        .device-directory-table a:hover[b-9tl5g1ihis] {
            text-decoration: underline
        }

.device-directory-code-cell[b-9tl5g1ihis] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #fff;
    box-shadow: 1px 0 0 #e4ebf1;
    white-space: nowrap
}

.device-directory-table th.device-directory-code-cell[b-9tl5g1ihis] {
    z-index: 3;
    background: #fafcff
}

.device-directory-table tbody tr:hover td.device-directory-code-cell[b-9tl5g1ihis] {
    background: #f8fafc
}

.device-directory-code-cell strong[b-9tl5g1ihis] {
    color: #b10b1c
}

.device-directory-subline[b-9tl5g1ihis] {
    font-size: .76rem;
    color: #8292a1;
    margin-top: 5px
}

.device-directory-pill[b-9tl5g1ihis] {
    display: inline-block;
    background: #eff4f7;
    border: 1px solid #dce5ed;
    color: #38556c;
    border-radius: 999px;
    padding: 4px 9px;
    white-space: nowrap;
    font-size: .77rem
}

.device-directory-muted[b-9tl5g1ihis] {
    color: #8493a1
}

.device-directory-restricted[b-9tl5g1ihis] {
    color: #728496;
    font-style: italic
}

.device-directory-number[b-9tl5g1ihis] {
    text-align: left;
    white-space: nowrap;
    font-variant-numeric: tabular-nums
}

.device-directory-date[b-9tl5g1ihis] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums
}

.device-directory-empty[b-9tl5g1ihis] {
    padding: 30px !important;
    text-align: center;
    color: #6f8293
}

.device-directory-pager[b-9tl5g1ihis] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    padding: 17px 25px;
    color: #5c7185;
    font-size: .86rem
}

.device-directory-notice[b-9tl5g1ihis] {
    padding: 20px 24px;
    margin: 18px 25px;
    border: 1px solid #d7e1ea;
    border-radius: 8px;
    background: #fff;
    color: #314a60
}

.device-directory-error[b-9tl5g1ihis] {
    border-color: #e8b9bf;
    color: #a2232e
}

@media(max-width:720px) {
    .device-directory-page[b-9tl5g1ihis] {
        padding: 0 12px 24px
    }

    .device-directory-heading[b-9tl5g1ihis] {
        flex-wrap: wrap
    }

        .device-directory-heading h1[b-9tl5g1ihis] {
            font-size: 1.65rem
        }

    .device-directory-panel-heading[b-9tl5g1ihis] {
        padding: 17px 14px;
        flex-wrap: wrap
    }

    .device-directory-filters[b-9tl5g1ihis] {
        padding: 12px 14px 17px
    }

    .device-directory-count[b-9tl5g1ihis], .device-directory-pager[b-9tl5g1ihis] {
        padding: 12px 14px
    }
}

/* Step 30D.2: persistent left-side Edit action for authorized managers. */
.device-directory-heading-actions[b-9tl5g1ihis] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap
}

    .device-directory-heading-actions a[b-9tl5g1ihis] {
        display: inline-flex;
        align-items: center;
        text-decoration: none
    }

        .device-directory-heading-actions a:hover[b-9tl5g1ihis] {
            color: #fff
        }

.device-directory-table col.col-actions[b-9tl5g1ihis] {
    width: 98px
}

.device-directory-table .device-directory-action-cell[b-9tl5g1ihis] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #fff;
    min-width: 98px;
    box-shadow: 1px 0 0 #e4ebf1;
    white-space: nowrap
}

.device-directory-table th.device-directory-action-cell[b-9tl5g1ihis] {
    z-index: 4;
    background: #fafcff
}

.device-directory-table tbody tr:hover td.device-directory-action-cell[b-9tl5g1ihis] {
    background: #f8fafc
}

.device-directory-table .device-directory-code-notsticky[b-9tl5g1ihis] {
    position: static;
    box-shadow: none
}

.device-directory-table-editable[b-9tl5g1ihis] {
    min-width: 1435px
}
/* /Components/Pages/EmailDelivery.razor.rz.scp.css */
.ed-page[b-bkgz194qw1] {
    padding: 24px;
    max-width: 1450px;
    margin: auto;
    color: #153957;
}

.ed-header[b-bkgz194qw1] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 25px;
}

    .ed-header h1[b-bkgz194qw1] {
        font-size: 32px;
        margin: 7px 0 4px
    }

    .ed-header p[b-bkgz194qw1] {
        color: #57718a
    }

.ed-eyebrow[b-bkgz194qw1] {
    letter-spacing: 2px;
    color: #b30021;
    font-size: 12px;
    font-weight: 800
}

.ed-panel[b-bkgz194qw1] {
    background: white;
    border: 1px solid #dce6ed;
    border-radius: 16px;
    padding: 22px 26px;
    margin-bottom: 20px
}

    .ed-panel h2[b-bkgz194qw1] {
        font-size: 23px;
        font-weight: 600;
        margin-top: 0
    }

    .ed-panel p[b-bkgz194qw1] {
        color: #55718a
    }

.ed-grid[b-bkgz194qw1] {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(190px,1fr));
    gap: 12px;
    margin: 20px 0
}

    .ed-grid > div[b-bkgz194qw1] {
        background: #f3f7fa;
        padding: 14px;
        border: 1px solid #e0eaf0;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        gap: 6px
    }

    .ed-grid span[b-bkgz194qw1] {
        font-size: 13px;
        color: #526c83
    }

    .ed-grid strong[b-bkgz194qw1] {
        font-size: 22px;
        color: #0b3455
    }

.ed-actions[b-bkgz194qw1] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap
}

.ed-btn[b-bkgz194qw1] {
    display: inline-block;
    padding: 13px 20px;
    border-radius: 11px;
    cursor: pointer;
    font-weight: 650;
    border: 1px solid #cad9e5;
    text-decoration: none;
    background: white;
    color: #143d5a
}

    .ed-btn:disabled[b-bkgz194qw1] {
        opacity: .5;
        cursor: not-allowed
    }

.ed-primary[b-bkgz194qw1] {
    background: #b60027;
    color: #fff;
    border-color: #b60027
}

.ed-note[b-bkgz194qw1] {
    font-size: 14px
}

.ed-success[b-bkgz194qw1] {
    background: #e4f5ec;
    padding: 12px;
    border-radius: 8px
}

.ed-error[b-bkgz194qw1] {
    background: #ffe9eb;
    padding: 12px;
    border-radius: 8px
}

.ed-scroll[b-bkgz194qw1] {
    overflow-x: auto
}

    .ed-scroll table[b-bkgz194qw1] {
        width: 100%;
        border-collapse: collapse
    }

    .ed-scroll th[b-bkgz194qw1] {
        background: #eef3f7;
        text-align: left
    }

    .ed-scroll th[b-bkgz194qw1], .ed-scroll td[b-bkgz194qw1] {
        padding: 12px;
        border-bottom: 1px solid #e1e8ee;
        font-size: 14px
    }
/* /Components/Pages/EmailDispatchAutomation.razor.rz.scp.css */
.sd-page[b-0z0vtjzb1d] {
    padding: 24px;
    max-width: 1450px;
    margin: auto;
    color: #153957;
}

.sd-header[b-0z0vtjzb1d] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 25px;
}

    .sd-header h1[b-0z0vtjzb1d] {
        font-size: 32px;
        margin: 7px 0 4px
    }

    .sd-header p[b-0z0vtjzb1d] {
        color: #57718a
    }

.sd-eyebrow[b-0z0vtjzb1d] {
    letter-spacing: 2px;
    color: #b30021;
    font-size: 12px;
    font-weight: 800
}

.sd-panel[b-0z0vtjzb1d] {
    background: white;
    border: 1px solid #dce6ed;
    border-radius: 16px;
    padding: 22px 26px;
    margin-bottom: 20px
}

    .sd-panel h2[b-0z0vtjzb1d] {
        font-size: 23px;
        font-weight: 600;
        margin-top: 0
    }

    .sd-panel p[b-0z0vtjzb1d] {
        color: #55718a
    }

.sd-grid[b-0z0vtjzb1d] {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(190px,1fr));
    gap: 12px;
    margin: 20px 0
}

    .sd-grid > div[b-0z0vtjzb1d] {
        background: #f3f7fa;
        padding: 14px;
        border: 1px solid #e0eaf0;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        gap: 6px
    }

    .sd-grid span[b-0z0vtjzb1d] {
        font-size: 13px;
        color: #526c83
    }

    .sd-grid strong[b-0z0vtjzb1d] {
        font-size: 22px;
        color: #0b3455
    }

.sd-actions[b-0z0vtjzb1d] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap
}

.sd-btn[b-0z0vtjzb1d] {
    display: inline-block;
    padding: 13px 20px;
    border-radius: 11px;
    cursor: pointer;
    font-weight: 650;
    border: 1px solid #cad9e5;
    text-decoration: none;
    background: white;
    color: #143d5a
}

    .sd-btn:disabled[b-0z0vtjzb1d] {
        opacity: .5;
        cursor: not-allowed
    }

.sd-primary[b-0z0vtjzb1d] {
    background: #b60027;
    color: #fff;
    border-color: #b60027
}

.sd-note[b-0z0vtjzb1d] {
    font-size: 14px
}

.sd-success[b-0z0vtjzb1d] {
    background: #e4f5ec;
    padding: 12px;
    border-radius: 8px
}

.sd-error[b-0z0vtjzb1d] {
    background: #ffe9eb;
    padding: 12px;
    border-radius: 8px
}

.sd-scroll[b-0z0vtjzb1d] {
    overflow-x: auto
}

    .sd-scroll table[b-0z0vtjzb1d] {
        width: 100%;
        border-collapse: collapse
    }

    .sd-scroll th[b-0z0vtjzb1d] {
        background: #eef3f7;
        text-align: left
    }

    .sd-scroll th[b-0z0vtjzb1d], .sd-scroll td[b-0z0vtjzb1d] {
        padding: 12px;
        border-bottom: 1px solid #e1e8ee;
        font-size: 14px
    }
/* /Components/Pages/EmailRouting.razor.rz.scp.css */
.er-page[b-4om8ksk3kz] {
    padding: 24px;
    max-width: 1450px;
    margin: auto;
    color: #153957;
}

.er-header[b-4om8ksk3kz] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 25px;
}

    .er-header h1[b-4om8ksk3kz] {
        font-size: 32px;
        margin: 7px 0 4px
    }

    .er-header p[b-4om8ksk3kz] {
        color: #57718a
    }

.er-eyebrow[b-4om8ksk3kz] {
    letter-spacing: 2px;
    color: #b30021;
    font-size: 12px;
    font-weight: 800
}

.er-panel[b-4om8ksk3kz] {
    background: white;
    border: 1px solid #dce6ed;
    border-radius: 16px;
    padding: 22px 26px;
    margin-bottom: 20px
}

    .er-panel h2[b-4om8ksk3kz] {
        font-size: 23px;
        font-weight: 600;
        margin-top: 0
    }

    .er-panel p[b-4om8ksk3kz] {
        color: #55718a
    }

.er-grid[b-4om8ksk3kz] {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(190px,1fr));
    gap: 12px;
    margin: 20px 0
}

    .er-grid > div[b-4om8ksk3kz] {
        background: #f3f7fa;
        padding: 14px;
        border: 1px solid #e0eaf0;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        gap: 6px
    }

    .er-grid span[b-4om8ksk3kz] {
        font-size: 13px;
        color: #526c83
    }

    .er-grid strong[b-4om8ksk3kz] {
        font-size: 22px;
        color: #0b3455
    }

.er-actions[b-4om8ksk3kz] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap
}

.er-btn[b-4om8ksk3kz] {
    display: inline-block;
    padding: 13px 20px;
    border-radius: 11px;
    cursor: pointer;
    font-weight: 650;
    border: 1px solid #cad9e5;
    text-decoration: none;
    background: white;
    color: #143d5a
}

    .er-btn:disabled[b-4om8ksk3kz] {
        opacity: .5;
        cursor: not-allowed
    }

.er-primary[b-4om8ksk3kz] {
    background: #b60027;
    color: #fff;
    border-color: #b60027
}

.er-note[b-4om8ksk3kz] {
    font-size: 14px
}

.er-success[b-4om8ksk3kz] {
    background: #e4f5ec;
    padding: 12px;
    border-radius: 8px
}

.er-error[b-4om8ksk3kz] {
    background: #ffe9eb;
    padding: 12px;
    border-radius: 8px
}

.er-scroll[b-4om8ksk3kz] {
    overflow-x: auto
}

    .er-scroll table[b-4om8ksk3kz] {
        width: 100%;
        border-collapse: collapse
    }

    .er-scroll th[b-4om8ksk3kz] {
        background: #eef3f7;
        text-align: left
    }

    .er-scroll th[b-4om8ksk3kz], .er-scroll td[b-4om8ksk3kz] {
        padding: 12px;
        border-bottom: 1px solid #e1e8ee;
        font-size: 14px
    }
/* /Components/Pages/EmailSmtpTest.razor.rz.scp.css */
.st-page[b-rx5hemmi9z] {
    padding: 30px 32px 48px;
    background: #f5f8fb;
    color: #173550;
    min-height: 100%;
}

.st-head[b-rx5hemmi9z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 28px
}

.st-eyebrow[b-rx5hemmi9z] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .16em;
    color: #b90725;
    margin-bottom: 10px
}

.st-head h1[b-rx5hemmi9z] {
    font-size: 34px;
    line-height: 1.15;
    margin: 0 0 12px;
    font-weight: 700
}

.st-head p[b-rx5hemmi9z], .st-panel p[b-rx5hemmi9z] {
    color: #56708a;
    line-height: 1.55
}

.st-panel[b-rx5hemmi9z] {
    background: #fff;
    border: 1px solid #dce5ee;
    border-radius: 14px;
    padding: 25px;
    margin-bottom: 18px
}

    .st-panel h2[b-rx5hemmi9z] {
        font-weight: 650;
        font-size: 22px;
        margin: 0 0 12px
    }

.st-grid[b-rx5hemmi9z] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
    margin: 20px 0
}

    .st-grid div[b-rx5hemmi9z] {
        background: #f2f6fa;
        border: 1px solid #e0e9f0;
        border-radius: 10px;
        padding: 17px;
        min-width: 0
    }

    .st-grid span[b-rx5hemmi9z] {
        display: block;
        color: #6a8199;
        font-size: 12px;
        margin-bottom: 10px
    }

    .st-grid strong[b-rx5hemmi9z] {
        display: block;
        overflow-wrap: anywhere;
        font-size: 16px
    }

.st-note[b-rx5hemmi9z] {
    font-size: 13px;
    margin: 12px 0
}

.st-actions[b-rx5hemmi9z] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 18px
}

.st-button[b-rx5hemmi9z] {
    border: 1px solid #b50026;
    background: #b50026;
    color: white;
    border-radius: 10px;
    padding: 12px 19px;
    font-weight: 650;
    display: inline-block;
    text-decoration: none;
    cursor: pointer
}

    .st-button:hover:not(:disabled)[b-rx5hemmi9z] {
        filter: brightness(.95)
    }

    .st-button:disabled[b-rx5hemmi9z] {
        opacity: .5;
        cursor: not-allowed
    }

.st-secondary[b-rx5hemmi9z] {
    color: #193d5b;
    border-color: #cfdfea;
    background: white
}

.st-success[b-rx5hemmi9z], .st-error[b-rx5hemmi9z] {
    margin-top: 14px;
    padding: 12px 16px;
    border-radius: 8px
}

.st-success[b-rx5hemmi9z] {
    background: #e7f7f0;
    color: #126a46
}

.st-error[b-rx5hemmi9z] {
    background: #fff1f2;
    color: #a71530
}

@media(max-width:1000px) {
    .st-grid[b-rx5hemmi9z] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width:640px) {
    .st-page[b-rx5hemmi9z] {
        padding: 18px
    }

    .st-grid[b-rx5hemmi9z] {
        grid-template-columns: 1fr
    }

    .st-head[b-rx5hemmi9z] {
        flex-direction: column
    }
}
/* /Components/Pages/FleetOverview.razor.rz.scp.css */
.fleet-page[b-makv0fvwpn] {
    max-width: 1500px;
    margin: 0 auto;
    padding: 8px 8px 32px;
    color: #1f3044;
}

.fleet-header[b-makv0fvwpn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.fleet-eyebrow[b-makv0fvwpn] {
    color: #387d98;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
    margin-bottom: 5px;
}

.fleet-header h1[b-makv0fvwpn] {
    margin: 0 0 7px;
    font-size: clamp(25px, 3vw, 34px);
    font-weight: 750;
    color: #163149;
}

.fleet-header p[b-makv0fvwpn] {
    margin: 0;
    color: #60758a;
    font-size: 14px;
}

.fleet-header-actions[b-makv0fvwpn] {
    display: flex;
    align-items: center;
    gap: 11px;
    flex-wrap: wrap;
}

.fleet-demo-label[b-makv0fvwpn] {
    background: #fff3da;
    border: 1px solid #f1d5a0;
    color: #885500;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    padding: 7px 11px;
}

.fleet-button[b-makv0fvwpn], .fleet-button-secondary[b-makv0fvwpn] {
    border-radius: 8px;
    padding: 8px 13px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.fleet-button[b-makv0fvwpn] {
    background: #175d7b;
    color: white;
    border: 1px solid #175d7b;
}

    .fleet-button:hover[b-makv0fvwpn] {
        background: #124b64;
    }

    .fleet-button:disabled[b-makv0fvwpn] {
        opacity: .55;
        cursor: wait;
    }

.fleet-button-secondary[b-makv0fvwpn] {
    background: white;
    color: #175d7b;
    border: 1px solid #b9d2df;
}

    .fleet-button-secondary:hover[b-makv0fvwpn] {
        background: #f0f7fa;
    }

.fleet-asof[b-makv0fvwpn] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 22px;
    color: #52697e;
    background: #edf4f8;
    border: 1px solid #dce8ed;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 12px;
    margin-bottom: 18px;
}

.fleet-stat-grid[b-makv0fvwpn] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 14px;
    margin-bottom: 14px;
}

.fleet-stat[b-makv0fvwpn] {
    background: #fff;
    border: 1px solid #dde6ec;
    border-radius: 12px;
    padding: 17px 19px;
    box-shadow: 0 2px 10px rgba(26,59,80,.035);
}

.fleet-stat-label[b-makv0fvwpn] {
    font-size: 12px;
    color: #60748a;
    margin-bottom: 6px;
    font-weight: 600;
}

.fleet-stat-value[b-makv0fvwpn] {
    font-size: 31px;
    font-weight: 750;
    line-height: 1.1;
    color: #183950;
    font-variant-numeric: tabular-nums;
}

.fleet-attention[b-makv0fvwpn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 12px;
}

.fleet-attention-card[b-makv0fvwpn] {
    background: #f7f9fb;
    border: 1px solid #e0e7ec;
    border-radius: 10px;
    padding: 13px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #506478;
    font-size: 13px;
}

    .fleet-attention-card strong[b-makv0fvwpn] {
        color: #1c364c;
        font-size: 20px;
        margin-right: 3px;
    }

.fleet-attention-dot[b-makv0fvwpn] {
    flex: 0 0 10px;
    height: 10px;
    border-radius: 50%;
    background: #8093a5;
}

    .fleet-attention-dot.low[b-makv0fvwpn] {
        background: #d86c58;
    }

    .fleet-attention-dot.battery[b-makv0fvwpn] {
        background: #e1a245;
    }

    .fleet-attention-dot.neutral[b-makv0fvwpn] {
        background: #4b9a88;
    }

.fleet-disclaimer[b-makv0fvwpn] {
    font-size: 12px;
    color: #687b8e;
    margin: 9px 1px 20px;
}

.fleet-panel[b-makv0fvwpn] {
    background: white;
    border: 1px solid #dce6ec;
    border-radius: 13px;
    box-shadow: 0 3px 18px rgba(26,59,80,.035);
    margin: 0 0 18px;
    overflow: hidden;
}

.fleet-panel-heading[b-makv0fvwpn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 18px 19px 14px;
}

    .fleet-panel-heading h2[b-makv0fvwpn] {
        margin: 0 0 5px;
        font-size: 19px;
        font-weight: 750;
        color: #183950;
    }

    .fleet-panel-heading p[b-makv0fvwpn] {
        margin: 0;
        font-size: 12px;
        color: #6b7b8b;
    }

.fleet-row-count[b-makv0fvwpn] {
    background: #edf3f6;
    border-radius: 999px;
    padding: 6px 10px;
    color: #476478;
    font-size: 12px;
    font-weight: 700;
}

.fleet-filters[b-makv0fvwpn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 0 19px 16px;
}

.fleet-input[b-makv0fvwpn], .fleet-select[b-makv0fvwpn] {
    background: white;
    border: 1px solid #cbd9e2;
    border-radius: 8px;
    padding: 9px 11px;
    font-size: 13px;
    color: #263e51;
    min-height: 37px;
}

.fleet-input[b-makv0fvwpn] {
    min-width: 240px;
    flex: 1;
}

.fleet-select[b-makv0fvwpn] {
    min-width: 165px;
}

    .fleet-input:focus[b-makv0fvwpn], .fleet-select:focus[b-makv0fvwpn] {
        outline: 2px solid #76b6d0;
        outline-offset: 1px;
    }

.fleet-checkbox[b-makv0fvwpn] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #4c6678;
    font-size: 13px;
    cursor: pointer;
}

    .fleet-checkbox input[b-makv0fvwpn] {
        accent-color: #18718c;
    }

.fleet-table-scroll[b-makv0fvwpn] {
    width: 100%;
    overflow-x: auto;
}

.fleet-table[b-makv0fvwpn] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

    .fleet-table thead[b-makv0fvwpn] {
        background: #f5f8fa;
        color: #4e6579;
    }

    .fleet-table th[b-makv0fvwpn] {
        padding: 11px 14px;
        text-align: left;
        white-space: nowrap;
        font-weight: 750;
        border-top: 1px solid #e8eef2;
        border-bottom: 1px solid #e3ebef;
    }

    .fleet-table td[b-makv0fvwpn] {
        padding: 11px 14px;
        border-bottom: 1px solid #edf1f4;
        vertical-align: middle;
        color: #43596c;
    }

    .fleet-table tbody tr:hover[b-makv0fvwpn] {
        background: #f9fbfc;
    }

    .fleet-table tbody tr:last-child td[b-makv0fvwpn] {
        border-bottom: none;
    }

    .fleet-table td strong[b-makv0fvwpn] {
        display: block;
        font-size: 12px;
        font-weight: 750;
        color: #243e51;
    }

    .fleet-table td small[b-makv0fvwpn] {
        display: block;
        color: #7990a0;
        font-size: 11px;
        margin-top: 2px;
    }

.fleet-nowrap[b-makv0fvwpn] {
    white-space: nowrap;
}

.fleet-level-cell[b-makv0fvwpn] {
    min-width: 140px;
}

    .fleet-level-cell strong[b-makv0fvwpn] {
        margin-bottom: 5px;
        font-variant-numeric: tabular-nums;
    }

.fleet-level-track[b-makv0fvwpn] {
    background: #e8eef2;
    height: 7px;
    border-radius: 99px;
    overflow: hidden;
    max-width: 150px;
}

.fleet-level-fill[b-makv0fvwpn] {
    height: 100%;
    border-radius: 99px;
    background: #47a38f;
}

    .fleet-level-fill.low[b-makv0fvwpn] {
        background: #d86c58;
    }

    .fleet-level-fill.watch[b-makv0fvwpn] {
        background: #e1a245;
    }

    .fleet-level-fill.unknown[b-makv0fvwpn] {
        background: #a2abb4;
    }

.fleet-battery[b-makv0fvwpn] {
    display: inline-block;
    padding: 4px 7px;
    border-radius: 6px;
    color: #366958;
    background: #ebf6f1;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

    .fleet-battery.battery-low[b-makv0fvwpn] {
        color: #9b5700;
        background: #fff0d4;
    }

.fleet-empty[b-makv0fvwpn] {
    text-align: center;
    padding: 24px !important;
    color: #718496 !important;
}

.fleet-message[b-makv0fvwpn] {
    background: white;
    border: 1px solid #dce6ec;
    border-radius: 12px;
    padding: 24px;
    color: #4b6477;
}

    .fleet-message h2[b-makv0fvwpn] {
        color: #183950;
        font-size: 18px;
        margin: 0 0 10px;
    }

    .fleet-message p[b-makv0fvwpn] {
        overflow-wrap: anywhere;
    }

.fleet-error[b-makv0fvwpn] {
    border-color: #e7b6ab;
}

.fleet-footer[b-makv0fvwpn] {
    color: #7a8b9a;
    font-size: 11px;
    text-align: center;
    margin-top: 20px;
}

@media (max-width: 920px) {
    .fleet-stat-grid[b-makv0fvwpn] {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .fleet-attention[b-makv0fvwpn] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 580px) {
    .fleet-page[b-makv0fvwpn] {
        padding: 5px 0 20px;
    }

    .fleet-stat-grid[b-makv0fvwpn] {
        gap: 8px;
    }

    .fleet-stat[b-makv0fvwpn] {
        padding: 14px;
    }

    .fleet-stat-value[b-makv0fvwpn] {
        font-size: 26px;
    }

    .fleet-filters[b-makv0fvwpn] {
        align-items: stretch;
        flex-direction: column;
    }

    .fleet-input[b-makv0fvwpn], .fleet-select[b-makv0fvwpn] {
        width: 100%;
        min-width: 0;
    }

    .fleet-panel-heading[b-makv0fvwpn] {
        align-items: flex-start;
    }
}

/* Step 29K.2C: tank links and reading-status controls */
.fleet-tank-link[b-makv0fvwpn] {
    color: #176d91;
    font-weight: 750;
    text-decoration: none;
}

    .fleet-tank-link:hover[b-makv0fvwpn] {
        color: #104e6a;
        text-decoration: underline;
    }

.fleet-table .fleet-level-cell strong[b-makv0fvwpn] {
    overflow-wrap: anywhere;
}
/* /Components/Pages/Home.razor.rz.scp.css */

.home-dashboard[b-4p5muujqn9] {
    max-width: 1700px;
    margin: 0 auto;
    padding: 6px 0 40px;
    color: #173247;
}

.home-heading[b-4p5muujqn9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 26px;
}

.home-eyebrow[b-4p5muujqn9] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #b70921;
    margin-bottom: 8px;
}

.home-heading h1[b-4p5muujqn9] {
    font-size: 36px;
    font-weight: 800;
    margin: 0 0 8px;
    color: #173247;
}

.home-heading p[b-4p5muujqn9] {
    color: #60768a;
    font-size: 16px;
    margin: 0;
}

.home-refresh[b-4p5muujqn9] {
    padding: 12px 18px;
    border: 0;
    border-radius: 10px;
    background: #176785;
    color: white;
    font-weight: 700;
}

    .home-refresh:hover:not(:disabled)[b-4p5muujqn9] {
        background: #11536d;
    }

    .home-refresh:disabled[b-4p5muujqn9] {
        opacity: 0.65;
        cursor: wait;
    }

.home-timestamp[b-4p5muujqn9] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    padding: 14px 18px;
    margin-bottom: 22px;
    border: 1px solid #d9e5eb;
    border-radius: 12px;
    background: #edf4f7;
    color: #516e81;
    font-size: 13px;
}

.home-kpi-grid[b-4p5muujqn9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 30px;
}

.home-kpi-card[b-4p5muujqn9] {
    background: white;
    border: 1px solid #dce4eb;
    border-radius: 15px;
    padding: 24px;
    box-shadow: 0 3px 12px rgba(26, 52, 72, 0.035);
}

    .home-kpi-card span[b-4p5muujqn9] {
        display: block;
        font-size: 14px;
        font-weight: 600;
        color: #60778a;
        margin-bottom: 12px;
    }

    .home-kpi-card strong[b-4p5muujqn9] {
        font-size: 38px;
        font-weight: 800;
        color: #17364d;
    }

.home-section[b-4p5muujqn9] {
    margin: 26px 0;
}

.home-section-heading[b-4p5muujqn9] {
    margin-bottom: 15px;
}

    .home-section-heading h2[b-4p5muujqn9],
    .home-panel-heading h2[b-4p5muujqn9] {
        font-size: 19px;
        font-weight: 800;
        color: #173247;
        margin: 0 0 5px;
    }

    .home-section-heading p[b-4p5muujqn9],
    .home-panel-heading p[b-4p5muujqn9] {
        margin: 0;
        color: #718598;
        font-size: 13px;
    }

.home-attention-grid[b-4p5muujqn9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.home-attention-card[b-4p5muujqn9] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: #fff;
    border: 1px solid #dce4eb;
    border-radius: 14px;
}

.home-attention-icon[b-4p5muujqn9] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 800;
}

.home-red[b-4p5muujqn9] {
    background: #fceae7;
    color: #cf5545;
}

.home-orange[b-4p5muujqn9] {
    background: #fff0d8;
    color: #b97614;
}

.home-blue[b-4p5muujqn9] {
    background: #e4f3f0;
    color: #268c7b;
}

.home-attention-card strong[b-4p5muujqn9] {
    display: block;
    font-size: 29px;
    font-weight: 800;
    color: #173247;
}

.home-attention-card span[b-4p5muujqn9] {
    display: block;
    font-size: 13px;
    color: #647c8e;
}

.home-details-grid[b-4p5muujqn9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 26px;
}

.home-panel[b-4p5muujqn9] {
    background: white;
    border: 1px solid #dce4eb;
    border-radius: 16px;
    padding: 22px;
    min-width: 0;
}

.home-panel-heading[b-4p5muujqn9] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e7edf1;
}

    .home-panel-heading a[b-4p5muujqn9] {
        color: #176b8e;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
        white-space: nowrap;
    }

        .home-panel-heading a:hover[b-4p5muujqn9] {
            text-decoration: underline;
        }

.home-tank-row[b-4p5muujqn9],
.home-device-row[b-4p5muujqn9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid #edf1f4;
}

    .home-tank-row:last-child[b-4p5muujqn9],
    .home-device-row:last-child[b-4p5muujqn9] {
        border-bottom: none;
    }

.home-tank-details[b-4p5muujqn9],
.home-device-details[b-4p5muujqn9] {
    min-width: 0;
}

    .home-tank-details a[b-4p5muujqn9],
    .home-device-details strong[b-4p5muujqn9] {
        display: block;
        font-size: 14px;
        font-weight: 800;
        color: #176b8e;
        text-decoration: none;
    }

        .home-tank-details a:hover[b-4p5muujqn9] {
            text-decoration: underline;
        }

    .home-tank-details small[b-4p5muujqn9],
    .home-device-details small[b-4p5muujqn9] {
        display: block;
        color: #7b8d9c;
        font-size: 12px;
        margin-top: 4px;
    }

.home-tank-level[b-4p5muujqn9] {
    width: 140px;
    text-align: right;
    flex-shrink: 0;
}

    .home-tank-level strong[b-4p5muujqn9],
    .home-device-battery strong[b-4p5muujqn9] {
        display: block;
        font-size: 17px;
        font-weight: 800;
        color: #248d7c;
    }

        .home-tank-level strong.home-level-low[b-4p5muujqn9],
        .home-device-battery strong.home-level-low[b-4p5muujqn9] {
            color: #d15b4a;
        }

    .home-tank-level progress[b-4p5muujqn9] {
        display: block;
        width: 100%;
        height: 9px;
        margin-top: 7px;
        accent-color: #2c9c8a;
    }

.home-device-battery[b-4p5muujqn9] {
    text-align: right;
    flex-shrink: 0;
}

    .home-device-battery small[b-4p5muujqn9] {
        display: block;
        font-size: 11px;
        color: #8495a3;
        margin-top: 5px;
    }

.home-empty[b-4p5muujqn9] {
    padding: 25px 0 10px;
    color: #8394a2;
}

.home-shortcuts[b-4p5muujqn9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.home-shortcut[b-4p5muujqn9] {
    display: flex;
    align-items: center;
    gap: 18px;
    background: #fff;
    border: 1px solid #dce4eb;
    border-radius: 14px;
    padding: 22px;
    text-decoration: none;
}

    .home-shortcut:hover[b-4p5muujqn9] {
        background: #f6fafc;
        border-color: #a6c9da;
    }

.home-shortcut-icon[b-4p5muujqn9] {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e9f2f6;
    color: #176785;
    border-radius: 12px;
    font-size: 25px;
}

.home-shortcut strong[b-4p5muujqn9] {
    display: block;
    color: #173247;
    font-size: 16px;
}

.home-shortcut small[b-4p5muujqn9] {
    display: block;
    color: #75899a;
    margin-top: 5px;
    font-size: 12px;
}

.home-shortcut-arrow[b-4p5muujqn9] {
    margin-left: auto;
    color: #176785;
    font-size: 21px;
}

.home-notice[b-4p5muujqn9],
.home-error[b-4p5muujqn9] {
    padding: 20px;
    border-radius: 12px;
    background: white;
    border: 1px solid #dce4eb;
}

.home-error[b-4p5muujqn9] {
    background: #fff2ef;
    color: #a34031;
    border-color: #ecc7c0;
}

@media (max-width: 1100px) {
    .home-kpi-grid[b-4p5muujqn9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-attention-grid[b-4p5muujqn9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 850px) {
    .home-details-grid[b-4p5muujqn9],
    .home-shortcuts[b-4p5muujqn9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .home-heading h1[b-4p5muujqn9] {
        font-size: 28px;
    }

    .home-kpi-grid[b-4p5muujqn9] {
        gap: 10px;
    }

    .home-kpi-card[b-4p5muujqn9] {
        padding: 16px;
    }

        .home-kpi-card strong[b-4p5muujqn9] {
            font-size: 29px;
        }

    .home-panel[b-4p5muujqn9] {
        padding: 16px;
    }

    .home-tank-level[b-4p5muujqn9] {
        width: 100px;
    }
}
/* /Components/Pages/NotificationAuditReports.razor.rz.scp.css */
.nar-page[b-7g3exdru9g] {
    padding: 28px 36px 50px;
    background: #f6f8fb;
    color: #193e57;
    min-height: 100vh
}

.nar-head[b-7g3exdru9g] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 20px;
    margin-bottom: 25px
}

.nar-eyebrow[b-7g3exdru9g] {
    color: #bf0827;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 800;
    margin-bottom: 10px
}

.nar-head h1[b-7g3exdru9g] {
    font-size: 33px;
    font-weight: 500;
    margin: 0 0 7px
}

.nar-head p[b-7g3exdru9g] {
    margin: 0;
    color: #57768b
}

.nar-panel[b-7g3exdru9g] {
    background: #fff;
    border: 1px solid #dce7f0;
    border-radius: 16px;
    padding: 27px;
    margin-bottom: 20px
}

    .nar-panel h2[b-7g3exdru9g] {
        font-size: 22px;
        margin: 0 0 10px
    }

    .nar-panel p[b-7g3exdru9g] {
        font-size: 14px;
        color: #547188;
        line-height: 1.55
    }

.nar-fields[b-7g3exdru9g] {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
    margin: 24px 0
}

    .nar-fields label[b-7g3exdru9g] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        font-size: 13px;
        font-weight: 700
    }

    .nar-fields select[b-7g3exdru9g] {
        border: 1px solid #ccdce9;
        background: white;
        color: #244a63;
        border-radius: 9px;
        padding: 12px;
        font: inherit
    }

.nar-actions[b-7g3exdru9g] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap
}

.nar-btn[b-7g3exdru9g] {
    display: inline-block;
    padding: 13px 22px;
    border: 1px solid #bc0626;
    border-radius: 9px;
    background: #bc0626;
    color: white;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    font: inherit
}

.nar-secondary[b-7g3exdru9g] {
    border-color: #cddce9;
    background: white;
    color: #204963
}

.nar-btn:disabled[b-7g3exdru9g] {
    opacity: .55;
    cursor: wait
}

.nar-note[b-7g3exdru9g], .nar-foot[b-7g3exdru9g] {
    font-size: 12px !important;
    margin: 20px 0 0;
    color: #678297 !important
}

.nar-error[b-7g3exdru9g] {
    background: #fce8ed;
    padding: 14px;
    border-radius: 9px;
    color: #88122a
}

@media(max-width:820px) {
    .nar-page[b-7g3exdru9g] {
        padding: 16px
    }

    .nar-head[b-7g3exdru9g] {
        flex-direction: column
    }

    .nar-fields[b-7g3exdru9g] {
        grid-template-columns: 1fr
    }
}
/* /Components/Pages/Notifications.razor.rz.scp.css */
.nc-page[b-uqd1z6rwpj] {
    max-width: 1600px;
    margin: 0 auto;
    color: #163b56;
}

.nc-head[b-uqd1z6rwpj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 15px 0 25px;
}

.nc-eyebrow[b-uqd1z6rwpj] {
    letter-spacing: .18em;
    font-weight: 800;
    font-size: .73rem;
    color: #b4081c;
    margin-bottom: 12px;
}

.nc-head h1[b-uqd1z6rwpj] {
    font-size: 2.2rem;
    margin: 0 0 9px;
    font-weight: 650;
}

.nc-head p[b-uqd1z6rwpj], .nc-panel-head p[b-uqd1z6rwpj] {
    color: #526d84;
    margin: 0;
}

.nc-panel[b-uqd1z6rwpj] {
    background: #fff;
    border: 1px solid #dce5ed;
    border-radius: 15px;
    padding: 23px;
    margin-bottom: 20px;
}

.nc-panel-head[b-uqd1z6rwpj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.nc-panel h2[b-uqd1z6rwpj] {
    font-size: 1.3rem;
    font-weight: 650;
    margin: 0 0 7px;
}

.nc-actions[b-uqd1z6rwpj] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.nc-count[b-uqd1z6rwpj] {
    border-radius: 20px;
    padding: 7px 12px;
    background: #edf3f7;
    font-weight: 650;
    white-space: nowrap;
}

.nc-btn[b-uqd1z6rwpj] {
    background: #bd0624;
    border: 1px solid #bd0624;
    color: white;
    font-weight: 650;
    border-radius: 9px;
    padding: 10px 18px;
    cursor: pointer;
}

    .nc-btn:hover:not(:disabled)[b-uqd1z6rwpj] {
        background: #96041c;
    }

    .nc-btn:disabled[b-uqd1z6rwpj] {
        opacity: .55;
        cursor: not-allowed;
    }

.nc-outline[b-uqd1z6rwpj] {
    background: #fff;
    border: 1px solid #cedde7;
    color: #173c59;
}

    .nc-outline:hover:not(:disabled)[b-uqd1z6rwpj] {
        background: #f3f7fa;
    }

.nc-controls[b-uqd1z6rwpj] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

    .nc-controls label[b-uqd1z6rwpj] {
        display: flex;
        flex-direction: column;
        min-width: 180px;
        font-size: .82rem;
        gap: 5px;
        font-weight: 650;
    }

    .nc-controls select[b-uqd1z6rwpj] {
        border: 1px solid #c9dbe6;
        border-radius: 8px;
        padding: 10px;
        color: #153750;
        background: #fff;
    }

.nc-item[b-uqd1z6rwpj] {
    border-top: 1px solid #e5edf2;
    padding: 16px 12px;
}

.nc-unread[b-uqd1z6rwpj] {
    background: #f6faff;
    border-left: 3px solid #bd0624;
}

.nc-item-head[b-uqd1z6rwpj] {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    margin-bottom: 7px;
}

    .nc-item-head time[b-uqd1z6rwpj] {
        margin-left: auto;
        font-size: .79rem;
        color: #6a8194;
    }

.nc-label[b-uqd1z6rwpj] {
    border-radius: 20px;
    padding: 4px 9px;
    font-size: .75rem;
    font-weight: 700;
}

.nc-critical[b-uqd1z6rwpj] {
    background: #fce8eb;
    color: #a90421;
}

.nc-warning[b-uqd1z6rwpj] {
    background: #fff0d6;
    color: #986000;
}

.nc-attention[b-uqd1z6rwpj] {
    background: #eaf1f6;
    color: #40627c;
}

.nc-event[b-uqd1z6rwpj] {
    font-weight: 650;
    font-size: .88rem;
}

.nc-new[b-uqd1z6rwpj] {
    color: #bb0724;
    font-size: .76rem;
    font-weight: 700;
}

.nc-title[b-uqd1z6rwpj] {
    font-weight: 700;
    font-size: 1.05rem;
}

.nc-item p[b-uqd1z6rwpj] {
    color: #587188;
    font-size: .86rem;
    margin: 5px 0 10px;
}

.nc-item-actions[b-uqd1z6rwpj] {
    display: flex;
    gap: 15px;
    align-items: center;
}

    .nc-item-actions a[b-uqd1z6rwpj] {
        text-decoration: none;
        color: #a60823;
        font-weight: 650;
        font-size: .88rem;
    }

.nc-empty[b-uqd1z6rwpj] {
    text-align: center;
    padding: 25px;
    color: #667f93;
}

.nc-preferences[b-uqd1z6rwpj] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: center;
}

    .nc-preferences label[b-uqd1z6rwpj] {
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: 600;
        font-size: .87rem;
    }

    .nc-preferences input[b-uqd1z6rwpj] {
        accent-color: #b60721;
    }

.nc-hint[b-uqd1z6rwpj] {
    color: #59748a;
    font-size: .85rem;
    margin: 17px 0 0;
}

.nc-alert[b-uqd1z6rwpj] {
    border-radius: 9px;
    padding: 12px;
    background: #ebf5f8;
    margin-bottom: 15px;
}

.nc-error[b-uqd1z6rwpj] {
    color: #a1041c;
    background: #fff0f0;
}

@media(max-width:700px) {
    .nc-head[b-uqd1z6rwpj] {
        align-items: flex-start;
    }

        .nc-head h1[b-uqd1z6rwpj] {
            font-size: 1.7rem;
        }

    .nc-panel[b-uqd1z6rwpj] {
        padding: 15px;
    }
}

.nc-email-opts[b-uqd1z6rwpj] {
    padding: 12px 0;
}

.nc-email-actions[b-uqd1z6rwpj] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 10px;
}

.nc-email-preview[b-uqd1z6rwpj] {
    margin-top: 16px;
    padding: 16px;
    border: 1px solid #dce5ed;
    border-radius: 10px;
    background: #f7fafc;
}

    .nc-email-preview h3[b-uqd1z6rwpj] {
        margin: 0 0 12px;
        font-size: 1.02rem;
        font-weight: 650;
    }

.nc-email-stats[b-uqd1z6rwpj] {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(175px,1fr));
    gap: 10px;
    margin: 0;
}

    .nc-email-stats > div[b-uqd1z6rwpj] {
        background: #fff;
        border: 1px solid #e4ebf2;
        border-radius: 8px;
        padding: 10px;
    }

    .nc-email-stats dt[b-uqd1z6rwpj] {
        font-size: .79rem;
        color: #567087;
    }

    .nc-email-stats dd[b-uqd1z6rwpj] {
        font-size: 1.1rem;
        font-weight: 700;
        margin: 5px 0 0;
    }
/* /Components/Pages/OperationalNotes.razor.rz.scp.css */
.on-page[b-bgu3o5bi7f] {
    padding: 30px 38px 55px;
    background: #f6f8fb;
    min-height: 100vh;
    color: #183d57
}

.on-head[b-bgu3o5bi7f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 24px
}

.on-eyebrow[b-bgu3o5bi7f] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #b60927
}

.on-head h1[b-bgu3o5bi7f] {
    font-size: 34px;
    font-weight: 500;
    margin: 8px 0 4px
}

.on-head p[b-bgu3o5bi7f] {
    margin: 0;
    color: #587589
}

.on-panel[b-bgu3o5bi7f] {
    background: #fff;
    border: 1px solid #d9e6ee;
    border-radius: 15px;
    padding: 23px 26px;
    margin-bottom: 20px
}

.on-panel-head h2[b-bgu3o5bi7f] {
    margin: 0 0 4px;
    font-size: 22px
}

.on-panel-head p[b-bgu3o5bi7f] {
    margin: 0 0 18px;
    color: #587589;
    font-size: 13px
}

.on-fields[b-bgu3o5bi7f], .on-filters[b-bgu3o5bi7f] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px
}

    .on-fields label[b-bgu3o5bi7f], .on-filters label[b-bgu3o5bi7f] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        font-size: 13px;
        font-weight: 700
    }

    .on-fields select[b-bgu3o5bi7f], .on-fields input[b-bgu3o5bi7f], .on-fields textarea[b-bgu3o5bi7f], .on-filters select[b-bgu3o5bi7f] {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #c9dae6;
        border-radius: 8px;
        padding: 12px;
        background: white;
        color: #183d57;
        font: inherit
    }

.on-wide[b-bgu3o5bi7f] {
    grid-column: span 2
}

.on-fields textarea[b-bgu3o5bi7f] {
    resize: vertical
}

.on-actions[b-bgu3o5bi7f] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 18px;
    flex-wrap: wrap
}

.on-primary[b-bgu3o5bi7f], .on-outline[b-bgu3o5bi7f] {
    padding: 12px 22px;
    font: inherit;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 700
}

.on-primary[b-bgu3o5bi7f] {
    background: #b70626;
    color: #fff;
    border: 1px solid #b70626
}

.on-outline[b-bgu3o5bi7f] {
    background: white;
    color: #194360;
    border: 1px solid #ccdae6
}

    .on-primary:disabled[b-bgu3o5bi7f], .on-outline:disabled[b-bgu3o5bi7f] {
        opacity: .5;
        cursor: not-allowed
    }

.on-alert[b-bgu3o5bi7f], .on-success[b-bgu3o5bi7f] {
    margin: 0 0 15px;
    padding: 14px;
    border-radius: 9px
}

.on-alert[b-bgu3o5bi7f] {
    background: #fce9ed;
    color: #9b1b30
}

.on-success[b-bgu3o5bi7f] {
    background: #e4f4ea;
    color: #175d39
}

.on-filters[b-bgu3o5bi7f] {
    grid-template-columns: 1fr 1fr auto;
    align-items: end;
    margin-bottom: 17px
}

.on-table-scroll[b-bgu3o5bi7f] {
    overflow-x: auto
}

table[b-bgu3o5bi7f] {
    border-collapse: collapse;
    width: 100%;
    min-width: 850px;
    font-size: 13px
}

th[b-bgu3o5bi7f], td[b-bgu3o5bi7f] {
    text-align: left;
    padding: 12px;
    border-bottom: 1px solid #e1eaf0;
    vertical-align: top
}

th[b-bgu3o5bi7f] {
    background: #f0f5f8;
    color: #4e6b80
}

td small[b-bgu3o5bi7f] {
    display: block;
    margin-top: 6px;
    color: #55718a
}

    td small.on-body[b-bgu3o5bi7f] {
        white-space: pre-wrap;
        color: #29485c;
        overflow-wrap: anywhere
    }

.on-uid[b-bgu3o5bi7f] {
    font-size: 11px;
    overflow-wrap: anywhere
}

.on-pages[b-bgu3o5bi7f] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 14px
}

@media(max-width:850px) {
    .on-page[b-bgu3o5bi7f] {
        padding: 18px
    }

    .on-fields[b-bgu3o5bi7f], .on-filters[b-bgu3o5bi7f] {
        grid-template-columns: 1fr
    }

    .on-wide[b-bgu3o5bi7f] {
        grid-column: auto
    }

    .on-head[b-bgu3o5bi7f] {
        flex-direction: column
    }
}

/* Interim UX: explicit create action; registered notes remain first by default. */
.on-head-actions[b-bgu3o5bi7f] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap
}

@media(max-width:850px) {
    .on-head-actions[b-bgu3o5bi7f] {
        width: 100%
    }

        .on-head-actions button[b-bgu3o5bi7f] {
            flex: 1
        }
}
/* /Components/Pages/OperationalTasks.razor.rz.scp.css */
.ot-page[b-50zr438sud] {
    padding: 30px 38px 55px;
    background: #f6f8fb;
    min-height: 100vh;
    color: #183d57
}

.ot-head[b-50zr438sud] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 24px
}

.ot-eyebrow[b-50zr438sud] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #b60927
}

.ot-head h1[b-50zr438sud] {
    font-size: 34px;
    font-weight: 500;
    margin: 8px 0 4px
}

.ot-head p[b-50zr438sud] {
    color: #587589;
    margin: 0
}

.ot-panel[b-50zr438sud] {
    background: #fff;
    border: 1px solid #d9e6ee;
    border-radius: 15px;
    padding: 23px 26px;
    margin-bottom: 20px
}

    .ot-panel h2[b-50zr438sud] {
        font-size: 22px;
        margin: 0 0 4px
    }

    .ot-panel h3[b-50zr438sud] {
        font-size: 18px;
        margin: 25px 0 10px
    }

.ot-muted[b-50zr438sud] {
    color: #587589;
    font-size: 13px;
    margin: 0 0 16px
}

.ot-error[b-50zr438sud], .ot-ok[b-50zr438sud] {
    margin: 0 0 15px;
    padding: 14px;
    border-radius: 9px
}

.ot-error[b-50zr438sud] {
    background: #fce9ed;
    color: #9b1b30
}

.ot-ok[b-50zr438sud] {
    background: #e4f4ea;
    color: #175d39
}

.ot-summary[b-50zr438sud] {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 10px
}

    .ot-summary > div[b-50zr438sud] {
        background: #f3f7fa;
        border: 1px solid #dce6ee;
        border-radius: 9px;
        padding: 14px
    }

    .ot-summary small[b-50zr438sud] {
        display: block;
        color: #537187;
        font-size: 12px
    }

    .ot-summary strong[b-50zr438sud] {
        display: block;
        margin-top: 4px;
        font-size: 24px
    }

.ot-grid[b-50zr438sud], .ot-filters[b-50zr438sud] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px
}

    .ot-grid label[b-50zr438sud], .ot-filters label[b-50zr438sud] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        font-size: 13px;
        font-weight: 700
    }

    .ot-grid select[b-50zr438sud], .ot-grid input[b-50zr438sud], .ot-grid textarea[b-50zr438sud], .ot-filters select[b-50zr438sud] {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #c9dae6;
        border-radius: 8px;
        padding: 12px;
        background: white;
        color: #183d57;
        font: inherit
    }

.ot-wide[b-50zr438sud] {
    grid-column: span 2
}

.ot-grid textarea[b-50zr438sud] {
    resize: vertical
}

.ot-actions[b-50zr438sud] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 18px;
    flex-wrap: wrap
}

.ot-primary[b-50zr438sud], .ot-outline[b-50zr438sud] {
    padding: 12px 22px;
    font: inherit;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 700
}

.ot-primary[b-50zr438sud] {
    background: #b70626;
    color: #fff;
    border: 1px solid #b70626
}

.ot-outline[b-50zr438sud] {
    background: white;
    color: #194360;
    border: 1px solid #ccdae6
}

    .ot-primary:disabled[b-50zr438sud], .ot-outline:disabled[b-50zr438sud] {
        opacity: .5;
        cursor: not-allowed
    }

.ot-small[b-50zr438sud] {
    font-size: 12px;
    padding: 7px 12px;
    margin-top: 10px;
    display: block
}

.ot-filters[b-50zr438sud] {
    grid-template-columns: repeat(4,minmax(0,1fr)) auto;
    align-items: end;
    margin-bottom: 17px
}

.ot-scroll[b-50zr438sud] {
    overflow-x: auto
}

    .ot-scroll table[b-50zr438sud] {
        border-collapse: collapse;
        width: 100%;
        min-width: 970px;
        font-size: 13px
    }

    .ot-scroll th[b-50zr438sud], .ot-scroll td[b-50zr438sud] {
        text-align: left;
        padding: 12px;
        border-bottom: 1px solid #e1eaf0;
        vertical-align: top
    }

    .ot-scroll th[b-50zr438sud] {
        background: #f0f5f8;
        color: #4e6b80
    }

    .ot-scroll small[b-50zr438sud] {
        display: block;
        color: #55718a;
        margin-top: 5px
    }

.ot-body[b-50zr438sud] {
    white-space: pre-wrap;
    overflow-wrap: anywhere
}

.ot-uid[b-50zr438sud] {
    font-size: 11px;
    overflow-wrap: anywhere
}

.ot-tag[b-50zr438sud] {
    display: inline-block;
    border-radius: 22px;
    padding: 5px 10px;
    background: #edf2f5;
    font-size: 12px;
    font-weight: 650
}

.ot-open[b-50zr438sud] {
    background: #fff0d7;
    color: #865000
}

.ot-progress[b-50zr438sud] {
    background: #e6f2ff;
    color: #255b91
}

.ot-blocked[b-50zr438sud] {
    background: #ffebe9;
    color: #a03131
}

.ot-completed[b-50zr438sud] {
    background: #e4f5eb;
    color: #197142
}

.ot-cancelled[b-50zr438sud] {
    background: #eef0f2;
    color: #647383
}

.ot-overdue[b-50zr438sud] {
    color: #a92133 !important;
    font-weight: 750
}

.ot-pagination[b-50zr438sud] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-top: 14px
}

.ot-selection-head[b-50zr438sud] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start
}

@media(max-width:1050px) {
    .ot-summary[b-50zr438sud] {
        grid-template-columns: repeat(3,1fr)
    }

    .ot-filters[b-50zr438sud] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width:700px) {
    .ot-page[b-50zr438sud] {
        padding: 18px
    }

    .ot-head[b-50zr438sud] {
        flex-direction: column
    }

    .ot-grid[b-50zr438sud], .ot-filters[b-50zr438sud] {
        grid-template-columns: 1fr
    }

    .ot-wide[b-50zr438sud] {
        grid-column: auto
    }

    .ot-summary[b-50zr438sud] {
        grid-template-columns: repeat(2,1fr)
    }
}

.ot-assignment[b-50zr438sud] {
    border: 1px solid #d9e6ee;
    background: #f8fafc;
    border-radius: 10px;
    padding: 16px 18px;
    margin: 16px 0
}

    .ot-assignment h3[b-50zr438sud] {
        margin: 0 0 6px
    }

    .ot-assignment label[b-50zr438sud] {
        display: block;
        margin: 10px 0;
        font-size: 13px;
        font-weight: 700
    }

    .ot-assignment textarea[b-50zr438sud] {
        display: block;
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #c9dae6;
        border-radius: 8px;
        padding: 10px;
        background: #fff;
        color: #183d57;
        resize: vertical
    }

    .ot-assignment .ot-outline[b-50zr438sud] {
        margin-top: 9px
    }

    .ot-assignment select[b-50zr438sud] {
        display: block;
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #c9dae6;
        border-radius: 8px;
        padding: 11px;
        background: #fff;
        color: #183d57;
        font: inherit
    }

.ot-link-table[b-50zr438sud] {
    min-width: 620px !important;
    margin: 9px 0 16px
}

    .ot-link-table td[b-50zr438sud] {
        overflow-wrap: anywhere
    }

/* Interim UX: list and status overview shown before deliberate task creation. */
.ot-head-actions[b-50zr438sud] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap
}

@media(max-width:700px) {
    .ot-head-actions[b-50zr438sud] {
        width: 100%
    }

        .ot-head-actions button[b-50zr438sud] {
            flex: 1
        }
}
/* /Components/Pages/RecordedDeliveries.razor.rz.scp.css */
.rd-page[b-id3rjj1zwj] {
    max-width: 1520px;
    margin: 0 auto;
    padding: 12px 14px 34px;
    color: #193448
}

.rd-head[b-id3rjj1zwj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.rd-eyebrow[b-id3rjj1zwj] {
    font-size: 11px;
    letter-spacing: .12em;
    font-weight: 800;
    color: #bd0e22;
    margin-bottom: 7px
}

.rd-head h1[b-id3rjj1zwj] {
    margin: 0 0 7px;
    font-size: clamp(25px,2.7vw,34px);
    color: #153149
}

.rd-head p[b-id3rjj1zwj], .rd-panel-head p[b-id3rjj1zwj] {
    color: #668096;
    margin: 0;
    font-size: 13px
}

.rd-head-actions[b-id3rjj1zwj], .rd-form-actions[b-id3rjj1zwj] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center
}

.rd-primary[b-id3rjj1zwj], .rd-secondary[b-id3rjj1zwj], .rd-danger[b-id3rjj1zwj] {
    border: 1px solid #d2dfe8;
    border-radius: 9px;
    padding: 10px 15px;
    font-weight: 750;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block
}

.rd-primary[b-id3rjj1zwj] {
    background: #be071d;
    border-color: #be071d;
    color: #fff
}

    .rd-primary:hover[b-id3rjj1zwj] {
        background: #9e071b
    }

.rd-secondary[b-id3rjj1zwj] {
    background: #fff;
    color: #1d4862
}

    .rd-secondary:hover[b-id3rjj1zwj] {
        background: #f3f7fa
    }

.rd-danger[b-id3rjj1zwj] {
    background: #b01f30;
    border-color: #b01f30;
    color: white
}

    .rd-primary:disabled[b-id3rjj1zwj], .rd-secondary:disabled[b-id3rjj1zwj], .rd-danger:disabled[b-id3rjj1zwj] {
        opacity: .55;
        cursor: wait
    }

.rd-summary[b-id3rjj1zwj] {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 13px;
    margin-bottom: 18px
}

    .rd-summary > div[b-id3rjj1zwj] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        background: #fff;
        border: 1px solid #dce7ed;
        border-radius: 13px;
        padding: 17px 20px
    }

    .rd-summary span[b-id3rjj1zwj] {
        font-size: 12px;
        color: #637d90
    }

    .rd-summary strong[b-id3rjj1zwj] {
        font-size: 29px;
        color: #16364c;
        font-variant-numeric: tabular-nums
    }

.rd-panel[b-id3rjj1zwj] {
    border: 1px solid #dce7ed;
    border-radius: 14px;
    background: white;
    box-shadow: 0 2px 10px #172e4610;
    margin-bottom: 18px;
    overflow: hidden
}

.rd-panel-head[b-id3rjj1zwj] {
    padding: 19px 22px 16px;
    border-bottom: 1px solid #e7eef2
}

    .rd-panel-head h2[b-id3rjj1zwj] {
        font-size: 19px;
        margin: 0 0 5px;
        color: #16364c
    }

.rd-form[b-id3rjj1zwj] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 17px 20px;
    padding: 20px 22px
}

.rd-field[b-id3rjj1zwj] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: #4b6479;
    font-size: 12px;
    font-weight: 700
}

    .rd-field input[b-id3rjj1zwj], .rd-field select[b-id3rjj1zwj], .rd-field textarea[b-id3rjj1zwj] {
        width: 100%;
        min-width: 0;
        border: 1px solid #cbdce6;
        border-radius: 8px;
        background: white;
        color: #223b50;
        font-size: 14px;
        padding: 10px 12px;
        font-family: inherit;
        font-weight: 400
    }

        .rd-field input:focus[b-id3rjj1zwj], .rd-field select:focus[b-id3rjj1zwj], .rd-field textarea:focus[b-id3rjj1zwj] {
            outline: 2px solid #83b5cb;
            outline-offset: 1px
        }

.rd-span-2[b-id3rjj1zwj] {
    grid-column: 1 / -1
}

.rd-check[b-id3rjj1zwj] {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 13px;
    font-weight: 650;
    color: #365369;
    cursor: pointer
}

    .rd-check input[b-id3rjj1zwj] {
        width: 17px;
        height: 17px;
        accent-color: #bd0e22
    }

.rd-filters[b-id3rjj1zwj] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 17px 22px
}

    .rd-filters .rd-field[b-id3rjj1zwj] {
        flex: 1 1 220px
    }

    .rd-filters .rd-small[b-id3rjj1zwj] {
        flex: 0 1 180px
    }

.rd-table-scroll[b-id3rjj1zwj] {
    max-width: 100%;
    overflow: auto
}

.rd-table[b-id3rjj1zwj] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    min-width: 940px
}

    .rd-table th[b-id3rjj1zwj] {
        background: #f5f8fa;
        color: #526b7f;
        font-weight: 750;
        text-align: left;
        padding: 13px 14px;
        border-top: 1px solid #edf1f4;
        border-bottom: 1px solid #e3ecf1;
        white-space: nowrap
    }

    .rd-table td[b-id3rjj1zwj] {
        padding: 15px 14px;
        color: #29445b;
        border-bottom: 1px solid #e7eef2;
        vertical-align: middle
    }

        .rd-table td strong[b-id3rjj1zwj] {
            display: block
        }

        .rd-table td small[b-id3rjj1zwj] {
            display: block;
            color: #70869a;
            font-size: 11px;
            margin-top: 4px
        }

    .rd-table tr:hover td[b-id3rjj1zwj] {
        background: #fafbfd
    }

.rd-nowrap[b-id3rjj1zwj] {
    white-space: nowrap
}

.rd-link[b-id3rjj1zwj], .rd-text-action[b-id3rjj1zwj] {
    color: #b60c21;
    text-decoration: none;
    font-weight: 750
}

    .rd-link:hover[b-id3rjj1zwj], .rd-text-action:hover[b-id3rjj1zwj] {
        text-decoration: underline
    }

.rd-text-action[b-id3rjj1zwj] {
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer
}

.rd-pill[b-id3rjj1zwj] {
    display: inline-block;
    white-space: nowrap;
    border: 1px solid #d6e4ec;
    border-radius: 100px;
    padding: 4px 9px;
    color: #315873;
    background: #eff6fa;
    font-size: 11px;
    font-weight: 750
}

    .rd-pill.rd-demo[b-id3rjj1zwj] {
        color: #915b07;
        background: #fff5e3;
        border-color: #f3dfbb
    }

    .rd-pill.rd-active[b-id3rjj1zwj] {
        color: #25694e;
        background: #eaf8f0;
        border-color: #d3ede0
    }

    .rd-pill.rd-void[b-id3rjj1zwj] {
        color: #6d7480;
        background: #eff1f4;
        border-color: #e0e3e7
    }

.rd-message[b-id3rjj1zwj] {
    padding: 15px 18px;
    margin: 10px 0;
    border: 1px solid #dce7ec;
    background: white;
    border-radius: 9px;
    color: #4e6477
}

    .rd-message.rd-error[b-id3rjj1zwj] {
        border-color: #ebc3c6;
        background: #fff5f5;
        color: #9b1b2b
    }

    .rd-message.rd-success[b-id3rjj1zwj] {
        border-color: #bfe1cf;
        background: #f2fbf6;
        color: #226748
    }

.rd-pages[b-id3rjj1zwj] {
    padding: 15px 22px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    color: #61788a;
    font-size: 13px;
    flex-wrap: wrap
}

    .rd-pages > div[b-id3rjj1zwj] {
        display: flex;
        gap: 10px
    }

    .rd-pages button[b-id3rjj1zwj] {
        border: 1px solid #d8e4eb;
        background: white;
        color: #2a5670;
        border-radius: 8px;
        padding: 8px 12px;
        cursor: pointer
    }

        .rd-pages button:disabled[b-id3rjj1zwj] {
            opacity: .45;
            cursor: default
        }

.rd-void-form[b-id3rjj1zwj] {
    background: #fff9f8;
    border: 1px solid #eccfd1;
    border-radius: 10px;
    margin: 0 20px 18px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

    .rd-void-form h3[b-id3rjj1zwj] {
        margin: 0;
        color: #803342;
        font-size: 18px
    }

    .rd-void-form p[b-id3rjj1zwj] {
        margin: 0;
        color: #6b7481;
        font-size: 13px
    }

@media(max-width:800px) {
    .rd-form[b-id3rjj1zwj] {
        grid-template-columns: 1fr
    }

    .rd-summary[b-id3rjj1zwj] {
        grid-template-columns: 1fr
    }

    .rd-page[b-id3rjj1zwj] {
        padding: 8px 4px 24px
    }

    .rd-panel-head[b-id3rjj1zwj], .rd-form[b-id3rjj1zwj], .rd-filters[b-id3rjj1zwj] {
        padding-left: 15px;
        padding-right: 15px
    }
}

/* Step 31E.1C: register-first workflow */
.rd-create-panel[b-id3rjj1zwj] {
    border-color: #cbdde6;
    box-shadow: 0 4px 18px rgba(20,48,70,.07)
}

.rd-action-complete[b-id3rjj1zwj] {
    display: block;
    color: #66778a;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap
}

.rd-head-actions button:focus-visible[b-id3rjj1zwj], .rd-form-actions button:focus-visible[b-id3rjj1zwj], .rd-text-action:focus-visible[b-id3rjj1zwj] {
    outline: 3px solid #85b9d0;
    outline-offset: 3px
}

/* Step 31E.1D: filter controls adapt to 200+ Tank fleets. */
.rd-filter-grid[b-id3rjj1zwj] {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px 16px;
    align-items: end
}

    .rd-filter-grid .rd-field[b-id3rjj1zwj] {
        flex: none;
        min-width: 0
    }

.rd-filter-actions[b-id3rjj1zwj] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap
}

@media(max-width:1000px) {
    .rd-filter-grid[b-id3rjj1zwj] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width:630px) {
    .rd-filter-grid[b-id3rjj1zwj] {
        grid-template-columns: 1fr
    }
}
/* /Components/Pages/RefillingHistory.razor.rz.scp.css */
.rh-page[b-sqpihw1ap6] {
    max-width: 1560px;
    margin: 0 auto;
    padding: 12px 12px 40px;
    color: #263c50;
}

.rh-header[b-sqpihw1ap6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 18px;
}

.rh-eyebrow[b-sqpihw1ap6] {
    color: #a30a1a;
    letter-spacing: .14em;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 5px;
}

.rh-header h1[b-sqpihw1ap6] {
    color: #18354b;
    margin: 0 0 7px;
    font-size: clamp(25px,2.7vw,34px);
    font-weight: 780;
}

.rh-header p[b-sqpihw1ap6] {
    color: #657b8b;
    font-size: 14px;
    margin: 0;
}

.rh-button[b-sqpihw1ap6] {
    border: 1px solid #b80c20;
    background: #b80c20;
    color: #fff;
    border-radius: 9px;
    padding: 10px 17px;
    font-size: 13px;
    font-weight: 750;
    cursor: pointer;
}

    .rh-button:hover[b-sqpihw1ap6] {
        background: #9e0719;
    }

    .rh-button:disabled[b-sqpihw1ap6] {
        opacity: .55;
        cursor: wait;
    }

.rh-asof[b-sqpihw1ap6] {
    background: #edf4f8;
    border: 1px solid #dce8ed;
    border-radius: 10px;
    padding: 12px 15px;
    color: #567084;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 28px;
    margin-bottom: 18px;
}

.rh-summary[b-sqpihw1ap6] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.rh-stat[b-sqpihw1ap6] {
    border: 1px solid #dfe7ec;
    background: #fff;
    border-radius: 13px;
    padding: 17px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

    .rh-stat span[b-sqpihw1ap6] {
        color: #61758a;
        font-size: 12px;
    }

    .rh-stat strong[b-sqpihw1ap6] {
        font-size: 28px;
        color: #17364d;
        font-weight: 800;
        font-variant-numeric: tabular-nums;
    }

.rh-panel[b-sqpihw1ap6], .rh-results[b-sqpihw1ap6] {
    background: white;
    border: 1px solid #dfe7ec;
    border-radius: 13px;
    overflow: hidden;
    margin-bottom: 18px;
}

.rh-panel-head[b-sqpihw1ap6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px 6px;
    flex-wrap: wrap;
}

    .rh-panel-head h2[b-sqpihw1ap6] {
        color: #17364d;
        font-size: 19px;
        margin: 0 0 5px;
        font-weight: 760;
    }

    .rh-panel-head p[b-sqpihw1ap6] {
        color: #677c8c;
        font-size: 12px;
        margin: 0;
    }

.rh-count[b-sqpihw1ap6] {
    background: #eef3f6;
    color: #476478;
    font-size: 12px;
    border-radius: 99px;
    padding: 7px 11px;
    font-weight: 700;
}

.rh-filters[b-sqpihw1ap6] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 13px;
    padding: 17px 20px 22px;
    align-items: end;
}

.rh-filter[b-sqpihw1ap6] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 7px;
    font-size: 12px;
    color: #425d74;
    font-weight: 750;
}

.rh-search[b-sqpihw1ap6] {
    grid-column: span 2;
}

.rh-filter input[b-sqpihw1ap6], .rh-filter select[b-sqpihw1ap6] {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
    height: 43px;
    padding: 9px 12px;
    border-radius: 8px;
    border: 1px solid #cad9e3;
    background: #fff;
    color: #294256;
    font-size: 13px;
}

    .rh-filter input:focus-visible[b-sqpihw1ap6], .rh-filter select:focus-visible[b-sqpihw1ap6], .rh-clear:focus-visible[b-sqpihw1ap6], .rh-button:focus-visible[b-sqpihw1ap6], .rh-paging button:focus-visible[b-sqpihw1ap6] {
        outline: 2px solid #3291bc;
        outline-offset: 2px;
    }

.rh-clear[b-sqpihw1ap6] {
    border: 1px solid #cbd9e3;
    background: #fff;
    color: #526d81;
    border-radius: 8px;
    height: 43px;
    padding: 9px 13px;
    cursor: pointer;
    font-weight: 700;
}

    .rh-clear:hover[b-sqpihw1ap6] {
        background: #f3f7fa;
    }

.rh-notice[b-sqpihw1ap6] {
    border: 1px solid #dce6ec;
    border-radius: 12px;
    background: white;
    padding: 24px;
    color: #557188;
    margin-bottom: 18px;
}

.rh-error[b-sqpihw1ap6] {
    border-color: #e4b9ba;
    color: #a51927;
}

.rh-results-head[b-sqpihw1ap6] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 14px 19px;
    background: #f7f9fb;
    color: #586e80;
    font-size: 12px;
}

.rh-table-scroll[b-sqpihw1ap6] {
    overflow-x: auto;
    width: 100%;
}

.rh-table[b-sqpihw1ap6] {
    border-collapse: collapse;
    min-width: 1020px;
    width: 100%;
    font-size: 12px;
}

    .rh-table th[b-sqpihw1ap6] {
        background: #f5f8fa;
        padding: 12px 14px;
        color: #537085;
        font-weight: 800;
        white-space: nowrap;
        text-align: left;
        border-bottom: 1px solid #dfe8ed;
    }

    .rh-table td[b-sqpihw1ap6] {
        padding: 13px 14px;
        vertical-align: middle;
        border-bottom: 1px solid #edf1f4;
        color: #425c71;
    }

    .rh-table tbody tr:hover[b-sqpihw1ap6] {
        background: #fafcfd;
    }

.rh-when[b-sqpihw1ap6] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.rh-tanklink[b-sqpihw1ap6] {
    color: #b10b1b;
    font-weight: 800;
    text-decoration: none;
}

    .rh-tanklink:hover[b-sqpihw1ap6] {
        text-decoration: underline;
    }

.rh-subtext[b-sqpihw1ap6] {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    color: #6f8595;
}

.rh-value[b-sqpihw1ap6] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.rh-rise[b-sqpihw1ap6] {
    color: #197d67 !important;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.rh-origin[b-sqpihw1ap6] {
    display: inline-block;
    padding: 4px 8px;
    border: 1px solid #ecd2a2;
    background: #fff6e5;
    color: #986315;
    border-radius: 99px;
    font-size: 11px;
}

.rh-state[b-sqpihw1ap6] {
    display: inline-block;
    border-radius: 99px;
    padding: 4px 8px;
    border: 1px solid #d4e4ed;
    background: #edf5fa;
    color: #326d8a;
    font-size: 11px;
    font-weight: 700;
}

.rh-paging[b-sqpihw1ap6] {
    padding: 17px 19px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 13px;
    font-size: 12px;
    color: #647a8b;
}

    .rh-paging button[b-sqpihw1ap6] {
        border: 1px solid #cbd9e3;
        background: #fff;
        border-radius: 8px;
        padding: 8px 13px;
        color: #284b61;
        cursor: pointer;
        font-weight: 700;
    }

        .rh-paging button:disabled[b-sqpihw1ap6] {
            opacity: .45;
            cursor: default;
        }

.rh-footnote[b-sqpihw1ap6] {
    max-width: 1020px;
    font-size: 12px;
    line-height: 1.6;
    color: #687e8f;
    margin: 15px 4px 0;
}

@media (max-width:1100px) {
    .rh-summary[b-sqpihw1ap6] {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .rh-filters[b-sqpihw1ap6] {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width:640px) {
    .rh-page[b-sqpihw1ap6] {
        padding: 5px 0 25px;
    }

    .rh-summary[b-sqpihw1ap6] {
        gap: 9px;
    }

    .rh-stat[b-sqpihw1ap6] {
        padding: 14px;
    }

        .rh-stat strong[b-sqpihw1ap6] {
            font-size: 24px;
        }

    .rh-filters[b-sqpihw1ap6] {
        grid-template-columns: 1fr;
    }

    .rh-search[b-sqpihw1ap6] {
        grid-column: span 1;
    }

    .rh-header[b-sqpihw1ap6] {
        padding: 0 4px;
    }
}

/* Step 31E.2D.1: Export actions use the existing CONTROMOTE styling. */
.rh-header-actions[b-sqpihw1ap6] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    align-items: center;
}

.rh-export[b-sqpihw1ap6] {
    background: #fff;
    color: #a30a1a;
}

    .rh-export:hover[b-sqpihw1ap6] {
        background: #fdf0f1;
    }

@media(max-width:640px) {
    .rh-header-actions[b-sqpihw1ap6] {
        width: 100%;
    }
}
/* /Components/Pages/ServiceVisitReports.razor.rz.scp.css */
.svr-page[b-a1g588eegk] {
    padding: 30px 38px 55px;
    color: #1b4057;
    background: #f6f8fb;
    min-height: 100vh
}

.svr-head[b-a1g588eegk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 24px
}

.svr-eyebrow[b-a1g588eegk] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #b50925;
    margin-bottom: 8px
}

.svr-head h1[b-a1g588eegk] {
    font-size: 33px;
    font-weight: 500;
    margin: 0 0 5px
}

.svr-head p[b-a1g588eegk] {
    color: #56768a;
    margin: 0
}

.svr-panel[b-a1g588eegk] {
    background: #fff;
    border: 1px solid #dce8ee;
    border-radius: 15px;
    padding: 27px
}

    .svr-panel h2[b-a1g588eegk] {
        margin: 0;
        font-size: 23px
    }

    .svr-panel p[b-a1g588eegk] {
        color: #587589;
        font-size: 13px;
        line-height: 1.6
    }

.svr-filters[b-a1g588eegk] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
    margin: 25px 0
}

    .svr-filters label[b-a1g588eegk] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        color: #34576e;
        font-size: 13px;
        font-weight: 700
    }

    .svr-filters select[b-a1g588eegk] {
        border: 1px solid #c9dae6;
        border-radius: 8px;
        padding: 12px;
        background: #fff;
        color: #183d57;
        font: inherit
    }

.svr-btn[b-a1g588eegk] {
    padding: 12px 22px;
    border-radius: 9px;
    border: 1px solid #ba0729;
    background: #ba0729;
    color: white;
    text-decoration: none;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    display: inline-block
}

.svr-outline[b-a1g588eegk] {
    background: white;
    border-color: #cbdce7;
    color: #224a65
}

.svr-btn:disabled[b-a1g588eegk] {
    opacity: .55;
    cursor: wait
}

.svr-actions[b-a1g588eegk] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.svr-note[b-a1g588eegk] {
    margin-top: 17px
}

.svr-error[b-a1g588eegk] {
    background: #ffe8ed;
    color: #921b33;
    padding: 15px;
    margin-bottom: 17px;
    border-radius: 8px
}

@media(max-width:750px) {
    .svr-page[b-a1g588eegk] {
        padding: 18px
    }

    .svr-head[b-a1g588eegk] {
        flex-direction: column
    }

    .svr-filters[b-a1g588eegk] {
        grid-template-columns: 1fr
    }
}
/* /Components/Pages/ServiceVisits.razor.rz.scp.css */
.sv-page[b-kjp0hzceqw] {
    padding: 30px 38px 55px;
    background: #f6f8fb;
    min-height: 100vh;
    color: #183d57
}

.sv-head[b-kjp0hzceqw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 24px
}

.sv-eyebrow[b-kjp0hzceqw] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #b60927
}

.sv-head h1[b-kjp0hzceqw] {
    font-size: 34px;
    font-weight: 500;
    margin: 8px 0 4px
}

.sv-head p[b-kjp0hzceqw] {
    color: #587589;
    margin: 0
}

.sv-panel[b-kjp0hzceqw] {
    background: #fff;
    border: 1px solid #d9e6ee;
    border-radius: 15px;
    padding: 23px 26px;
    margin-bottom: 20px
}

    .sv-panel h2[b-kjp0hzceqw] {
        font-size: 22px;
        margin: 0 0 4px
    }

    .sv-panel h3[b-kjp0hzceqw] {
        font-size: 18px;
        margin: 25px 0 10px
    }

.sv-muted[b-kjp0hzceqw] {
    color: #587589;
    font-size: 13px;
    margin: 0 0 16px
}

.sv-error[b-kjp0hzceqw], .sv-ok[b-kjp0hzceqw] {
    margin: 0 0 15px;
    padding: 14px;
    border-radius: 9px
}

.sv-error[b-kjp0hzceqw] {
    background: #fce9ed;
    color: #9b1b30
}

.sv-ok[b-kjp0hzceqw] {
    background: #e4f4ea;
    color: #175d39
}

.sv-summary[b-kjp0hzceqw] {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 10px
}

    .sv-summary > div[b-kjp0hzceqw] {
        background: #f3f7fa;
        border: 1px solid #dce6ee;
        border-radius: 9px;
        padding: 14px
    }

    .sv-summary small[b-kjp0hzceqw] {
        display: block;
        color: #537187;
        font-size: 12px
    }

    .sv-summary strong[b-kjp0hzceqw] {
        display: block;
        margin-top: 4px;
        font-size: 24px
    }

.sv-grid[b-kjp0hzceqw], .sv-filters[b-kjp0hzceqw] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px
}

    .sv-grid label[b-kjp0hzceqw], .sv-filters label[b-kjp0hzceqw] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        font-size: 13px;
        font-weight: 700
    }

    .sv-grid select[b-kjp0hzceqw], .sv-grid input[b-kjp0hzceqw], .sv-grid textarea[b-kjp0hzceqw], .sv-filters select[b-kjp0hzceqw] {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #c9dae6;
        border-radius: 8px;
        padding: 12px;
        background: white;
        color: #183d57;
        font: inherit
    }

.sv-wide[b-kjp0hzceqw] {
    grid-column: span 2
}

.sv-grid textarea[b-kjp0hzceqw] {
    resize: vertical
}

.sv-actions[b-kjp0hzceqw] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 18px;
    flex-wrap: wrap
}

.sv-primary[b-kjp0hzceqw], .sv-outline[b-kjp0hzceqw] {
    padding: 12px 22px;
    font: inherit;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 700
}

.sv-primary[b-kjp0hzceqw] {
    background: #b70626;
    color: #fff;
    border: 1px solid #b70626
}

.sv-outline[b-kjp0hzceqw] {
    background: white;
    color: #194360;
    border: 1px solid #ccdae6
}

    .sv-primary:disabled[b-kjp0hzceqw], .sv-outline:disabled[b-kjp0hzceqw] {
        opacity: .5;
        cursor: not-allowed
    }

.sv-small[b-kjp0hzceqw] {
    font-size: 12px;
    padding: 7px 12px;
    margin-top: 10px;
    display: block
}

.sv-filters[b-kjp0hzceqw] {
    grid-template-columns: repeat(3,minmax(0,1fr)) auto;
    align-items: end;
    margin-bottom: 17px
}

.sv-scroll[b-kjp0hzceqw] {
    overflow-x: auto
}

    .sv-scroll table[b-kjp0hzceqw] {
        border-collapse: collapse;
        width: 100%;
        min-width: 980px;
        font-size: 13px
    }

    .sv-scroll th[b-kjp0hzceqw], .sv-scroll td[b-kjp0hzceqw] {
        text-align: left;
        padding: 12px;
        border-bottom: 1px solid #e1eaf0;
        vertical-align: top
    }

    .sv-scroll th[b-kjp0hzceqw] {
        background: #f0f5f8;
        color: #4e6b80
    }

    .sv-scroll small[b-kjp0hzceqw] {
        display: block;
        color: #55718a;
        margin-top: 5px;
        white-space: pre-wrap;
        overflow-wrap: anywhere
    }

.sv-uid[b-kjp0hzceqw] {
    font-size: 11px;
    overflow-wrap: anywhere
}

.sv-tag[b-kjp0hzceqw] {
    display: inline-block;
    border-radius: 22px;
    padding: 5px 10px;
    background: #edf2f5;
    font-size: 12px;
    font-weight: 650
}

.sv-planned[b-kjp0hzceqw] {
    background: #fff0d7;
    color: #865000
}

.sv-progress[b-kjp0hzceqw] {
    background: #e6f2ff;
    color: #255b91
}

.sv-completed[b-kjp0hzceqw] {
    background: #e4f5eb;
    color: #197142
}

.sv-cancelled[b-kjp0hzceqw] {
    background: #eef0f2;
    color: #647383
}

.sv-overdue[b-kjp0hzceqw] {
    color: #a92133 !important;
    font-weight: 750
}

.sv-pages[b-kjp0hzceqw] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-top: 14px
}

.sv-selection[b-kjp0hzceqw] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start
}

@media(max-width:1050px) {
    .sv-summary[b-kjp0hzceqw] {
        grid-template-columns: repeat(3,1fr)
    }

    .sv-filters[b-kjp0hzceqw] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width:700px) {
    .sv-page[b-kjp0hzceqw] {
        padding: 18px
    }

    .sv-head[b-kjp0hzceqw] {
        flex-direction: column
    }

    .sv-grid[b-kjp0hzceqw], .sv-filters[b-kjp0hzceqw] {
        grid-template-columns: 1fr
    }

    .sv-wide[b-kjp0hzceqw] {
        grid-column: auto
    }

    .sv-summary[b-kjp0hzceqw] {
        grid-template-columns: repeat(2,1fr)
    }
}

.sv-assignment[b-kjp0hzceqw] {
    border: 1px solid #d9e6ee;
    background: #f7fafc;
    border-radius: 10px;
    padding: 18px;
    margin: 14px 0 23px
}

    .sv-assignment h3[b-kjp0hzceqw] {
        margin: 0 0 5px
    }

.sv-assignment-label[b-kjp0hzceqw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    margin: 14px 0;
    max-width: 700px
}

    .sv-assignment-label select[b-kjp0hzceqw], .sv-assignment-label textarea[b-kjp0hzceqw] {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #c9dae6;
        border-radius: 8px;
        padding: 12px;
        background: #fff;
        color: #183d57;
        font: inherit
    }

    .sv-assignment-label textarea[b-kjp0hzceqw] {
        resize: vertical
    }

/* Phase 33C.2B: task references in the immutable visit history. */
.sv-tasklinks[b-kjp0hzceqw] {
    border: 1px solid #d9e6ee;
    background: #f7fafc;
    border-radius: 10px;
    padding: 18px;
    margin: 16px 0 23px
}

    .sv-tasklinks h3[b-kjp0hzceqw] {
        margin: 0 0 6px
    }

    .sv-tasklinks .sv-scroll table[b-kjp0hzceqw] {
        min-width: 560px
    }

/* Phase 33C.3A: immutable checklist/result snapshots. */
.sv-results[b-kjp0hzceqw] {
    border: 1px solid #d9e6ee;
    background: #f7fafc;
    border-radius: 10px;
    padding: 18px;
    margin: 16px 0 23px
}

    .sv-results h3[b-kjp0hzceqw] {
        margin: 0 0 6px
    }

    .sv-results h4[b-kjp0hzceqw] {
        margin: 22px 0 12px
    }

.sv-results-table[b-kjp0hzceqw] {
    min-width: 920px !important
}

    .sv-results-table td[b-kjp0hzceqw] {
        min-width: 110px;
        white-space: normal;
        overflow-wrap: anywhere
    }

.sv-results-checks[b-kjp0hzceqw] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px
}

    .sv-results-checks label[b-kjp0hzceqw], .sv-results-form label[b-kjp0hzceqw] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        font-size: 13px;
        font-weight: 700
    }

    .sv-results-checks select[b-kjp0hzceqw], .sv-results-form select[b-kjp0hzceqw], .sv-results-form textarea[b-kjp0hzceqw] {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #c9dae6;
        border-radius: 8px;
        padding: 12px;
        background: white;
        color: #183d57;
        font: inherit
    }

.sv-results-form[b-kjp0hzceqw] {
    margin-top: 14px;
    display: grid;
    gap: 14px;
    max-width: 900px
}

    .sv-results-form textarea[b-kjp0hzceqw] {
        resize: vertical
    }

    .sv-results-form label.sv-result-demo[b-kjp0hzceqw] {
        display: flex;
        align-items: center;
        flex-direction: row
    }

    .sv-results-form .sv-outline[b-kjp0hzceqw] {
        justify-self: start
    }

@media(max-width:700px) {
    .sv-results-checks[b-kjp0hzceqw] {
        grid-template-columns: 1fr
    }
}

/* Phase 33C.4A: permission-aware reports link. */
.sv-head-actions[b-kjp0hzceqw] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap
}

.sv-link[b-kjp0hzceqw] {
    display: inline-block;
    text-decoration: none
}
/* /Components/Pages/SimAssignments.razor.rz.scp.css */
.sima-page[b-ar1o7hevle] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 26px 28px 50px;
    color: #18354e
}

.sima-crumb[b-ar1o7hevle] {
    font-size: .73rem;
    letter-spacing: .1em;
    color: #61798b;
    font-weight: 750;
    margin-bottom: 12px
}

.sima-header[b-ar1o7hevle] {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: start;
    margin-bottom: 22px
}

    .sima-header h1[b-ar1o7hevle] {
        font-size: 1.85rem;
        margin: 0 0 7px
    }

    .sima-header p[b-ar1o7hevle] {
        margin: 0;
        color: #607a8c
    }

    .sima-header > div:last-child[b-ar1o7hevle] {
        display: flex;
        gap: 9px
    }

.sima-summary[b-ar1o7hevle], .sima-card[b-ar1o7hevle] {
    background: #fff;
    border: 1px solid #dce7ee;
    border-radius: 13px;
    padding: 21px 25px;
    margin-bottom: 16px
}

.sima-summary[b-ar1o7hevle] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap
}

    .sima-summary span[b-ar1o7hevle] {
        color: #718698;
        font-size: .77rem;
        font-weight: 700
    }

    .sima-summary h2[b-ar1o7hevle] {
        margin: 7px 0;
        font-size: 1.4rem
    }

    .sima-summary p[b-ar1o7hevle] {
        margin: 0;
        color: #667f91
    }

    .sima-summary > strong[b-ar1o7hevle] {
        font-size: .83rem;
        color: #197293;
        background: #edf8fb;
        border-radius: 8px;
        padding: 9px 11px
    }

.sima-card h3[b-ar1o7hevle] {
    font-size: 1.13rem;
    margin: 0 0 12px
}

.sima-card p[b-ar1o7hevle] {
    line-height: 1.5
}

.sima-button[b-ar1o7hevle] {
    border: 1px solid #cbdde5;
    background: #fff;
    color: #14658a;
    border-radius: 9px;
    padding: 10px 15px;
    text-decoration: none;
    cursor: pointer;
    font-weight: 750;
    display: inline-block
}

.sima-primary[b-ar1o7hevle] {
    background: #126c92;
    color: white;
    border-color: #126c92
}

.sima-button:disabled[b-ar1o7hevle] {
    opacity: .6;
    cursor: not-allowed
}

.sima-grid[b-ar1o7hevle] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
    margin: 18px 0
}

.sima-field[b-ar1o7hevle] {
    display: flex;
    flex-direction: column;
    gap: 7px
}

    .sima-field span[b-ar1o7hevle] {
        font-size: .84rem;
        font-weight: 750
    }

.sima-wide[b-ar1o7hevle] {
    grid-column: 1/-1
}

.sima-input[b-ar1o7hevle] {
    width: 100%;
    border: 1px solid #cbdbe6;
    border-radius: 9px;
    padding: 10px 12px;
    color: #18354e;
    background: #fff
}

.sima-textarea[b-ar1o7hevle] {
    min-height: 95px;
    resize: vertical
}

.sima-check[b-ar1o7hevle] {
    display: flex;
    align-items: start;
    gap: 9px;
    line-height: 1.4;
    font-size: .86rem
}

    .sima-check input[b-ar1o7hevle] {
        margin-top: 4px;
        accent-color: #1379a1
    }

.sima-muted[b-ar1o7hevle], .sima-footnote[b-ar1o7hevle] {
    color: #637d8e
}

.sima-footnote[b-ar1o7hevle] {
    font-size: .85rem;
    line-height: 1.55
}

.sima-warning-text[b-ar1o7hevle] {
    color: #947127;
    font-size: .84rem
}

.sima-notice[b-ar1o7hevle] {
    border: 1px solid #cddfe9;
    padding: 14px 16px;
    border-radius: 9px;
    margin-bottom: 15px;
    background: #f6fafc
}

.sima-error[b-ar1o7hevle] {
    color: #903c35;
    background: #fff4f3;
    border-color: #e6beb9
}

.sima-success[b-ar1o7hevle] {
    color: #27694d;
    background: #f0faf4;
    border-color: #b9e0c7
}

.sima-warning[b-ar1o7hevle] {
    color: #7b621e;
    background: #fff8e9;
    border-color: #efdcad
}

.sima-danger[b-ar1o7hevle] {
    border-color: #efd3cf
}

.sima-danger-button[b-ar1o7hevle] {
    color: #a4342c;
    border-color: #e4aaa4
}

@media(max-width:720px) {
    .sima-page[b-ar1o7hevle] {
        padding: 16px
    }

    .sima-grid[b-ar1o7hevle] {
        grid-template-columns: 1fr
    }

    .sima-header > div:last-child[b-ar1o7hevle] {
        flex-wrap: wrap
    }
}

.sima-history-wrap[b-ar1o7hevle] {
    overflow-x: auto
}

.sima-history-table[b-ar1o7hevle] {
    border-collapse: collapse;
    width: 100%;
    min-width: 680px;
    font-size: .87rem
}

    .sima-history-table th[b-ar1o7hevle] {
        background: #f2f7fa;
        color: #5e7688;
        text-align: left;
        font-size: .77rem;
        padding: 11px
    }

    .sima-history-table td[b-ar1o7hevle] {
        padding: 12px 11px;
        border-bottom: 1px solid #e4ecf1
    }

    .sima-history-table a[b-ar1o7hevle] {
        color: #176e91;
        font-weight: 750;
        text-decoration: none
    }
/* /Components/Pages/SimCardEditor.razor.rz.scp.css */
.sime-page[b-di68os5g11] {
    max-width: 1220px;
    margin: 0 auto;
    padding: 26px 28px 50px;
    color: #18354e
}

.sime-crumb[b-di68os5g11] {
    font-size: .73rem;
    letter-spacing: .1em;
    color: #657b8d;
    font-weight: 750;
    margin-bottom: 12px
}

.sime-header[b-di68os5g11] {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: flex-start;
    margin-bottom: 22px;
    flex-wrap: wrap
}

    .sime-header h1[b-di68os5g11] {
        margin: 0 0 8px;
        font-size: 1.85rem
    }

    .sime-header p[b-di68os5g11] {
        margin: 0;
        color: #63798b
    }

.sime-card[b-di68os5g11] {
    border: 1px solid #dce6ed;
    border-radius: 14px;
    background: #fff;
    padding: 26px
}

    .sime-card h2[b-di68os5g11] {
        margin: 0 0 16px;
        font-size: 1.17rem
    }

.sime-grid[b-di68os5g11] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px
}

.sime-field[b-di68os5g11] {
    display: flex;
    flex-direction: column;
    gap: 7px
}

    .sime-field span[b-di68os5g11] {
        font-weight: 700;
        font-size: .85rem
    }

    .sime-field small[b-di68os5g11] {
        color: #6a8293;
        line-height: 1.35
    }

    .sime-field b[b-di68os5g11] {
        color: #b2544b
    }

.sime-wide[b-di68os5g11] {
    grid-column: 1/-1
}

.sime-input[b-di68os5g11] {
    border: 1px solid #cbdbe6;
    border-radius: 9px;
    padding: 11px 12px;
    width: 100%;
    background: #fff;
    color: #18354e
}

    .sime-input:disabled[b-di68os5g11] {
        background: #f3f7fa;
        color: #61788b
    }

.sime-textarea[b-di68os5g11] {
    min-height: 104px;
    resize: vertical
}

.sime-actions[b-di68os5g11] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 22px
}

.sime-button[b-di68os5g11] {
    display: inline-flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #cadae5;
    border-radius: 9px;
    padding: 10px 16px;
    background: white;
    color: #185477;
    cursor: pointer;
    font-weight: 750
}

.sime-primary[b-di68os5g11] {
    background: #116f97;
    color: white;
    border-color: #116f97
}

.sime-button:disabled[b-di68os5g11] {
    opacity: .6;
    cursor: not-allowed
}

.sime-notice[b-di68os5g11] {
    border-radius: 9px;
    padding: 13px 16px;
    background: #f3f9fc;
    border: 1px solid #d3e7ee;
    margin: 10px 0
}

.sime-error[b-di68os5g11] {
    background: #fff4f3;
    color: #9a3d36;
    border-color: #e5bfbd
}

.sime-success[b-di68os5g11] {
    background: #f1faf5;
    color: #275b45;
    border-color: #c4e7d2
}

.sime-hint[b-di68os5g11] {
    margin: 13px 0;
    color: #5e7689;
    font-size: .86rem;
    line-height: 1.55
}

@media(max-width:700px) {
    .sime-page[b-di68os5g11] {
        padding: 16px
    }

    .sime-card[b-di68os5g11] {
        padding: 18px
    }

    .sime-grid[b-di68os5g11] {
        grid-template-columns: 1fr
    }
}

/* Step 30E.4: consistent grouped form layout and self-service field guidance. */
.sime-intro[b-di68os5g11] {
    border: 1px solid #e1eaf0;
    border-radius: 9px;
    background: #f8fafc;
    padding: 13px 15px;
    color: #557386;
    line-height: 1.5;
    font-size: .86rem;
    margin: 0 0 15px
}

.sime-section[b-di68os5g11] {
    padding: 4px 0 22px;
    margin-bottom: 19px;
    border-bottom: 1px solid #e6eef3
}

.sime-section-heading[b-di68os5g11] {
    margin-bottom: 10px
}

    .sime-section-heading h2[b-di68os5g11] {
        margin: 0 0 5px;
        color: #1b4259;
        font-size: 1.09rem
    }

    .sime-section-heading p[b-di68os5g11] {
        margin: 0;
        color: #6a8394;
        font-size: .85rem;
        line-height: 1.5
    }

.sime-section .asset-field-help[b-di68os5g11] {
    margin: 0 0 16px
}

.sime-button:focus-visible[b-di68os5g11], .sime-input:focus-visible[b-di68os5g11] {
    outline: 2px solid #2d779e;
    outline-offset: 2px
}
/* /Components/Pages/SimCards.razor.rz.scp.css */
.simd-page[b-3upwl0upfu] {
    max-width: 1580px;
    margin: 0 auto;
    padding: 26px 28px 50px;
    color: var(--text-primary,#19344e)
}

.simd-crumb[b-3upwl0upfu] {
    font-size: .72rem;
    letter-spacing: .12em;
    color: #647e92;
    font-weight: 750;
    margin-bottom: 12px
}

.simd-header[b-3upwl0upfu] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 22px;
    flex-wrap: wrap
}

    .simd-header h1[b-3upwl0upfu] {
        font-size: 1.9rem;
        margin: 0 0 7px;
        font-weight: 800
    }

    .simd-header p[b-3upwl0upfu] {
        margin: 0;
        color: #5d7487
    }

.simd-actions[b-3upwl0upfu] {
    display: flex;
    gap: 8px
}

.simd-button[b-3upwl0upfu], .simd-small[b-3upwl0upfu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 9px 15px;
    border: 1px solid #cbd9e3;
    border-radius: 9px;
    background: white;
    color: #16466b;
    font-weight: 700;
    cursor: pointer;
    font: inherit
}

.simd-primary[b-3upwl0upfu] {
    background: #136c91;
    color: white;
    border-color: #136c91
}

.simd-small[b-3upwl0upfu] {
    padding: 6px 11px;
    font-size: .82rem
}

.simd-metrics[b-3upwl0upfu] {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 13px;
    margin-bottom: 18px
}

    .simd-metrics > div[b-3upwl0upfu] {
        border: 1px solid #dce6ed;
        border-radius: 12px;
        padding: 16px 20px;
        background: #fff;
        display: flex;
        flex-direction: column;
        gap: 4px
    }

    .simd-metrics span[b-3upwl0upfu] {
        font-size: .82rem;
        color: #5e7587
    }

    .simd-metrics strong[b-3upwl0upfu] {
        font-size: 1.6rem;
        font-weight: 800
    }

.simd-panel[b-3upwl0upfu] {
    border: 1px solid #dce6ed;
    border-radius: 14px;
    background: #fff;
    overflow: hidden
}

.simd-filters[b-3upwl0upfu] {
    display: flex;
    gap: 14px;
    padding: 17px;
    border-bottom: 1px solid #e5edf1;
    flex-wrap: wrap
}

    .simd-filters label[b-3upwl0upfu] {
        display: flex;
        flex-direction: column;
        gap: 6px;
        min-width: 210px;
        flex: 1
    }

        .simd-filters label span[b-3upwl0upfu] {
            font-weight: 700;
            font-size: .8rem;
            color: #566f83
        }

.simd-input[b-3upwl0upfu] {
    border: 1px solid #c8d7e2;
    border-radius: 8px;
    padding: 10px 11px;
    background: #fff;
    color: #19344e;
    width: 100%
}

.simd-table-wrap[b-3upwl0upfu] {
    overflow: auto
}

.simd-table[b-3upwl0upfu] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    min-width: 960px;
    font-size: .88rem
}

    .simd-table th[b-3upwl0upfu] {
        background: #f3f8fb;
        color: #5a7388;
        font-size: .75rem;
        letter-spacing: .035em;
        text-align: left;
        white-space: nowrap;
        padding: 13px 15px;
        border-bottom: 1px solid #dfebf2
    }

    .simd-table td[b-3upwl0upfu] {
        padding: 14px 15px;
        border-bottom: 1px solid #eaf0f4;
        vertical-align: middle;
        white-space: nowrap
    }

        .simd-table th:first-child[b-3upwl0upfu], .simd-table td.simd-sticky[b-3upwl0upfu] {
            position: sticky;
            left: 0;
            z-index: 2;
            background: #fff;
            min-width: 92px;
            box-shadow: 2px 0 6px #0000000a
        }

    .simd-table th:first-child[b-3upwl0upfu] {
        background: #f3f8fb;
        z-index: 3
    }

    .simd-table tr:hover td[b-3upwl0upfu] {
        background: #f8fbfe
    }

        .simd-table tr:hover td.simd-sticky[b-3upwl0upfu] {
            background: #f8fbfe
        }

    .simd-table a[b-3upwl0upfu] {
        color: #176b92;
        text-decoration: none;
        font-weight: 700
    }

.simd-secondary-link[b-3upwl0upfu] {
    display: block;
    margin-top: 4px;
    font-size: .76rem
}

.simd-demo[b-3upwl0upfu] {
    font-size: .65rem;
    padding: 3px 6px;
    border-radius: 5px;
    background: #fff3db;
    color: #795400;
    margin-left: 8px;
    font-weight: 800
}

.simd-muted[b-3upwl0upfu], .simd-footnote[b-3upwl0upfu] {
    color: #667e90
}

.simd-footer[b-3upwl0upfu] {
    padding: 14px 17px;
    color: #6c8191;
    font-size: .82rem
}

.simd-footnote[b-3upwl0upfu] {
    margin-top: 16px;
    font-size: .85rem
}

.simd-notice[b-3upwl0upfu] {
    border: 1px solid #d7e5ed;
    background: #f5f9fc;
    border-radius: 9px;
    padding: 16px;
    margin: 14px 0
}

.simd-error[b-3upwl0upfu] {
    border-color: #e7bbbb;
    color: #913e3e;
    background: #fff6f5
}

@media(max-width:760px) {
    .simd-page[b-3upwl0upfu] {
        padding: 17px
    }

    .simd-metrics[b-3upwl0upfu] {
        grid-template-columns: 1fr
    }

    .simd-filters[b-3upwl0upfu] {
        flex-direction: column
    }
}

/* Step 30E.5A.1 - Match SIM inventory actions to other asset directories.
   Keep all SIM inventory/assignment routes and sticky column unchanged. */
.simd-table td.simd-sticky a.simd-small[b-3upwl0upfu] {
    display: inline;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #b60b1b;
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none;
}

    .simd-table td.simd-sticky a.simd-small:hover[b-3upwl0upfu] {
        color: #920a17;
        text-decoration: underline;
    }

    .simd-table td.simd-sticky a.simd-small:focus-visible[b-3upwl0upfu] {
        outline: 2px solid #b60b1b;
        outline-offset: 4px;
        border-radius: 2px;
    }
/* Primary registration action uses the shared CONTROMOTE red. */
.simd-actions .simd-button.simd-primary[b-3upwl0upfu] {
    color: #fff;
    background: #b60b1b;
    border-color: #b60b1b;
    font-weight: 750;
}

    .simd-actions .simd-button.simd-primary:hover[b-3upwl0upfu] {
        background: #970a17;
        border-color: #970a17;
    }

    .simd-actions .simd-button.simd-primary:focus-visible[b-3upwl0upfu] {
        outline: 2px solid #b60b1b;
        outline-offset: 3px;
    }
/* /Components/Pages/SiteDetails.razor.rz.scp.css */
.sd-page[b-xy3wq22w0z] {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 26px 48px;
    color: #203447
}

.sd-heading[b-xy3wq22w0z] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 22px
}

.sd-eyebrow[b-xy3wq22w0z] {
    color: #b60b1b;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .16em;
    margin-bottom: 8px
}

.sd-heading h1[b-xy3wq22w0z] {
    font-size: 2rem;
    letter-spacing: -.03em;
    font-weight: 760;
    margin: 0 0 8px
}

.sd-heading p[b-xy3wq22w0z], .sd-section-header p[b-xy3wq22w0z] {
    color: #62758a;
    margin: 0
}

.sd-actions[b-xy3wq22w0z] {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 9px
}

.sd-button[b-xy3wq22w0z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: 1px solid #ccd8e2;
    border-radius: 7px;
    color: #344b61;
    padding: 10px 16px;
    text-decoration: none;
    font-size: .88rem;
    font-weight: 680;
    cursor: pointer
}

    .sd-button:hover[b-xy3wq22w0z] {
        background: #f4f7f9;
        color: #233a50
    }

    .sd-button:disabled[b-xy3wq22w0z] {
        cursor: not-allowed;
        opacity: .6
    }

.sd-primary[b-xy3wq22w0z] {
    background: #b60b1b;
    border-color: #b60b1b;
    color: white
}

    .sd-primary:hover[b-xy3wq22w0z] {
        background: #960a17;
        color: white
    }

.sd-card[b-xy3wq22w0z] {
    background: white;
    border: 1px solid #e1e8ef;
    border-radius: 12px;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0 2px 14px rgba(32,52,71,.035)
}

.sd-card-header[b-xy3wq22w0z] {
    padding: 25px 28px 20px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid #e9eef2
}

.sd-code[b-xy3wq22w0z] {
    font-size: .76rem;
    font-weight: 850;
    letter-spacing: .05em;
    color: #b60b1b
}

.sd-card-header h2[b-xy3wq22w0z] {
    font-weight: 760;
    font-size: 1.45rem;
    margin: 7px 0 5px
}

.sd-card-header p[b-xy3wq22w0z] {
    color: #607588;
    margin: 0
}

.sd-status[b-xy3wq22w0z] {
    background: #edf4f7;
    border: 1px solid #d9e7ef;
    border-radius: 999px;
    color: #455b6d;
    padding: 5px 13px;
    font-weight: 650;
    font-size: .82rem;
    white-space: nowrap
}

.sd-facts[b-xy3wq22w0z] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 22px 30px;
    margin: 0;
    padding: 25px 28px
}

    .sd-facts div[b-xy3wq22w0z] {
        min-width: 0
    }

    .sd-facts dt[b-xy3wq22w0z] {
        font-size: .75rem;
        color: #6d7f8d;
        font-weight: 700;
        margin-bottom: 6px
    }

    .sd-facts dd[b-xy3wq22w0z] {
        font-size: .94rem;
        margin: 0;
        overflow-wrap: anywhere
    }

.sd-link[b-xy3wq22w0z] {
    color: #b60b1b;
    font-weight: 750;
    text-decoration: none
}

    .sd-link:hover[b-xy3wq22w0z] {
        text-decoration: underline
    }

.sd-restricted[b-xy3wq22w0z] {
    color: #7c8d9b;
    font-style: italic
}

.sd-notes[b-xy3wq22w0z] {
    border-top: 1px solid #e9eef2;
    padding: 20px 28px
}

    .sd-notes h3[b-xy3wq22w0z] {
        font-size: .9rem;
        margin: 0 0 8px
    }

    .sd-notes p[b-xy3wq22w0z] {
        color: #526778;
        margin: 0;
        white-space: pre-wrap;
        overflow-wrap: anywhere
    }

.sd-section-header[b-xy3wq22w0z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 22px 27px;
    border-bottom: 1px solid #e9eef2
}

    .sd-section-header h2[b-xy3wq22w0z] {
        font-size: 1.18rem;
        font-weight: 760;
        margin: 0 0 5px
    }

    .sd-section-header p[b-xy3wq22w0z] {
        font-size: .85rem
    }

.sd-count[b-xy3wq22w0z] {
    color: #576a7c;
    font-size: .85rem;
    font-weight: 650;
    white-space: nowrap
}

.sd-map[b-xy3wq22w0z] {
    height: 340px;
    min-height: 260px;
    width: 100%;
    background: #e5eaed
}

.sd-coordinates[b-xy3wq22w0z] {
    padding: 15px 22px;
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
    color: #536779;
    font-size: .83rem
}

    .sd-coordinates strong[b-xy3wq22w0z] {
        font-variant-numeric: tabular-nums;
        color: #213b50
    }

.sd-mapnote[b-xy3wq22w0z] {
    margin-left: auto;
    color: #708395
}

.sd-map-error[b-xy3wq22w0z] {
    margin: 0;
    padding: 12px 22px;
    color: #9a4250;
    font-size: .85rem
}

.sd-message[b-xy3wq22w0z] {
    padding: 25px 28px;
    color: #697c8e;
    font-size: .9rem
}

.sd-table-wrap[b-xy3wq22w0z] {
    overflow-x: auto
}

.sd-table[b-xy3wq22w0z] {
    width: 100%;
    border-collapse: collapse;
    font-size: .87rem
}

    .sd-table th[b-xy3wq22w0z] {
        padding: 13px 18px;
        text-align: left;
        background: #fbfcfe;
        border-bottom: 1px solid #e9eef2;
        color: #6b7e8e;
        font-size: .75rem;
        letter-spacing: .04em;
        text-transform: uppercase;
        white-space: nowrap
    }

    .sd-table td[b-xy3wq22w0z] {
        padding: 15px 18px;
        border-bottom: 1px solid #edf2f6;
        vertical-align: middle
    }

    .sd-table tr:last-child td[b-xy3wq22w0z] {
        border-bottom: 0
    }

.sd-tank-code[b-xy3wq22w0z] {
    font-weight: 750;
    white-space: nowrap
}

.sd-truncated[b-xy3wq22w0z], .sd-disclaimer[b-xy3wq22w0z] {
    padding: 12px 26px;
    margin: 0;
    color: #687c8c;
    font-size: .82rem
}

.sd-disclaimer[b-xy3wq22w0z] {
    border-top: 1px solid #edf2f6
}

.sd-notice[b-xy3wq22w0z] {
    background: #fff;
    border: 1px solid #dce5ec;
    border-radius: 9px;
    padding: 18px 20px;
    color: #405a70
}

@media(max-width:720px) {
    .sd-page[b-xy3wq22w0z] {
        padding: 0 14px 35px
    }

    .sd-heading[b-xy3wq22w0z] {
        flex-wrap: wrap
    }

        .sd-heading h1[b-xy3wq22w0z] {
            font-size: 1.6rem
        }

    .sd-facts[b-xy3wq22w0z] {
        grid-template-columns: 1fr;
        padding: 20px
    }

    .sd-card-header[b-xy3wq22w0z], .sd-section-header[b-xy3wq22w0z] {
        padding: 20px;
        flex-wrap: wrap
    }

    .sd-map[b-xy3wq22w0z] {
        height: 280px
    }

    .sd-mapnote[b-xy3wq22w0z] {
        margin-left: 0
    }
}


/* Step 30E.5B — consistent Details-page section navigation. */
.sd-jump[b-xy3wq22w0z] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 20px;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #e0e8ee;
    border-radius: 10px
}

    .sd-jump > span[b-xy3wq22w0z] {
        font-size: .76rem;
        color: #73889a;
        font-weight: 700;
        margin-right: 5px
    }

    .sd-jump a[b-xy3wq22w0z] {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
        padding: 6px 11px;
        text-decoration: none;
        color: #31526b;
        background: #f7f9fb;
        border: 1px solid #e2e9ee;
        border-radius: 7px;
        font-size: .82rem;
        font-weight: 680
    }

        .sd-jump a:hover[b-xy3wq22w0z] {
            color: #a80b1b;
            border-color: #d7c4c7;
            background: #fff7f7
        }

        .sd-jump a:focus-visible[b-xy3wq22w0z] {
            outline: 3px solid #236d98;
            outline-offset: 2px
        }

.sd-button:focus-visible[b-xy3wq22w0z] {
    outline: 3px solid #236d98;
    outline-offset: 2px
}

.sd-card[id][b-xy3wq22w0z] {
    scroll-margin-top: 18px
}

.sd-message[b-xy3wq22w0z] {
    margin: 16px 24px;
    background: #f7f9fb;
    border: 1px solid #e5edf2;
    border-radius: 9px;
    padding: 18px 20px
}


/* Step 30E.5C — semantic status cues. The text always carries the meaning;
   colors are supplementary and do not change any lifecycle rules. */
.sd-status[data-state="Active" i][b-xy3wq22w0z],
.sd-status[data-state="InService" i][b-xy3wq22w0z],
.sd-status[data-state="Installed" i][b-xy3wq22w0z],
.sd-status[data-state="Operational" i][b-xy3wq22w0z] {
    background: #eaf7ef;
    border-color: #b8dfc8;
    color: #205b3d;
}

.sd-status[data-state="Planned" i][b-xy3wq22w0z],
.sd-status[data-state="Registered" i][b-xy3wq22w0z] {
    background: #edf4fa;
    border-color: #cfdfed;
    color: #285776;
}

.sd-status[data-state="Suspended" i][b-xy3wq22w0z],
.sd-status[data-state="Maintenance" i][b-xy3wq22w0z],
.sd-status[data-state="UnderMaintenance" i][b-xy3wq22w0z] {
    background: #fff4df;
    border-color: #efd7a8;
    color: #815118;
}

.sd-status[data-state="Inactive" i][b-xy3wq22w0z],
.sd-status[data-state="OutOfService" i][b-xy3wq22w0z],
.sd-status[data-state="Decommissioned" i][b-xy3wq22w0z],
.sd-status[data-state="Retired" i][b-xy3wq22w0z] {
    background: #f0f3f5;
    border-color: #d4dce2;
    color: #4a5b68;
}
/* /Components/Pages/SiteEditor.razor.rz.scp.css */
.site-editor-page[b-2iv8klerdz] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 26px 50px;
    color: #203447
}

.site-editor-heading[b-2iv8klerdz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 22px
}

.site-editor-eyebrow[b-2iv8klerdz] {
    color: #b60b1b;
    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .15em;
    margin-bottom: 8px
}

.site-editor-heading h1[b-2iv8klerdz] {
    font-size: 2rem;
    letter-spacing: -.035em;
    font-weight: 750;
    margin: 0 0 7px
}

.site-editor-heading p[b-2iv8klerdz] {
    margin: 0;
    color: #677a8b
}

.site-editor-card[b-2iv8klerdz] {
    background: #fff;
    border: 1px solid #e0e7ef;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(32,52,71,.035)
}

.site-editor-cardhead[b-2iv8klerdz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 30px;
    border-bottom: 1px solid #ecf1f5
}

.site-editor-kicker[b-2iv8klerdz] {
    font-size: .69rem;
    letter-spacing: .13em;
    color: #b60b1b;
    font-weight: 800
}

.site-editor-cardhead h2[b-2iv8klerdz] {
    margin: 4px 0;
    font-size: 1.27rem
}

.site-editor-muted[b-2iv8klerdz] {
    font-size: .83rem;
    color: #748497
}

.site-editor-code[b-2iv8klerdz] {
    font-weight: 800;
    color: #b60b1b
}

.site-editor-card form[b-2iv8klerdz] {
    padding: 0 30px 28px
}

.site-editor-card fieldset[b-2iv8klerdz] {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0
}

    .site-editor-card fieldset:disabled[b-2iv8klerdz] {
        opacity: .7
    }

.site-editor-sectiontitle[b-2iv8klerdz] {
    font-size: 1.05rem;
    font-weight: 750;
    border-bottom: 1px solid #edf1f5;
    padding: 22px 0 11px;
    margin-bottom: 19px
}

.site-editor-grid[b-2iv8klerdz] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px 24px
}

.site-editor-span2[b-2iv8klerdz] {
    grid-column: span 2
}

.site-editor-field[b-2iv8klerdz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: .85rem;
    font-weight: 650;
    color: #4c6377
}

    .site-editor-field b[b-2iv8klerdz] {
        color: #bc1022
    }

    .site-editor-field small[b-2iv8klerdz] {
        font-size: .77rem;
        font-weight: 400;
        color: #73869a
    }

.site-editor-input[b-2iv8klerdz] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid #cbd5e0;
    border-radius: 6px;
    padding: 10px 11px;
    min-height: 42px;
    background: #fff;
    color: #203447;
    font-size: .92rem;
    font-weight: 400
}

    .site-editor-input:focus[b-2iv8klerdz] {
        outline: 2px solid rgba(182,11,27,.16);
        border-color: #b60b1b
    }

.site-editor-textarea[b-2iv8klerdz] {
    min-height: 92px;
    resize: vertical
}

.site-editor-mapcopy[b-2iv8klerdz] {
    color: #67798b;
    font-size: .86rem;
    line-height: 1.55;
    margin: -7px 0 14px
}

.site-editor-maptoolbar[b-2iv8klerdz] {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
    align-items: center;
    flex-wrap: wrap
}

    .site-editor-maptoolbar .site-editor-input[b-2iv8klerdz] {
        flex: 1 1 360px
    }

.site-editor-map[b-2iv8klerdz] {
    width: 100%;
    height: 410px;
    border-radius: 9px;
    border: 1px solid #d7e0e9;
    background: #edf2f5
}

.site-editor-coordinates[b-2iv8klerdz] {
    padding: 12px 14px;
    background: #f5f8fa;
    border: 1px solid #e4ecf1;
    border-radius: 6px;
    margin-top: 10px;
    color: #536779;
    font-size: .84rem;
    font-variant-numeric: tabular-nums
}

.site-editor-maperror[b-2iv8klerdz] {
    color: #9b1425;
    background: #fff2f1;
    border: 1px solid #f1c9c5;
    border-radius: 8px;
    padding: 11px 14px;
    margin: 9px 0;
    font-size: .85rem
}

.site-editor-actions[b-2iv8klerdz] {
    display: flex;
    gap: 11px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 24px;
    border-top: 1px solid #edf1f5;
    padding-top: 22px
}

.site-editor-btn[b-2iv8klerdz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 17px;
    border-radius: 7px;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer
}

.site-editor-primary[b-2iv8klerdz] {
    background: #b60b1b;
    color: #fff;
    border: 1px solid #b60b1b
}

    .site-editor-primary:hover[b-2iv8klerdz] {
        background: #970b1a
    }

.site-editor-secondary[b-2iv8klerdz] {
    background: white;
    color: #304b60;
    border: 1px solid #cbd6e2
}

    .site-editor-secondary:hover[b-2iv8klerdz] {
        background: #f3f6f9
    }

.site-editor-page button:disabled[b-2iv8klerdz] {
    cursor: not-allowed;
    opacity: .55
}

.site-editor-alert[b-2iv8klerdz] {
    margin: 14px 25px;
    padding: 15px 18px;
    border: 1px solid #dce5ec;
    border-radius: 8px;
    background: #f6f9fb;
    color: #39556b
}

.site-editor-warning[b-2iv8klerdz] {
    border-color: #f0c1c1;
    background: #fff5f5;
    color: #a31b29
}

.site-editor-success[b-2iv8klerdz] {
    border-color: #bddfce;
    background: #f1faf5;
    color: #23654d
}

    .site-editor-success a[b-2iv8klerdz] {
        margin-left: 9px;
        color: #14533a;
        text-decoration: underline;
        font-weight: 750
    }

.site-editor-validation[b-2iv8klerdz] {
    margin: 16px 0;
    color: #ab1420;
    font-size: .88rem
}

.site-editor-page .validation-message[b-2iv8klerdz] {
    color: #a11c2b;
    font-size: .79rem;
    font-weight: 500
}

@media(max-width:720px) {
    .site-editor-page[b-2iv8klerdz] {
        padding: 0 14px 35px
    }

    .site-editor-heading[b-2iv8klerdz] {
        flex-wrap: wrap
    }

        .site-editor-heading h1[b-2iv8klerdz] {
            font-size: 1.65rem
        }

    .site-editor-card form[b-2iv8klerdz] {
        padding: 0 16px 22px
    }

    .site-editor-cardhead[b-2iv8klerdz] {
        padding: 18px 16px
    }

    .site-editor-grid[b-2iv8klerdz] {
        grid-template-columns: 1fr
    }

    .site-editor-span2[b-2iv8klerdz] {
        grid-column: span 1
    }

    .site-editor-map[b-2iv8klerdz] {
        height: 340px
    }
}


/* Step 30E.2 — Site Editor UI/UX, using shared field-help from 30E.1. */
.site-editor-form-intro[b-2iv8klerdz] {
    padding: 14px 30px;
    border-bottom: 1px solid #edf1f5;
    background: #fbfcfe;
    color: #637789;
    font-size: .82rem
}

.site-editor-required[b-2iv8klerdz] {
    color: #b60b1b;
    font-weight: 800
}

.site-editor-intro-divider[b-2iv8klerdz] {
    padding: 0 9px;
    color: #98aabb
}

.site-editor-section[b-2iv8klerdz] {
    padding: 24px 0 26px
}

    .site-editor-section + .site-editor-section[b-2iv8klerdz] {
        border-top: 1px solid #e9eef3
    }

.site-editor-sectionhead[b-2iv8klerdz] {
    margin-bottom: 18px
}

    .site-editor-sectionhead h3[b-2iv8klerdz] {
        margin: 0 0 5px;
        font-size: 1.07rem;
        line-height: 1.4;
        color: #203447;
        font-weight: 780;
        letter-spacing: -.015em
    }

    .site-editor-sectionhead p[b-2iv8klerdz] {
        margin: 0;
        color: #6a7d90;
        font-size: .85rem;
        line-height: 1.45
    }

.site-editor-help-field[b-2iv8klerdz] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0
}

    .site-editor-help-field .site-editor-field[b-2iv8klerdz] {
        min-width: 0
    }

    .site-editor-help-field .site-editor-input[b-2iv8klerdz] {
        min-width: 0
    }

.site-editor-maphelp[b-2iv8klerdz] {
    margin: -4px 0 15px
}

.site-editor-map-section .site-editor-mapcopy[b-2iv8klerdz] {
    margin: 0 0 16px
}

.site-editor-page .site-editor-input:focus-visible[b-2iv8klerdz],
.site-editor-page .site-editor-btn:focus-visible[b-2iv8klerdz] {
    outline: 3px solid rgba(182,11,27,.18);
    outline-offset: 2px
}

.site-editor-page .site-editor-btn:disabled[b-2iv8klerdz] {
    cursor: not-allowed
}

@media(max-width:720px) {
    .site-editor-form-intro[b-2iv8klerdz] {
        padding: 13px 16px
    }

    .site-editor-section[b-2iv8klerdz] {
        padding: 19px 0 22px
    }

    .site-editor-sectionhead h3[b-2iv8klerdz] {
        font-size: 1rem
    }
}
/* /Components/Pages/SiteMap.razor.rz.scp.css */
.site-map-page[b-v9klnic1co] {
    max-width: 1500px;
    margin: 0 auto;
    padding: 8px 8px 34px;
    color: #1f3044;
}

.site-map-header[b-v9klnic1co] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 18px;
}

.site-map-eyebrow[b-v9klnic1co] {
    color: #387d98;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
    margin-bottom: 5px;
}

.site-map-header h1[b-v9klnic1co] {
    color: #163149;
    font-size: clamp(25px, 3vw, 34px);
    font-weight: 750;
    margin: 0 0 7px;
}

.site-map-header p[b-v9klnic1co] {
    color: #60758a;
    font-size: 14px;
    margin: 0;
}

.site-map-header-actions[b-v9klnic1co] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.site-map-demo-badge[b-v9klnic1co] {
    padding: 7px 11px;
    border-radius: 999px;
    color: #885500;
    background: #fff3da;
    border: 1px solid #f1d5a0;
    font-size: 11px;
    letter-spacing: .04em;
    font-weight: 800;
}

.site-map-back[b-v9klnic1co] {
    border: 1px solid #b9d2df;
    border-radius: 8px;
    padding: 9px 13px;
    color: #175d7b;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

    .site-map-back:hover[b-v9klnic1co] {
        background: #f0f7fa;
        color: #10455e;
    }

.site-map-info-banner[b-v9klnic1co] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    align-items: center;
    border-radius: 10px;
    padding: 12px 14px;
    color: #52697e;
    background: #edf4f8;
    border: 1px solid #dce8ed;
    font-size: 12px;
    margin-bottom: 16px;
}

.site-map-totals[b-v9klnic1co] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.site-map-stat[b-v9klnic1co] {
    background: white;
    border: 1px solid #dde6ec;
    border-radius: 12px;
    padding: 16px 18px;
    display: flex;
    gap: 5px;
    flex-direction: column;
}

    .site-map-stat span[b-v9klnic1co] {
        font-size: 12px;
        font-weight: 600;
        color: #60748a;
    }

    .site-map-stat strong[b-v9klnic1co] {
        font-size: 26px;
        font-weight: 750;
        color: #183950;
        font-variant-numeric: tabular-nums;
    }

.site-map-panel[b-v9klnic1co] {
    overflow: hidden;
    border-radius: 13px;
    border: 1px solid #dce6ec;
    background: white;
}

.site-map-toolbar[b-v9klnic1co] {
    padding: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    align-items: center;
    border-bottom: 1px solid #e7edf1;
}

.site-map-input[b-v9klnic1co], .site-map-select[b-v9klnic1co] {
    background: white;
    border: 1px solid #cbd9e2;
    border-radius: 8px;
    padding: 9px 11px;
    min-height: 38px;
    color: #263e51;
    font-size: 13px;
}

.site-map-input[b-v9klnic1co] {
    flex: 1 1 230px;
    min-width: 210px;
}

.site-map-select[b-v9klnic1co] {
    flex: 0 1 180px;
    min-width: 160px;
}

    .site-map-input:focus[b-v9klnic1co], .site-map-select:focus[b-v9klnic1co] {
        outline: 2px solid #76b6d0;
        outline-offset: 1px;
    }

.site-map-checkbox[b-v9klnic1co] {
    font-size: 13px;
    color: #4c6678;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    cursor: pointer;
}

    .site-map-checkbox input[b-v9klnic1co] {
        accent-color: #18718c;
    }

.site-map-count[b-v9klnic1co] {
    color: #587286;
    font-size: 12px;
    margin-left: auto;
    white-space: nowrap;
}

.site-map-layout[b-v9klnic1co] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(315px, 1fr);
    min-height: 550px;
}

.site-map-map-area[b-v9klnic1co] {
    min-width: 0;
    position: relative;
    background: #eef4f7;
}

.site-map-canvas[b-v9klnic1co] {
    width: 100%;
    height: 550px;
}

.site-map-legend[b-v9klnic1co] {
    position: absolute;
    z-index: 500;
    left: 12px;
    bottom: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 11px;
    padding: 8px 11px;
    border-radius: 9px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 2px 10px rgba(32,59,82,.12);
    color: #455a6b;
    font-size: 11px;
    pointer-events: none;
}

    .site-map-legend span[b-v9klnic1co] {
        display: inline-flex;
        gap: 6px;
        align-items: center;
    }

.site-map-legend-dot[b-v9klnic1co] {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 0 0 0 1px #b7c7d1;
}

.site-map-legend-normal[b-v9klnic1co] {
    background: #278b82;
}

.site-map-legend-low[b-v9klnic1co] {
    background: #d56652;
}

.site-map-legend-missing[b-v9klnic1co] {
    background: #8a9cac;
}

.site-map-sidebar[b-v9klnic1co] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border-left: 1px solid #e6edf1;
    max-height: 550px;
    overflow-y: auto;
}

.site-map-sidebar-content[b-v9klnic1co] {
    padding: 19px 19px 14px;
}

.site-map-aside-eyebrow[b-v9klnic1co] {
    color: #4786a1;
    letter-spacing: .1em;
    font-size: 10px;
    font-weight: 800;
    margin-bottom: 6px;
}

.site-map-sidebar h2[b-v9klnic1co] {
    color: #183950;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 750;
    margin: 0 0 5px;
    overflow-wrap: anywhere;
}

.site-map-site-code[b-v9klnic1co] {
    margin: 0 0 14px;
    font-size: 12px;
    color: #74899b;
}

.site-map-facts[b-v9klnic1co] {
    display: grid;
    gap: 7px;
    margin: 0 0 18px;
}

    .site-map-facts div[b-v9klnic1co] {
        display: grid;
        grid-template-columns: 85px minmax(0,1fr);
        gap: 10px;
        font-size: 12px;
    }

    .site-map-facts dt[b-v9klnic1co] {
        color: #7c8d9c;
        font-weight: 600;
    }

    .site-map-facts dd[b-v9klnic1co] {
        margin: 0;
        color: #2c4558;
        font-weight: 600;
        overflow-wrap: anywhere;
    }

.site-map-sidebar-section-title[b-v9klnic1co] {
    color: #213c52;
    font-size: 12px;
    font-weight: 800;
    margin: 0 0 10px;
}

.site-map-tank[b-v9klnic1co] {
    padding: 10px 0;
    border-top: 1px solid #e9eef2;
}

.site-map-tank-heading[b-v9klnic1co] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    font-size: 13px;
}

    .site-map-tank-heading a[b-v9klnic1co] {
        color: #176d91;
        text-decoration: none;
        font-weight: 800;
    }

        .site-map-tank-heading a:hover[b-v9klnic1co] {
            text-decoration: underline;
        }

    .site-map-tank-heading strong[b-v9klnic1co] {
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
    }

.site-map-tank-name[b-v9klnic1co] {
    color: #687c8e;
    font-size: 11px;
    margin-top: 2px;
}

.site-map-value-low[b-v9klnic1co] {
    color: #b64e3b;
}

.site-map-value-normal[b-v9klnic1co] {
    color: #196f65;
}

.site-map-value-unknown[b-v9klnic1co] {
    color: #74879a;
}

.site-map-level-track[b-v9klnic1co] {
    height: 6px;
    margin-top: 8px;
    max-width: 260px;
    background: #e8eef2;
    border-radius: 99px;
    overflow: hidden;
}

.site-map-level-fill[b-v9klnic1co] {
    height: 100%;
    border-radius: 99px;
}

    .site-map-level-fill.low[b-v9klnic1co] {
        background: #d56652;
    }

    .site-map-level-fill.normal[b-v9klnic1co] {
        background: #39a18f;
    }

    .site-map-level-fill.missing[b-v9klnic1co] {
        background: #95a5b1;
    }

.site-map-measured[b-v9klnic1co] {
    margin-top: 6px;
    color: #738697;
    font-size: 10px;
}

.site-map-disclaimer[b-v9klnic1co] {
    margin: 13px 0 0;
    color: #7b8c9b;
    font-size: 11px;
    line-height: 1.5;
}

.site-map-site-list[b-v9klnic1co] {
    padding: 15px 19px 19px;
    border-top: 1px solid #e7edf1;
}

.site-map-site-button[b-v9klnic1co] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: 100%;
    text-align: left;
    background: white;
    color: #294358;
    border: 1px solid #e1e9ee;
    border-radius: 8px;
    padding: 9px 10px;
    cursor: pointer;
    margin-bottom: 7px;
}

    .site-map-site-button:hover[b-v9klnic1co] {
        background: #f5f9fb;
    }

    .site-map-site-button.selected[b-v9klnic1co] {
        border-color: #7ab0c3;
        background: #edf6f9;
    }

.site-map-site-name[b-v9klnic1co] {
    font-size: 12px;
    font-weight: 750;
}

.site-map-site-meta[b-v9klnic1co] {
    font-size: 10px;
    color: #7a8d9c;
}

.site-map-no-sites[b-v9klnic1co] {
    color: #718597;
    font-size: 12px;
}

.site-map-footer[b-v9klnic1co] {
    color: #7c8d9c;
    font-size: 11px;
    margin: 11px 3px 0;
}

.site-map-message[b-v9klnic1co] {
    background: white;
    padding: 24px;
    border: 1px solid #dce6ec;
    border-radius: 12px;
    font-size: 14px;
    color: #51687c;
}

    .site-map-message h2[b-v9klnic1co] {
        font-size: 18px;
        color: #183950;
    }

.site-map-error[b-v9klnic1co] {
    border-color: #e4b2a8;
}

@media (max-width: 1100px) {
    .site-map-layout[b-v9klnic1co] {
        grid-template-columns: minmax(0,1fr) 320px;
    }

    .site-map-stat[b-v9klnic1co] {
        padding: 13px;
    }
}

@media (max-width: 850px) {
    .site-map-layout[b-v9klnic1co] {
        grid-template-columns: 1fr;
    }

    .site-map-canvas[b-v9klnic1co] {
        height: 440px;
    }

    .site-map-sidebar[b-v9klnic1co] {
        border-left: none;
        border-top: 1px solid #e6edf1;
        max-height: none;
    }

    .site-map-totals[b-v9klnic1co] {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .site-map-legend[b-v9klnic1co] {
        bottom: 8px;
        left: 8px;
    }
}

@media (max-width: 580px) {
    .site-map-page[b-v9klnic1co] {
        padding: 5px 0 20px;
    }

    .site-map-input[b-v9klnic1co], .site-map-select[b-v9klnic1co] {
        width: 100%;
        min-width: 0;
        flex: 1 1 100%;
    }

    .site-map-toolbar[b-v9klnic1co] {
        align-items: stretch;
    }

    .site-map-count[b-v9klnic1co] {
        margin-left: 0;
    }

    .site-map-canvas[b-v9klnic1co] {
        height: 390px;
    }

    .site-map-legend[b-v9klnic1co] {
        font-size: 10px;
        gap: 7px;
    }
}

/* Google Maps category legend. Pin fill indicates category; red outline indicates attention. */
.site-map-legend-outline[b-v9klnic1co] {
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 3px solid #d56652;
    background: #fff;
    border-radius: 50%;
}

.site-map-category-legend[b-v9klnic1co] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 15px;
    align-items: center;
    padding: 10px 15px;
    background: #f8fbfc;
    border-top: 1px solid #e4ecf0;
    font-size: 11px;
    color: #445b6d;
}

    .site-map-category-legend span[b-v9klnic1co] {
        display: inline-flex;
        gap: 6px;
        align-items: center;
    }

    .site-map-category-legend i[b-v9klnic1co] {
        width: 11px;
        height: 11px;
        border-radius: 4px;
        display: inline-block;
        border: 1px solid rgba(0,0,0,.12);
    }
/* /Components/Pages/Sites.razor.rz.scp.css */
.site-page[b-fgy1noyu43] {
    max-width: 1580px;
    margin: 0 auto;
    padding: 0 26px 40px;
    color: #203447
}

.site-heading[b-fgy1noyu43] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 22px
}

.site-eyebrow[b-fgy1noyu43] {
    color: #b60b1b;
    font-size: .7rem;
    letter-spacing: .16em;
    font-weight: 800;
    margin-bottom: 8px
}

.site-heading h1[b-fgy1noyu43] {
    font-size: 2rem;
    font-weight: 750;
    letter-spacing: -.035em;
    margin: 0 0 8px
}

.site-heading p[b-fgy1noyu43] {
    color: #62758a;
    margin: 0
}

.site-panel[b-fgy1noyu43] {
    background: #fff;
    border: 1px solid #e1e8ef;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 14px rgba(32,52,71,.035)
}

.site-panel-header[b-fgy1noyu43] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 24px 14px
}

    .site-panel-header h2[b-fgy1noyu43] {
        margin: 0 0 4px;
        font-size: 1.14rem;
        font-weight: 750
    }

    .site-panel-header p[b-fgy1noyu43] {
        color: #65778a;
        margin: 0;
        font-size: .88rem
    }

.site-readonly[b-fgy1noyu43] {
    color: #728093;
    font-size: .8rem;
    white-space: nowrap
}

.site-filters[b-fgy1noyu43] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 14px 24px 22px
}

.site-field[b-fgy1noyu43] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 290px;
    color: #536578;
    font-weight: 650;
    font-size: .82rem
}

.site-emirate-filter[b-fgy1noyu43] {
    flex: 0 1 250px
}

.site-input[b-fgy1noyu43] {
    width: 100%;
    box-sizing: border-box;
    height: 41px;
    padding: 0 12px;
    border: 1px solid #cbd6e1;
    background: #fff;
    border-radius: 7px;
    outline-offset: 2px;
    color: #203447;
    font-weight: 450;
    font-size: .9rem
}

    .site-input:focus[b-fgy1noyu43] {
        border-color: #b60b1b;
        outline: 2px solid rgba(182,11,27,.13)
    }

.site-button-primary[b-fgy1noyu43], .site-button-secondary[b-fgy1noyu43] {
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 7px;
    font-weight: 650;
    cursor: pointer;
    font-size: .89rem
}

.site-button-primary[b-fgy1noyu43] {
    color: #fff;
    background: #b60b1b;
    border: 1px solid #b60b1b
}

    .site-button-primary:hover[b-fgy1noyu43] {
        background: #970a17
    }

.site-button-secondary[b-fgy1noyu43] {
    background: #fff;
    border: 1px solid #ccd6e0;
    color: #31485c
}

    .site-button-secondary:hover[b-fgy1noyu43] {
        background: #f4f7f9
    }

.site-page button:disabled[b-fgy1noyu43] {
    opacity: .55;
    cursor: not-allowed
}

.site-result-bar[b-fgy1noyu43] {
    display: flex;
    justify-content: space-between;
    padding: 11px 24px;
    gap: 10px;
    color: #5e7284;
    background: #f7f9fb;
    font-size: .85rem;
    border-top: 1px solid #edf1f5
}

.site-table-wrap[b-fgy1noyu43] {
    width: 100%;
    overflow-x: auto
}

.site-table[b-fgy1noyu43] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: .87rem
}

    .site-table th[b-fgy1noyu43] {
        padding: 13px 16px;
        color: #5e7081;
        font-size: .72rem;
        text-transform: uppercase;
        letter-spacing: .045em;
        white-space: nowrap;
        background: #fbfcfe;
        border-bottom: 1px solid #e6ecf2
    }

    .site-table td[b-fgy1noyu43] {
        padding: 15px 16px;
        border-bottom: 1px solid #edf1f5;
        vertical-align: middle
    }

    .site-table tbody tr:hover[b-fgy1noyu43] {
        background: #fafbfc
    }

.site-code[b-fgy1noyu43] {
    font-weight: 750;
    color: #ad1020;
    white-space: nowrap
}

.site-name[b-fgy1noyu43] {
    font-weight: 700;
    min-width: 150px
}

.site-subline[b-fgy1noyu43] {
    margin-top: 4px;
    color: #758496;
    font-size: .79rem
}

.site-customer-link[b-fgy1noyu43] {
    color: #284960;
    font-weight: 650;
    text-decoration: none
}

    .site-customer-link:hover[b-fgy1noyu43] {
        color: #b60b1b;
        text-decoration: underline
    }

.site-restricted[b-fgy1noyu43] {
    color: #7c8d9b;
    font-style: italic
}

.site-status[b-fgy1noyu43] {
    background: #eff3f6;
    color: #41576a;
    border: 1px solid #dce5ec;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: .78rem;
    white-space: nowrap
}

.site-numeric[b-fgy1noyu43] {
    font-variant-numeric: tabular-nums;
    text-align: center
}

.site-empty[b-fgy1noyu43] {
    text-align: center;
    padding: 28px !important;
    color: #6a7d8f
}

.site-pager[b-fgy1noyu43] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    padding: 16px 24px;
    color: #54677a;
    font-size: .85rem
}

.site-notice[b-fgy1noyu43] {
    margin: 18px 24px;
    padding: 18px;
    border: 1px solid #d8e2eb;
    border-radius: 9px;
    background: #fff;
    color: #435a70
}

.site-error[b-fgy1noyu43] {
    border-color: #e9c9ce
}

@media(max-width:680px) {
    .site-page[b-fgy1noyu43] {
        padding: 0 14px 28px
    }

    .site-heading[b-fgy1noyu43] {
        flex-wrap: wrap
    }

        .site-heading h1[b-fgy1noyu43] {
            font-size: 1.65rem
        }

    .site-panel-header[b-fgy1noyu43] {
        padding: 18px 15px 12px;
        flex-wrap: wrap
    }

    .site-filters[b-fgy1noyu43] {
        padding: 12px 15px 18px
    }

    .site-result-bar[b-fgy1noyu43] {
        padding: 10px 15px
    }

    .site-pager[b-fgy1noyu43] {
        padding: 12px 15px;
        justify-content: center
    }
}

.site-heading-actions[b-fgy1noyu43] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap
}

.site-action-link[b-fgy1noyu43] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

    .site-action-link:hover[b-fgy1noyu43] {
        color: #fff
    }

.site-edit-link[b-fgy1noyu43] {
    color: #b60b1b;
    font-weight: 800;
    text-decoration: none
}

    .site-edit-link:hover[b-fgy1noyu43] {
        text-decoration: underline
    }

/* Details navigation for already authorized Site rows. */
.site-details-link[b-fgy1noyu43] {
    color: inherit;
    text-decoration: none;
    font-weight: inherit
}

    .site-details-link:hover[b-fgy1noyu43] {
        color: #b60b1b;
        text-decoration: underline
    }

/* Step 30E.5A: align Sites with Tank / Device / SIM sticky left Edit actions.
   Only manager-authorized rows render this column. No other column widths changed. */
.site-table[b-fgy1noyu43] {
    border-collapse: separate;
    border-spacing: 0;
}

    .site-table th.site-action-cell[b-fgy1noyu43],
    .site-table td.site-action-cell[b-fgy1noyu43] {
        position: sticky;
        left: 0;
        width: 90px;
        min-width: 90px;
        max-width: 90px;
        box-sizing: border-box;
        white-space: nowrap;
        background: #fff;
        box-shadow: 1px 0 0 #e2eaf1;
        z-index: 2;
    }

    .site-table th.site-action-cell[b-fgy1noyu43] {
        background: #fbfcfe;
        z-index: 3;
    }

    .site-table tbody tr:hover td.site-action-cell[b-fgy1noyu43] {
        background: #fafbfc;
    }

.site-table-wrap:focus-visible[b-fgy1noyu43] {
    outline: 2px solid #b60b1b;
    outline-offset: -2px;
}

.site-table .site-edit-link:focus-visible[b-fgy1noyu43] {
    outline: 2px solid #b60b1b;
    outline-offset: 3px;
    border-radius: 2px;
}
/* /Components/Pages/TankDetail.razor.rz.scp.css */
.tank-detail-page[b-tg53g9mafi] {
    max-width: 1500px;
    margin: 0 auto;
    padding: 36px 24px 60px;
    color: #18354a;
    font-family: "Segoe UI", Arial, sans-serif;
}

.tank-topbar[b-tg53g9mafi], .tank-heading[b-tg53g9mafi], .tank-panel-header[b-tg53g9mafi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.tank-topbar[b-tg53g9mafi] {
    align-items: center;
    margin-bottom: 26px;
}

.tank-back-link[b-tg53g9mafi] {
    text-decoration: none;
    color: #15769a;
    font-weight: 700;
}

    .tank-back-link:hover[b-tg53g9mafi] {
        text-decoration: underline;
    }

.tank-demo-badge[b-tg53g9mafi] {
    font-weight: 800;
    letter-spacing: .045em;
    font-size: 12px;
    background: #fff4dc;
    color: #936000;
    border: 1px solid #f1d595;
    padding: 12px 17px;
    border-radius: 24px;
}

.tank-eyebrow[b-tg53g9mafi] {
    color: #2581a3;
    letter-spacing: .15em;
    font-weight: 800;
    font-size: 12px;
}

.tank-heading[b-tg53g9mafi] {
    margin-bottom: 26px;
    align-items: center;
}

    .tank-heading h1[b-tg53g9mafi] {
        font-size: clamp(25px, 3vw, 42px);
        font-weight: 750;
        margin: 8px 0;
    }

    .tank-heading p[b-tg53g9mafi] {
        color: #667d90;
        margin: 0;
    }

.tank-action[b-tg53g9mafi] {
    color: #fff;
    background: #195b79;
    border: 0;
    padding: 13px 19px;
    border-radius: 10px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

    .tank-action:disabled[b-tg53g9mafi] {
        opacity: .55;
        cursor: default;
    }

.tank-info-banner[b-tg53g9mafi] {
    background: #eaf4f9;
    color: #4d6d81;
    border: 1px solid #d5e8f3;
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 24px;
}

.tank-stats[b-tg53g9mafi] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 24px;
}

.tank-stat[b-tg53g9mafi], .tank-panel[b-tg53g9mafi] {
    background: #fff;
    border: 1px solid #dce6ed;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(25, 53, 80, .04);
}

.tank-stat[b-tg53g9mafi] {
    padding: 24px;
    min-width: 0;
}

.tank-stat-label[b-tg53g9mafi] {
    color: #687f92;
    font-size: 14px;
    font-weight: 650;
}

.tank-stat-value[b-tg53g9mafi] {
    color: #18354a;
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 750;
    margin: 9px 0 4px;
}

.tank-unit[b-tg53g9mafi] {
    font-size: 20px;
}

.tank-stat-time[b-tg53g9mafi] {
    font-size: 21px;
    font-weight: 750;
    margin: 14px 0 11px;
}

.tank-stat-footnote[b-tg53g9mafi] {
    font-size: 12px;
    color: #708498;
}

.tank-panel[b-tg53g9mafi] {
    padding: 24px;
    margin-bottom: 22px;
}

.tank-panel-header[b-tg53g9mafi] {
    align-items: center;
    margin-bottom: 20px;
}

.tank-panel h2[b-tg53g9mafi] {
    font-size: 21px;
    margin: 0 0 6px;
    font-weight: 750;
}

.tank-panel p[b-tg53g9mafi] {
    margin: 0;
    color: #647e92;
}

.tank-range-buttons[b-tg53g9mafi] {
    display: flex;
    background: #f0f5f8;
    border-radius: 10px;
    padding: 4px;
    gap: 2px;
    flex-shrink: 0;
}

.tank-range-button[b-tg53g9mafi] {
    background: transparent;
    border: 0;
    padding: 9px 13px;
    border-radius: 8px;
    color: #50758a;
    font-weight: 700;
    cursor: pointer;
}

    .tank-range-button.selected[b-tg53g9mafi] {
        background: #fff;
        color: #126b8a;
        box-shadow: 0 1px 6px rgba(17, 56, 81, .13);
    }

    .tank-range-button:disabled[b-tg53g9mafi] {
        cursor: wait;
    }

.tank-chart-container[b-tg53g9mafi] {
    width: 100%;
    overflow-x: auto;
}

.tank-chart[b-tg53g9mafi] {
    display: block;
    width: 100%;
    min-width: 650px;
    height: auto;
}

.tank-chart-footer[b-tg53g9mafi] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    border-top: 1px solid #edf2f5;
    padding: 15px 0 0;
    font-size: 12px;
    color: #647e92;
}

.tank-table-scroll[b-tg53g9mafi] {
    width: 100%;
    overflow-x: auto;
}

.tank-table[b-tg53g9mafi] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    min-width: 610px;
}

    .tank-table th[b-tg53g9mafi], .tank-table td[b-tg53g9mafi] {
        text-align: left;
        padding: 12px 14px;
        border-bottom: 1px solid #e9f0f4;
    }

    .tank-table th[b-tg53g9mafi] {
        background: #f3f7fa;
        color: #4b697e;
        white-space: nowrap;
    }

    .tank-table td[b-tg53g9mafi] {
        color: #244a63;
    }

.tank-empty[b-tg53g9mafi] {
    padding: 40px 8px !important;
    text-align: center;
}

.tank-footer[b-tg53g9mafi] {
    color: #7b8f9d;
    font-size: 12px;
    padding-top: 2px;
}

.tank-error[b-tg53g9mafi] {
    border-color: #e7b0a8;
}

@media (max-width: 760px) {
    .tank-detail-page[b-tg53g9mafi] {
        padding: 24px 12px 40px;
    }

    .tank-heading[b-tg53g9mafi], .tank-panel-header[b-tg53g9mafi] {
        flex-direction: column;
        align-items: stretch;
    }

    .tank-stats[b-tg53g9mafi] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .tank-panel[b-tg53g9mafi] {
        padding: 16px;
    }

    .tank-demo-badge[b-tg53g9mafi] {
        font-size: 10px;
        padding: 9px 11px;
    }
}

/* ==========================================
   Excel export controls
   ========================================== */

.tank-heading-actions[b-tg53g9mafi] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.tank-action-secondary[b-tg53g9mafi] {
    background: #eaf4f9;
    color: #176887;
    border: 1px solid #bfdae7;
}

    .tank-action-secondary:hover:not(:disabled)[b-tg53g9mafi] {
        background: #dceef6;
        color: #12536d;
    }

.tank-export-error[b-tg53g9mafi] {
    margin-bottom: 20px;
    padding: 14px 18px;
    border: 1px solid #e8b7aa;
    border-radius: 10px;
    background: #fff0ed;
    color: #963e32;
    font-weight: 600;
}

@media (max-width: 760px) {
    .tank-heading-actions[b-tg53g9mafi] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/TankDetails.razor.rz.scp.css */
.td-page[b-bgrv87ujdy] {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 26px 48px;
    color: #203447
}

.td-heading[b-bgrv87ujdy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin: 0 0 24px
}

    .td-heading h1[b-bgrv87ujdy] {
        font-size: 2rem;
        font-weight: 770;
        letter-spacing: -.03em;
        margin: 0 0 7px
    }

    .td-heading p[b-bgrv87ujdy] {
        margin: 0;
        color: #657d90
    }

.td-eyebrow[b-bgrv87ujdy] {
    color: #b60b1b;
    font-size: .71rem;
    letter-spacing: .15em;
    font-weight: 800;
    margin-bottom: 8px
}

.td-actions[b-bgrv87ujdy] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    justify-content: flex-end
}

.td-button[b-bgrv87ujdy] {
    background: white;
    border: 1px solid #cbd8e0;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 14px;
    font-size: .88rem;
    font-weight: 700;
    color: #2c4b60;
    text-decoration: none;
    cursor: pointer
}

    .td-button:hover[b-bgrv87ujdy] {
        background: #f3f7f9
    }

    .td-button:disabled[b-bgrv87ujdy] {
        opacity: .6;
        cursor: not-allowed
    }

.td-primary[b-bgrv87ujdy] {
    background: #b60b1b;
    color: #fff;
    border-color: #b60b1b
}

    .td-primary:hover[b-bgrv87ujdy] {
        background: #950917;
        color: #fff
    }

.td-card[b-bgrv87ujdy] {
    background: white;
    border: 1px solid #dfe8ee;
    border-radius: 13px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 3px 15px rgba(32,52,71,.035)
}

.td-card-header[b-bgrv87ujdy], .td-section-head[b-bgrv87ujdy] {
    padding: 23px 26px 17px;
    border-bottom: 1px solid #ebf0f4;
    display: flex;
    justify-content: space-between;
    gap: 17px;
    align-items: flex-start
}

    .td-card-header h2[b-bgrv87ujdy] {
        font-size: 1.28rem;
        margin: 3px 0 7px;
        font-weight: 780
    }

    .td-card-header p[b-bgrv87ujdy], .td-section-head p[b-bgrv87ujdy] {
        color: #728697;
        font-size: .87rem;
        margin: 0
    }

    .td-section-head h2[b-bgrv87ujdy] {
        font-size: 1.08rem;
        font-weight: 770;
        margin: 0 0 6px
    }

.td-code[b-bgrv87ujdy] {
    font-size: .79rem;
    letter-spacing: .08em;
    color: #b60b1b;
    font-weight: 800
}

.td-status[b-bgrv87ujdy] {
    padding: 7px 13px;
    border-radius: 999px;
    white-space: nowrap;
    background: #edf4f7;
    border: 1px solid #dce8ee;
    font-size: .81rem;
    color: #415f72;
    font-weight: 650
}

.td-facts[b-bgrv87ujdy] {
    padding: 23px 26px;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 19px 27px
}

    .td-facts > div[b-bgrv87ujdy] {
        display: flex;
        flex-direction: column;
        gap: 5px;
        min-width: 0;
        overflow-wrap: anywhere
    }

    .td-facts span[b-bgrv87ujdy], .td-dimensions dt[b-bgrv87ujdy], .td-monitor-meta dt[b-bgrv87ujdy] {
        color: #718597;
        font-size: .8rem;
        font-weight: 550
    }

    .td-facts strong[b-bgrv87ujdy], .td-facts a[b-bgrv87ujdy], .td-dimensions dd[b-bgrv87ujdy], .td-monitor-meta dd[b-bgrv87ujdy] {
        color: #234359;
        font-size: .95rem;
        font-weight: 680;
        margin: 0;
        overflow-wrap: anywhere
    }

    .td-facts a[b-bgrv87ujdy] {
        color: #b60b1b;
        text-decoration: none
    }

        .td-facts a:hover[b-bgrv87ujdy] {
            text-decoration: underline
        }

    .td-facts strong.td-muted[b-bgrv87ujdy] {
        font-weight: 500;
        color: #768b99;
        font-style: italic
    }

.td-notice[b-bgrv87ujdy] {
    padding: 22px 26px;
    color: #587286
}

.td-denied[b-bgrv87ujdy] {
    border: 1px solid #f0c3ba;
    background: #fff4f1;
    border-radius: 11px;
    color: #982e28
}

.td-geometry-layout[b-bgrv87ujdy] {
    display: grid;
    grid-template-columns: minmax(0,1.07fr) minmax(0,1fr);
    gap: 25px;
    align-items: center;
    padding: 24px 26px
}

.td-geometry-facts[b-bgrv87ujdy] {
    min-width: 0
}

.td-capacity-label[b-bgrv87ujdy] {
    color: #5c7587;
    font-size: .83rem;
    font-weight: 650
}

.td-capacity[b-bgrv87ujdy] {
    font-size: 2.1rem;
    line-height: 1.25;
    color: #153e5d;
    font-weight: 800;
    margin: 4px 0 15px
}

    .td-capacity span[b-bgrv87ujdy] {
        font-size: 1rem;
        font-weight: 550
    }

.td-dimensions[b-bgrv87ujdy], .td-monitor-meta[b-bgrv87ujdy] {
    display: grid;
    gap: 9px;
    margin: 0
}

    .td-dimensions > div[b-bgrv87ujdy], .td-monitor-meta > div[b-bgrv87ujdy] {
        display: flex;
        gap: 12px;
        justify-content: space-between;
        border-bottom: 1px solid #edf1f4;
        padding: 8px 0
    }

    .td-dimensions dd[b-bgrv87ujdy], .td-monitor-meta dd[b-bgrv87ujdy] {
        text-align: right
    }

.td-explanation[b-bgrv87ujdy] {
    font-size: .81rem;
    color: #657f90;
    line-height: 1.55;
    margin: 16px 0 0
}

.td-reading-empty[b-bgrv87ujdy] {
    background: #f6f9fa;
    border: 1px solid #e3ebef;
    border-radius: 9px;
    margin: 23px 26px;
    padding: 24px
}

    .td-reading-empty strong[b-bgrv87ujdy] {
        font-size: 1.05rem
    }

    .td-reading-empty p[b-bgrv87ujdy] {
        margin: 7px 0 0;
        color: #6c8293;
        font-size: .9rem
    }

.td-monitor-grid[b-bgrv87ujdy] {
    padding: 25px 26px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px
}

.td-monitor-label[b-bgrv87ujdy] {
    font-size: .85rem;
    font-weight: 650;
    color: #60798a
}

.td-level[b-bgrv87ujdy] {
    font-size: 2.2rem;
    font-weight: 800;
    color: #143d5d;
    display: block;
    margin: 5px 0 12px
}

.td-level-track[b-bgrv87ujdy] {
    height: 13px;
    background: #e3edf2;
    border-radius: 9px;
    overflow: hidden;
    max-width: 400px
}

.td-level-fill[b-bgrv87ujdy] {
    height: 100%;
    background: #187c9d;
    border-radius: 9px
}

.td-reading-note[b-bgrv87ujdy] {
    font-size: .8rem;
    line-height: 1.5;
    color: #708595;
    margin: 12px 0 0
}

.td-history-row[b-bgrv87ujdy] {
    margin: 0 26px 26px;
    border-top: 1px solid #ecf1f4;
    padding-top: 16px
}

    .td-history-row a[b-bgrv87ujdy] {
        color: #b60b1b;
        font-weight: 700;
        text-decoration: none
    }

        .td-history-row a:hover[b-bgrv87ujdy] {
            text-decoration: underline
        }

.td-internal-notes[b-bgrv87ujdy] {
    padding: 5px 26px 24px;
    border-top: 1px solid #e9eff3
}

    .td-internal-notes h3[b-bgrv87ujdy] {
        font-size: .9rem;
        margin: 16px 0 7px
    }

    .td-internal-notes p[b-bgrv87ujdy] {
        color: #587185;
        margin: 0;
        white-space: pre-wrap;
        overflow-wrap: anywhere
    }

@media(max-width:820px) {
    .td-page[b-bgrv87ujdy] {
        padding: 0 14px 32px
    }

    .td-heading[b-bgrv87ujdy] {
        flex-wrap: wrap
    }

        .td-heading h1[b-bgrv87ujdy] {
            font-size: 1.65rem
        }

    .td-actions[b-bgrv87ujdy] {
        justify-content: flex-start
    }

    .td-geometry-layout[b-bgrv87ujdy], .td-monitor-grid[b-bgrv87ujdy] {
        grid-template-columns: 1fr
    }

    .td-card-header[b-bgrv87ujdy], .td-section-head[b-bgrv87ujdy] {
        padding: 18px 18px 14px
    }

    .td-facts[b-bgrv87ujdy] {
        padding: 18px;
        grid-template-columns: 1fr
    }

    .td-geometry-layout[b-bgrv87ujdy], .td-monitor-grid[b-bgrv87ujdy] {
        padding: 18px
    }

    .td-reading-empty[b-bgrv87ujdy] {
        margin: 18px
    }

    .td-history-row[b-bgrv87ujdy] {
        margin: 0 18px 18px
    }
}


/* Step 30E.5B — consistent Details-page section navigation. */
.td-jump[b-bgrv87ujdy] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 20px;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #e0e8ee;
    border-radius: 10px
}

    .td-jump > span[b-bgrv87ujdy] {
        font-size: .76rem;
        color: #73889a;
        font-weight: 700;
        margin-right: 5px
    }

    .td-jump a[b-bgrv87ujdy] {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
        padding: 6px 11px;
        text-decoration: none;
        color: #31526b;
        background: #f7f9fb;
        border: 1px solid #e2e9ee;
        border-radius: 7px;
        font-size: .82rem;
        font-weight: 680
    }

        .td-jump a:hover[b-bgrv87ujdy] {
            color: #a80b1b;
            border-color: #d7c4c7;
            background: #fff7f7
        }

        .td-jump a:focus-visible[b-bgrv87ujdy] {
            outline: 3px solid #236d98;
            outline-offset: 2px
        }

.td-button:focus-visible[b-bgrv87ujdy] {
    outline: 3px solid #236d98;
    outline-offset: 2px
}

.td-card[id][b-bgrv87ujdy] {
    scroll-margin-top: 18px
}

.td-reading-empty[b-bgrv87ujdy] {
    background: #f7f9fb;
    border-color: #e5edf2
}


/* Step 30E.5C — semantic status cues. The text always carries the meaning;
   colors are supplementary and do not change any lifecycle rules. */
.td-status[data-state="Active" i][b-bgrv87ujdy],
.td-status[data-state="InService" i][b-bgrv87ujdy],
.td-status[data-state="Installed" i][b-bgrv87ujdy],
.td-status[data-state="Operational" i][b-bgrv87ujdy] {
    background: #eaf7ef;
    border-color: #b8dfc8;
    color: #205b3d;
}

.td-status[data-state="Planned" i][b-bgrv87ujdy],
.td-status[data-state="Registered" i][b-bgrv87ujdy] {
    background: #edf4fa;
    border-color: #cfdfed;
    color: #285776;
}

.td-status[data-state="Suspended" i][b-bgrv87ujdy],
.td-status[data-state="Maintenance" i][b-bgrv87ujdy],
.td-status[data-state="UnderMaintenance" i][b-bgrv87ujdy] {
    background: #fff4df;
    border-color: #efd7a8;
    color: #815118;
}

.td-status[data-state="Inactive" i][b-bgrv87ujdy],
.td-status[data-state="OutOfService" i][b-bgrv87ujdy],
.td-status[data-state="Decommissioned" i][b-bgrv87ujdy],
.td-status[data-state="Retired" i][b-bgrv87ujdy] {
    background: #f0f3f5;
    border-color: #d4dce2;
    color: #4a5b68;
}
/* /Components/Pages/TankEditor.razor.rz.scp.css */
/* CONTROMOTE Step 30E.3 — Tank registration/editing UX.
   Styles are scoped to TankEditor.razor; no global CSS changes. */
.tank-editor-page[b-8uh04ece9l] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 26px 50px;
    color: #203447
}

.tank-editor-eyebrow[b-8uh04ece9l] {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .13em;
    color: #b60b1b;
    margin-bottom: 10px
}

.tank-editor-heading[b-8uh04ece9l] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 23px
}

    .tank-editor-heading h1[b-8uh04ece9l] {
        font-size: 2rem;
        font-weight: 770;
        letter-spacing: -.025em;
        margin: 0 0 8px
    }

    .tank-editor-heading p[b-8uh04ece9l] {
        color: #65798b;
        line-height: 1.5;
        margin: 0;
        max-width: 760px
    }

.tank-editor-card[b-8uh04ece9l] {
    background: #fff;
    border: 1px solid #dfe8ef;
    border-radius: 13px;
    overflow: hidden;
    box-shadow: 0 3px 16px rgba(28,55,70,.04)
}

.tank-editor-card-heading[b-8uh04ece9l] {
    padding: 23px 28px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    border-bottom: 1px solid #e9eff4;
    background: #fbfcfe
}

    .tank-editor-card-heading h2[b-8uh04ece9l] {
        font-size: 1.24rem;
        font-weight: 780;
        margin: 4px 0
    }

    .tank-editor-card-heading p[b-8uh04ece9l] {
        color: #668092;
        font-size: .84rem;
        margin: 5px 0 0
    }

.tank-editor-card-kicker[b-8uh04ece9l] {
    font-size: .68rem;
    color: #b60b1b;
    letter-spacing: .13em;
    font-weight: 800
}

.tank-editor-tag[b-8uh04ece9l] {
    border-radius: 30px;
    background: #f0f5f8;
    padding: 7px 13px;
    color: #65798a;
    font-size: .7rem;
    letter-spacing: .06em;
    font-weight: 750
}

.tank-editor-form-intro[b-8uh04ece9l] {
    padding: 14px 28px;
    border-bottom: 1px solid #e9eef3;
    color: #64798b;
    font-size: .81rem;
    line-height: 1.55
}

.tank-editor-required[b-8uh04ece9l] {
    color: #b60b1b;
    font-weight: 800
}

.tank-editor-intro-divider[b-8uh04ece9l] {
    padding: 0 9px;
    color: #a0afbc
}

.tank-editor-fieldset[b-8uh04ece9l] {
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0
}

.tank-editor-section[b-8uh04ece9l] {
    padding: 25px 28px 27px
}

    .tank-editor-section + .tank-editor-section[b-8uh04ece9l] {
        border-top: 1px solid #e8eef3
    }

.tank-editor-sectionhead[b-8uh04ece9l] {
    margin-bottom: 18px
}

    .tank-editor-sectionhead h3[b-8uh04ece9l] {
        font-size: 1.07rem;
        line-height: 1.35;
        font-weight: 780;
        letter-spacing: -.015em;
        color: #213b51;
        margin: 0 0 6px
    }

    .tank-editor-sectionhead p[b-8uh04ece9l] {
        font-size: .85rem;
        line-height: 1.5;
        color: #6b8192;
        margin: 0
    }

.tank-editor-grid[b-8uh04ece9l] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: 22px;
    row-gap: 21px
}

.tank-editor-field[b-8uh04ece9l] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    font-size: .85rem;
    font-weight: 640;
    color: #415c70
}

    .tank-editor-field label[b-8uh04ece9l] {
        font-size: .85rem;
        font-weight: 680;
        color: #415c70
    }

.tank-editor-wide[b-8uh04ece9l] {
    grid-column: 1/-1
}

.tank-editor-input[b-8uh04ece9l] {
    font: inherit;
    font-weight: 400;
    font-size: .93rem;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 43px;
    padding: 9px 12px;
    background: #fff;
    border: 1px solid #c7d5df;
    border-radius: 7px;
    color: #203447
}

    .tank-editor-input:focus[b-8uh04ece9l] {
        outline: 2px solid rgba(182,11,27,.18);
        border-color: #bd1427
    }

.tank-editor-textarea[b-8uh04ece9l] {
    min-height: 115px;
    resize: vertical
}

.tank-editor-hint[b-8uh04ece9l] {
    font-size: .78rem;
    font-weight: 400;
    line-height: 1.45;
    color: #7890a3
}

.tank-editor-geometry-row[b-8uh04ece9l] {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(250px,1fr);
    gap: 22px;
    align-items: start;
    margin-bottom: 23px
}

.tank-editor-geometry-guidance[b-8uh04ece9l] {
    padding: 11px 13px;
    background: #f6f9fb;
    border: 1px solid #e5edf3;
    border-radius: 8px;
    margin-top: 12px;
    font-size: .82rem;
    line-height: 1.5;
    color: #516d80;
    font-weight: 450
}

    .tank-editor-geometry-guidance strong[b-8uh04ece9l] {
        color: #2b4c64;
        font-weight: 750
    }

.tank-editor-schematic-preview[b-8uh04ece9l] {
    min-width: 0;
    border: 1px solid #e2eaf1;
    border-radius: 10px;
    padding: 12px;
    background: linear-gradient(180deg,#fbfdfe,#f4f8fb)
}

.tank-editor-preview-empty[b-8uh04ece9l] {
    min-height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 9px;
    color: #6d8497;
    font-size: .84rem;
    line-height: 1.5;
    padding: 16px
}

    .tank-editor-preview-empty strong[b-8uh04ece9l] {
        color: #375970;
        font-size: .93rem
    }

    .tank-editor-preview-empty span[b-8uh04ece9l] {
        max-width: 270px
    }

.tank-editor-dimensions-help[b-8uh04ece9l] {
    justify-content: center;
    align-self: center;
    background: #f7fafc;
    border: 1px solid #e6edf2;
    border-radius: 8px;
    padding: 15px;
    min-height: 90px
}

.tank-editor-tip[b-8uh04ece9l] {
    background: #f5f8fa;
    border: 1px solid #e6edf2;
    border-radius: 9px;
    padding: 15px 17px;
    margin-top: 22px;
    font-size: .83rem;
    color: #516a7d;
    line-height: 1.55
}

    .tank-editor-tip strong[b-8uh04ece9l] {
        display: block;
        color: #2b4c64;
        margin-bottom: 5px;
        font-size: .85rem
    }

    .tank-editor-tip p[b-8uh04ece9l] {
        margin: 0
    }

.tank-editor-lock-note[b-8uh04ece9l] {
    border-left: 3px solid #bd7881;
    background: #fbf8f9;
    border-radius: 0 7px 7px 0;
    padding: 12px 15px;
    margin-top: 13px;
    color: #76535e;
    font-size: .82rem;
    line-height: 1.55
}

    .tank-editor-lock-note strong[b-8uh04ece9l] {
        color: #74444f
    }

.tank-editor-bottom[b-8uh04ece9l] {
    padding: 7px 28px 26px;
    border-top: 1px solid #e8eef3
}

.tank-editor-notice[b-8uh04ece9l] {
    padding: 15px 18px;
    background: #f4f7f9;
    color: #546d80;
    border-radius: 9px;
    margin: 12px 0;
    line-height: 1.5
}

.tank-editor-muted[b-8uh04ece9l] {
    margin: 14px 0 0;
    font-size: .83rem
}

.tank-editor-error[b-8uh04ece9l] {
    color: #a62a28;
    background: #fff1ef;
    border: 1px solid #f4c6bf;
    border-radius: 9px;
    padding: 14px 17px
}

.tank-editor-inline-error[b-8uh04ece9l] {
    margin: 16px 28px 0
}

.tank-editor-success[b-8uh04ece9l] {
    background: #eff9f3;
    border: 1px solid #b6dfc9;
    color: #246d47;
    border-radius: 9px;
    padding: 14px 17px;
    margin: 17px 28px 0;
    font-size: .88rem;
    line-height: 1.5
}

    .tank-editor-success a[b-8uh04ece9l] {
        display: inline-block;
        margin-left: 12px;
        color: #1b6845;
        font-weight: 750;
        text-decoration: underline
    }

.tank-editor-validation-summary[b-8uh04ece9l] {
    margin: 17px 28px 0;
    color: #9d2332;
    font-size: .85rem;
    line-height: 1.5
}

.tank-editor-actions[b-8uh04ece9l] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    padding-top: 22px
}

.tank-editor-btn[b-8uh04ece9l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c7d5df;
    border-radius: 8px;
    padding: 10px 18px;
    min-height: 43px;
    background: white;
    color: #29465b;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer
}

    .tank-editor-btn:hover[b-8uh04ece9l] {
        background: #f7f9fa;
        color: #284258
    }

    .tank-editor-btn:disabled[b-8uh04ece9l] {
        opacity: .55;
        cursor: not-allowed
    }

.tank-editor-primary[b-8uh04ece9l] {
    color: #fff;
    background: #b60b1b;
    border-color: #b60b1b
}

    .tank-editor-primary:hover[b-8uh04ece9l] {
        color: #fff;
        background: #960a16
    }

.tank-editor-field .validation-message[b-8uh04ece9l] {
    color: #b60b1b;
    font-size: .77rem;
    font-weight: 500
}

.tank-editor-page .tank-editor-btn:focus-visible[b-8uh04ece9l], .tank-editor-page .tank-editor-input:focus-visible[b-8uh04ece9l] {
    outline: 3px solid rgba(182,11,27,.2);
    outline-offset: 2px
}

@media(max-width:850px) {
    .tank-editor-geometry-row[b-8uh04ece9l] {
        grid-template-columns: minmax(0,1fr)
    }

    .tank-editor-schematic-preview[b-8uh04ece9l] {
        max-width: 500px;
        width: 100%;
        box-sizing: border-box
    }
}

@media(max-width:680px) {
    .tank-editor-page[b-8uh04ece9l] {
        padding: 0 13px 34px
    }

    .tank-editor-heading[b-8uh04ece9l] {
        flex-wrap: wrap
    }

        .tank-editor-heading h1[b-8uh04ece9l] {
            font-size: 1.65rem
        }

    .tank-editor-card-heading[b-8uh04ece9l] {
        padding: 19px 17px
    }

    .tank-editor-form-intro[b-8uh04ece9l] {
        padding: 13px 17px
    }

    .tank-editor-section[b-8uh04ece9l] {
        padding: 19px 17px 23px
    }

    .tank-editor-grid[b-8uh04ece9l] {
        grid-template-columns: minmax(0,1fr);
        gap: 17px
    }

    .tank-editor-wide[b-8uh04ece9l] {
        grid-column: span 1
    }

    .tank-editor-bottom[b-8uh04ece9l] {
        padding: 7px 17px 21px
    }

    .tank-editor-actions[b-8uh04ece9l] {
        gap: 9px
    }

    .tank-editor-success[b-8uh04ece9l], .tank-editor-inline-error[b-8uh04ece9l] {
        margin-left: 17px;
        margin-right: 17px
    }

    .tank-editor-validation-summary[b-8uh04ece9l] {
        margin-left: 17px;
        margin-right: 17px
    }

    .tank-editor-success a[b-8uh04ece9l] {
        display: block;
        margin: 8px 0 0
    }
}
/* /Components/Pages/TankGaugeHistory.razor.rz.scp.css */
.gh-page[b-0s78ivf0e9] {
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 26px 48px;
    color: #203447
}

.gh-eyebrow[b-0s78ivf0e9] {
    color: #b60b1b;
    font-size: .72rem;
    letter-spacing: .13em;
    font-weight: 800;
    margin-bottom: 10px
}

.gh-heading[b-0s78ivf0e9] {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 23px
}

    .gh-heading h1[b-0s78ivf0e9] {
        font-size: 1.9rem;
        font-weight: 780;
        letter-spacing: -.025em;
        margin: 0 0 7px
    }

    .gh-heading p[b-0s78ivf0e9] {
        color: #637c8e;
        margin: 0
    }

.gh-actions[b-0s78ivf0e9] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    flex-shrink: 0
}

.gh-btn[b-0s78ivf0e9] {
    border: 1px solid #ccd9e1;
    background: #fff;
    color: #254a62;
    cursor: pointer;
    border-radius: 8px;
    min-height: 40px;
    padding: 9px 14px;
    font-weight: 700;
    text-decoration: none;
    font-size: .9rem
}

    .gh-btn:hover[b-0s78ivf0e9] {
        background: #f1f6f8
    }

    .gh-btn:disabled[b-0s78ivf0e9] {
        cursor: default;
        opacity: .55
    }

.gh-notice[b-0s78ivf0e9], .gh-empty[b-0s78ivf0e9] {
    padding: 24px;
    border: 1px solid #dfe8ee;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 18px
}

.gh-denied[b-0s78ivf0e9] {
    color: #932b2b;
    background: #fff4f1;
    border-color: #efc3bd
}

.gh-summary[b-0s78ivf0e9] {
    background: #fff;
    border: 1px solid #dfe8ee;
    border-radius: 13px;
    padding: 22px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px
}

.gh-code[b-0s78ivf0e9] {
    font-size: .81rem;
    font-weight: 800;
    color: #b60b1b;
    letter-spacing: .07em
}

.gh-summary h2[b-0s78ivf0e9] {
    font-size: 1.3rem;
    margin: 6px 0 0
}

.gh-summary-stats[b-0s78ivf0e9] {
    display: flex;
    gap: 24px
}

    .gh-summary-stats > div[b-0s78ivf0e9] {
        display: flex;
        flex-direction: column;
        gap: 5px;
        align-items: flex-end
    }

    .gh-summary-stats span[b-0s78ivf0e9] {
        font-size: .76rem;
        color: #6e8494
    }

    .gh-summary-stats strong[b-0s78ivf0e9] {
        font-size: 1.3rem;
        color: #143b55
    }

.gh-note[b-0s78ivf0e9] {
    border: 1px solid #cfdfe8;
    border-left: 4px solid #2e7c99;
    background: #f5f9fb;
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 20px
}

    .gh-note strong[b-0s78ivf0e9] {
        font-size: .88rem
    }

    .gh-note p[b-0s78ivf0e9] {
        color: #587587;
        line-height: 1.55;
        font-size: .88rem;
        margin: 6px 0 0
    }

.gh-empty strong[b-0s78ivf0e9] {
    font-size: 1.03rem
}

.gh-empty p[b-0s78ivf0e9] {
    color: #6e8393;
    margin: 9px 0 0
}

.gh-card[b-0s78ivf0e9] {
    background: #fff;
    border: 1px solid #dee7ed;
    border-radius: 13px;
    margin-bottom: 17px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(20,60,85,.035)
}

.gh-card-head[b-0s78ivf0e9] {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    padding: 20px 23px;
    border-bottom: 1px solid #eaf0f3
}

    .gh-card-head h3[b-0s78ivf0e9] {
        font-size: 1.08rem;
        margin: 0 0 7px
    }

.gh-period[b-0s78ivf0e9] {
    font-size: .84rem;
    color: #6b8292;
    line-height: 1.4
}

.gh-status[b-0s78ivf0e9] {
    border: 1px solid #cfe0e9;
    border-radius: 30px;
    padding: 6px 11px;
    background: #edf5f8;
    color: #214d63;
    white-space: nowrap;
    font-size: .83rem;
    font-weight: 700
}

.gh-columns[b-0s78ivf0e9] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 25px;
    padding: 22px 23px
}

.gh-group h4[b-0s78ivf0e9] {
    margin: 0 0 13px;
    font-size: .94rem;
    color: #173b53
}

.gh-group dl[b-0s78ivf0e9] {
    display: grid;
    gap: 10px;
    margin: 0
}

    .gh-group dl > div[b-0s78ivf0e9] {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        padding: 0 0 10px;
        border-bottom: 1px solid #f0f3f6
    }

.gh-group dt[b-0s78ivf0e9] {
    font-size: .82rem;
    color: #6d8291;
    font-weight: 550
}

.gh-group dd[b-0s78ivf0e9] {
    font-size: .87rem;
    margin: 0;
    text-align: right;
    font-weight: 650;
    overflow-wrap: anywhere;
    color: #2a4a5f;
    max-width: 65%
}

.gh-internal-note[b-0s78ivf0e9] {
    border-top: 1px solid #eaf0f3;
    padding: 16px 23px;
    color: #28475b;
    font-size: .85rem
}

    .gh-internal-note p[b-0s78ivf0e9] {
        white-space: pre-wrap;
        margin: 7px 0 0;
        color: #526e7e
    }

.gh-footnote[b-0s78ivf0e9] {
    color: #627d8d;
    font-size: .82rem;
    line-height: 1.55;
    margin: 15px 0 0
}

@media(max-width:860px) {
    .gh-page[b-0s78ivf0e9] {
        padding: 0 14px 38px
    }

    .gh-heading[b-0s78ivf0e9] {
        flex-wrap: wrap
    }

        .gh-heading h1[b-0s78ivf0e9] {
            font-size: 1.65rem
        }

    .gh-columns[b-0s78ivf0e9] {
        grid-template-columns: 1fr
    }

    .gh-summary[b-0s78ivf0e9] {
        flex-wrap: wrap
    }

    .gh-card-head[b-0s78ivf0e9] {
        flex-wrap: wrap
    }
}
/* /Components/Pages/TankGaugeManage.razor.rz.scp.css */
.gm-page[b-gmy5t4nyfj] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 26px 48px;
    color: #203447
}

.gm-eyebrow[b-gmy5t4nyfj] {
    color: #b60b1b;
    font-size: .72rem;
    letter-spacing: .13em;
    font-weight: 800;
    margin-bottom: 10px
}

.gm-header[b-gmy5t4nyfj] {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 23px
}

    .gm-header h1[b-gmy5t4nyfj] {
        font-size: 1.9rem;
        font-weight: 800;
        margin: 0 0 9px
    }

    .gm-header p[b-gmy5t4nyfj] {
        color: #637c8e;
        margin: 0
    }

.gm-card[b-gmy5t4nyfj] {
    border: 1px solid #dae5ec;
    border-radius: 13px;
    background: #fff;
    margin-bottom: 20px;
    overflow: hidden
}

.gm-status[b-gmy5t4nyfj] {
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    gap: 25px;
    flex-wrap: wrap
}

    .gm-status h2[b-gmy5t4nyfj] {
        font-size: 1.25rem;
        margin: 5px 0
    }

    .gm-status p[b-gmy5t4nyfj] {
        font-size: .85rem;
        color: #5e788a;
        margin: 5px 0
    }

.gm-code[b-gmy5t4nyfj] {
    color: #b60b1b;
    font-weight: 800;
    letter-spacing: .08em;
    font-size: .78rem
}

.gm-card-heading[b-gmy5t4nyfj] {
    padding: 22px 25px;
    border-bottom: 1px solid #e8eef2
}

    .gm-card-heading h2[b-gmy5t4nyfj] {
        font-size: 1.17rem;
        margin: 0 0 6px
    }

    .gm-card-heading p[b-gmy5t4nyfj] {
        margin: 0;
        color: #6b8393;
        font-size: .88rem
    }

.gm-fieldset[b-gmy5t4nyfj] {
    border: 0;
    padding: 22px 25px 25px;
    min-width: 0
}

    .gm-fieldset h3[b-gmy5t4nyfj] {
        font-size: 1.03rem;
        color: #143b55;
        margin: 5px 0 16px
    }

.gm-grid[b-gmy5t4nyfj] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px 20px;
    margin-bottom: 23px
}

.gm-wide[b-gmy5t4nyfj] {
    grid-column: 1/-1
}

.gm-field[b-gmy5t4nyfj] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    font-size: .85rem;
    color: #526f82;
    font-weight: 700
}

.gm-input[b-gmy5t4nyfj] {
    border: 1px solid #cbd9e3;
    border-radius: 8px;
    background: #fff;
    width: 100%;
    height: 42px;
    padding: 8px 11px;
    color: #1e3b51;
    font-size: .94rem;
    font-weight: 500
}

    .gm-input:focus[b-gmy5t4nyfj] {
        outline: 2px solid #b0d2e3;
        outline-offset: 1px
    }

.gm-textarea[b-gmy5t4nyfj] {
    min-height: 105px;
    height: auto;
    resize: vertical
}

.gm-note[b-gmy5t4nyfj], .gm-notice[b-gmy5t4nyfj] {
    padding: 17px 20px;
    border: 1px solid #d2e0e9;
    border-radius: 10px;
    background: #f4f9fc;
    margin-bottom: 20px;
    font-size: .9rem;
    line-height: 1.55
}

    .gm-note p[b-gmy5t4nyfj] {
        margin: 6px 0 0;
        color: #526f82
    }

.gm-small[b-gmy5t4nyfj] {
    font-size: .84rem
}

.gm-error[b-gmy5t4nyfj] {
    background: #fff1ef;
    border-color: #eabeb7;
    color: #97362b
}

.gm-success[b-gmy5t4nyfj] {
    background: #eef9f3;
    border-color: #b9dbca;
    color: #216845;
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

    .gm-success a[b-gmy5t4nyfj] {
        font-weight: 750;
        color: #17694a
    }

.gm-actions[b-gmy5t4nyfj] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 15px
}

.gm-primary[b-gmy5t4nyfj], .gm-secondary[b-gmy5t4nyfj], .gm-danger[b-gmy5t4nyfj], .gm-danger-outline[b-gmy5t4nyfj] {
    border-radius: 8px;
    min-height: 43px;
    padding: 10px 17px;
    font-weight: 750;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .88rem
}

.gm-primary[b-gmy5t4nyfj] {
    border: 1px solid #b60b1b;
    background: #b60b1b;
    color: #fff
}

    .gm-primary:hover[b-gmy5t4nyfj] {
        background: #960b18
    }

.gm-secondary[b-gmy5t4nyfj] {
    border: 1px solid #cfdce5;
    background: #fff;
    color: #28465d
}

    .gm-secondary:hover[b-gmy5t4nyfj] {
        background: #f4f8fa
    }

.gm-danger[b-gmy5t4nyfj] {
    background: #a80c18;
    color: #fff;
    border: 1px solid #a80c18
}

.gm-danger-outline[b-gmy5t4nyfj] {
    border: 1px solid #c56a71;
    color: #a90f20;
    background: #fff
}

button:disabled[b-gmy5t4nyfj] {
    opacity: .55;
    cursor: default
}

.gm-confirm[b-gmy5t4nyfj] {
    margin: 0 25px 25px;
    padding: 20px;
    border: 1px solid #e7b9b9;
    background: #fff7f5;
    border-radius: 9px
}

    .gm-confirm p[b-gmy5t4nyfj] {
        color: #6f5260;
        font-size: .86rem
    }

    .gm-confirm button[b-gmy5t4nyfj] {
        margin-right: 9px
    }

@media(max-width:760px) {
    .gm-page[b-gmy5t4nyfj] {
        padding: 0 13px 36px
    }

    .gm-header[b-gmy5t4nyfj] {
        flex-wrap: wrap
    }

    .gm-grid[b-gmy5t4nyfj] {
        grid-template-columns: 1fr
    }

    .gm-fieldset[b-gmy5t4nyfj] {
        padding: 17px
    }

    .gm-status[b-gmy5t4nyfj] {
        padding: 17px
    }
}

/* Step 30E.4: hardware clarity only, operation state and validation unchanged. */
.gm-form-intro[b-gmy5t4nyfj] {
    margin: 0 0 16px;
    background: #f8fafc;
    border: 1px solid #e2ebf0;
    border-radius: 9px;
    padding: 13px 15px;
    color: #506e81;
    font-size: .86rem;
    line-height: 1.5
}

.gm-ux-section[b-gmy5t4nyfj] {
    padding: 2px 0 12px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e8eff4
}

.gm-ux-heading[b-gmy5t4nyfj] {
    margin-bottom: 10px
}

    .gm-ux-heading h3[b-gmy5t4nyfj] {
        margin: 7px 0 5px;
        color: #164560;
        font-size: 1.05rem
    }

    .gm-ux-heading p[b-gmy5t4nyfj] {
        font-size: .85rem;
        color: #648092;
        margin: 0 0 8px;
        line-height: 1.5
    }

.gm-ux-section .asset-field-help[b-gmy5t4nyfj] {
    margin-bottom: 15px
}
/* /Components/Pages/TankLevels.razor.rz.scp.css */
.tl-page[b-v952id4j93] {
    max-width: 1540px;
    margin: 0 auto;
    padding: 12px 12px 38px;
    color: #20374a;
}

.tl-header[b-v952id4j93] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 17px;
}

.tl-eyebrow[b-v952id4j93] {
    color: #a30a1a;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .13em;
    margin-bottom: 5px;
}

.tl-header h1[b-v952id4j93] {
    color: #18354b;
    margin: 0 0 6px;
    font-size: clamp(25px,2.6vw,34px);
    font-weight: 780;
}

.tl-header p[b-v952id4j93], .tl-control-head p[b-v952id4j93] {
    margin: 0;
    color: #708397;
    font-size: 13px;
}

.tl-refresh[b-v952id4j93] {
    cursor: pointer;
    border: 1px solid #b60b1b;
    border-radius: 9px;
    background: #b60b1b;
    color: #fff;
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 750;
}

    .tl-refresh:hover[b-v952id4j93] {
        background: #91091a;
    }

    .tl-refresh:disabled[b-v952id4j93] {
        opacity: .55;
        cursor: wait;
    }

.tl-timebar[b-v952id4j93] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 22px;
    background: #f0f5f8;
    border: 1px solid #e0e9ef;
    border-radius: 10px;
    padding: 10px 14px;
    color: #5e7387;
    font-size: 12px;
    margin-bottom: 14px;
}

    .tl-timebar strong[b-v952id4j93] {
        color: #355367;
    }

.tl-stats[b-v952id4j93] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.tl-stat[b-v952id4j93] {
    background: #fff;
    border: 1px solid #e0e8ed;
    border-radius: 12px;
    padding: 14px 18px;
    box-shadow: 0 3px 13px rgba(28,61,80,.025);
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .tl-stat span[b-v952id4j93] {
        font-size: 12px;
        color: #687f90;
        font-weight: 650;
    }

    .tl-stat strong[b-v952id4j93] {
        color: #1e394e;
        font-size: 29px;
        line-height: 1.3;
        font-variant-numeric: tabular-nums;
    }

        .tl-stat strong.tl-low-number[b-v952id4j93] {
            color: #bd3947;
        }

.tl-controls[b-v952id4j93] {
    background: #fff;
    border: 1px solid #e0e8ed;
    border-radius: 13px;
    padding: 16px;
    margin-bottom: 18px;
}

.tl-control-head[b-v952id4j93] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 8px;
    margin-bottom: 13px;
}

    .tl-control-head h2[b-v952id4j93] {
        font-size: 18px;
        color: #243d52;
        font-weight: 750;
        margin: 0 0 4px;
    }

.tl-count[b-v952id4j93] {
    color: #4a677b;
    background: #f0f5f8;
    border-radius: 20px;
    padding: 6px 11px;
    font-size: 12px;
    font-weight: 750;
    white-space: nowrap;
}

.tl-filters[b-v952id4j93] {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    align-items: flex-end;
}

.tl-filter[b-v952id4j93] {
    display: flex;
    flex-direction: column;
    flex: 1 1 166px;
    min-width: 155px;
    gap: 5px;
}

    .tl-filter.tl-search[b-v952id4j93] {
        flex: 2 1 250px;
    }

    .tl-filter span[b-v952id4j93] {
        font-size: 11px;
        color: #63788b;
        font-weight: 750;
    }

    .tl-filter input[b-v952id4j93], .tl-filter select[b-v952id4j93] {
        width: 100%;
        background: #fff;
        color: #284255;
        border: 1px solid #cedde6;
        border-radius: 8px;
        padding: 9px 10px;
        font-size: 12px;
        min-height: 38px;
    }

        .tl-filter input:focus[b-v952id4j93], .tl-filter select:focus[b-v952id4j93], .tl-refresh:focus-visible[b-v952id4j93], .tl-clear:focus-visible[b-v952id4j93], .tl-open:focus-visible[b-v952id4j93], .tl-code:focus-visible[b-v952id4j93], .tl-paging button:focus-visible[b-v952id4j93] {
            outline: 2px solid #3a9dc6;
            outline-offset: 2px;
        }

.tl-clear[b-v952id4j93] {
    min-height: 38px;
    border-radius: 8px;
    border: 1px solid #b9cdd8;
    background: #fff;
    color: #425e73;
    font-size: 12px;
    font-weight: 750;
    padding: 8px 12px;
    cursor: pointer;
}

    .tl-clear:hover[b-v952id4j93] {
        background: #f1f7fa;
    }

.tl-gallery[b-v952id4j93] {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px;
}

.tl-card[b-v952id4j93] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #fff;
    border: 1px solid #dfe8ee;
    border-radius: 14px;
    padding: 17px;
    box-shadow: 0 4px 16px rgba(25,60,83,.04);
}

    .tl-card:hover[b-v952id4j93] {
        border-color: #b8d2e0;
        box-shadow: 0 5px 19px rgba(25,60,83,.085);
    }

.tl-card-head[b-v952id4j93] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
}

.tl-ident[b-v952id4j93] {
    min-width: 0;
}

.tl-code[b-v952id4j93] {
    color: #ae1428;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
}

    .tl-code:hover[b-v952id4j93] {
        text-decoration: underline;
    }

.tl-ident h3[b-v952id4j93] {
    color: #223b50;
    margin: 5px 0 0;
    font-size: 16px;
    font-weight: 740;
    overflow-wrap: anywhere;
}

.tl-level-badge[b-v952id4j93] {
    flex: 0 0 auto;
    white-space: nowrap;
    border-radius: 30px;
    padding: 5px 9px;
    font-size: 11px;
    font-weight: 800;
}

.tl-low[b-v952id4j93] {
    background: #fcebee;
    color: #ab233a;
}

.tl-watch[b-v952id4j93] {
    background: #fff4d9;
    color: #986400;
}

.tl-normal[b-v952id4j93] {
    background: #e8f5ee;
    color: #25704a;
}

.tl-unknown[b-v952id4j93] {
    background: #eef2f5;
    color: #556c7d;
}

.tl-context[b-v952id4j93] {
    display: flex;
    gap: 3px;
    flex-direction: column;
    color: #4b6377;
    font-size: 12px;
    min-height: 33px;
    overflow-wrap: anywhere;
}

.tl-customer[b-v952id4j93] {
    color: #8495a5;
    font-size: 11px;
}

.tl-level-reading[b-v952id4j93] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 7px;
}

    .tl-level-reading > div[b-v952id4j93] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .tl-level-reading strong[b-v952id4j93] {
        font-size: 27px;
        color: #233d52;
        font-weight: 780;
        line-height: 1.1;
        font-variant-numeric: tabular-nums;
    }

    .tl-level-reading div span[b-v952id4j93] {
        font-size: 11px;
        color: #7b8e9c;
    }

.tl-provenance[b-v952id4j93] {
    border: 1px solid #e0e8ed;
    background: #f7f9fa;
    padding: 5px 9px;
    border-radius: 14px;
    color: #596e81;
    font-size: 11px;
    font-weight: 700;
}

    .tl-provenance.tl-demo[b-v952id4j93] {
        background: #fff3e0;
        color: #805500;
        border-color: #f3d49b;
    }

.tl-card-bottom[b-v952id4j93] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 11px;
    color: #778a9b;
}

.tl-open[b-v952id4j93] {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    border-top: 1px solid #edf1f4;
    padding-top: 11px;
    text-decoration: none;
    color: #a30a1a;
    font-size: 12px;
    font-weight: 800;
}

    .tl-open:hover[b-v952id4j93] {
        text-decoration: underline;
    }

.tl-paging[b-v952id4j93] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 22px 0;
    color: #5c7182;
    font-size: 13px;
}

    .tl-paging button[b-v952id4j93] {
        cursor: pointer;
        border: 1px solid #cbdbe5;
        border-radius: 8px;
        padding: 8px 14px;
        background: white;
        color: #34536a;
        font-weight: 700;
    }

        .tl-paging button:disabled[b-v952id4j93] {
            opacity: .45;
            cursor: default;
        }

.tl-footnote[b-v952id4j93] {
    color: #687b8d;
    font-size: 12px;
    line-height: 1.5;
    margin: 20px 3px 0;
}

.tl-notice[b-v952id4j93] {
    padding: 22px;
    background: #fff;
    border: 1px solid #dce5ea;
    border-radius: 12px;
    color: #546b7c;
}

.tl-error[b-v952id4j93] {
    border-color: #e5a4a7;
}

@media(max-width:1120px) {
    .tl-gallery[b-v952id4j93] {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .tl-stats[b-v952id4j93] {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media(max-width:640px) {
    .tl-page[b-v952id4j93] {
        padding: 6px 0 28px;
    }

    .tl-gallery[b-v952id4j93] {
        grid-template-columns: 1fr;
    }

    .tl-stats[b-v952id4j93] {
        gap: 8px;
    }

    .tl-stat[b-v952id4j93] {
        padding: 12px;
    }

    .tl-controls[b-v952id4j93] {
        padding: 13px;
    }

    .tl-filter[b-v952id4j93], .tl-filter.tl-search[b-v952id4j93] {
        flex: 1 1 100%;
    }

    .tl-control-head[b-v952id4j93] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Tanks.razor.rz.scp.css */
.tank-directory-page[b-dv7ufak1m1] {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 26px 48px;
    color: #203447
}

.tank-directory-heading[b-dv7ufak1m1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin: 0 0 24px
}

    .tank-directory-heading h1[b-dv7ufak1m1] {
        font-size: 2rem;
        letter-spacing: -.035em;
        font-weight: 760;
        margin: 0 0 7px
    }

    .tank-directory-heading p[b-dv7ufak1m1], .tank-directory-card-heading p[b-dv7ufak1m1] {
        margin: 0;
        color: #647789
    }

.tank-directory-eyebrow[b-dv7ufak1m1] {
    color: #b60b1b;
    font-size: .7rem;
    letter-spacing: .15em;
    font-weight: 800;
    margin-bottom: 8px
}

.tank-directory-card[b-dv7ufak1m1] {
    background: #fff;
    border: 1px solid #dfe7ef;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 14px rgba(32,52,71,.04)
}

.tank-directory-card-heading[b-dv7ufak1m1] {
    padding: 23px 25px 12px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px
}

    .tank-directory-card-heading h2[b-dv7ufak1m1] {
        font-size: 1.15rem;
        margin: 0 0 6px;
        font-weight: 760
    }

    .tank-directory-card-heading p[b-dv7ufak1m1] {
        font-size: .86rem
    }

.tank-directory-state[b-dv7ufak1m1] {
    color: #63798b;
    white-space: nowrap;
    font-size: .81rem
}

.tank-directory-filters[b-dv7ufak1m1] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    padding: 17px 25px 24px;
    flex-wrap: wrap
}

.tank-directory-field[b-dv7ufak1m1] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    font-size: .82rem;
    color: #526779;
    font-weight: 650;
    flex: 1 1 320px
}

.tank-directory-reading-filter[b-dv7ufak1m1] {
    flex: 0 1 230px
}

.tank-directory-input[b-dv7ufak1m1] {
    width: 100%;
    box-sizing: border-box;
    min-height: 42px;
    padding: 9px 12px;
    border: 1px solid #cbd6e0;
    border-radius: 7px;
    background: white;
    color: #263e51;
    font-weight: 450
}

    .tank-directory-input:focus[b-dv7ufak1m1] {
        outline: 2px solid rgba(182,11,27,.19);
        border-color: #b60b1b
    }

.tank-directory-button[b-dv7ufak1m1] {
    border: 1px solid #cbd5de;
    border-radius: 7px;
    min-height: 41px;
    padding: 8px 16px;
    background: white;
    color: #2e475d;
    font-weight: 650;
    cursor: pointer
}

    .tank-directory-button:hover[b-dv7ufak1m1] {
        background: #f4f7f9
    }

    .tank-directory-button:disabled[b-dv7ufak1m1] {
        opacity: .55;
        cursor: not-allowed
    }

.tank-directory-primary[b-dv7ufak1m1] {
    background: #b60b1b;
    color: white;
    border-color: #b60b1b
}

    .tank-directory-primary:hover[b-dv7ufak1m1] {
        background: #950916
    }

.tank-directory-notice[b-dv7ufak1m1] {
    padding: 22px 25px;
    color: #526a7d
}

.tank-directory-count[b-dv7ufak1m1] {
    border-top: 1px solid #eef2f5;
    background: #f7f9fb;
    padding: 12px 25px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #617587;
    font-size: .85rem
}

.tank-directory-overflow[b-dv7ufak1m1] {
    overflow-x: auto;
    width: 100%
}

.tank-directory-table[b-dv7ufak1m1] {
    width: 100%;
    border-collapse: collapse;
    font-size: .88rem;
    text-align: left
}

    .tank-directory-table th[b-dv7ufak1m1] {
        padding: 13px 16px;
        color: #667b8b;
        font-size: .73rem;
        letter-spacing: .035em;
        text-transform: uppercase;
        white-space: nowrap;
        background: #fbfcfe;
        border-bottom: 1px solid #e6edf3
    }

    .tank-directory-table td[b-dv7ufak1m1] {
        padding: 15px 16px;
        border-bottom: 1px solid #eef2f6;
        vertical-align: middle
    }

    .tank-directory-table tbody tr:hover[b-dv7ufak1m1] {
        background: #fafbfd
    }

    .tank-directory-table a[b-dv7ufak1m1] {
        text-decoration: none;
        color: #314d63;
        font-weight: 650
    }

        .tank-directory-table a:hover[b-dv7ufak1m1] {
            color: #b60b1b;
            text-decoration: underline
        }

.tank-directory-code[b-dv7ufak1m1] {
    font-weight: 800;
    color: #b60b1b;
    white-space: nowrap
}

    .tank-directory-code a[b-dv7ufak1m1] {
        color: #b60b1b
    }

.tank-directory-pill[b-dv7ufak1m1] {
    display: inline-block;
    background: #edf3f6;
    border: 1px solid #dce6ec;
    border-radius: 999px;
    padding: 4px 10px;
    white-space: nowrap;
    font-size: .78rem;
    color: #456073
}

.tank-directory-numeric[b-dv7ufak1m1] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap
}

.tank-directory-datetime[b-dv7ufak1m1] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap
}

.tank-directory-restricted[b-dv7ufak1m1] {
    color: #7a8c9c;
    font-style: italic
}

.tank-directory-empty[b-dv7ufak1m1] {
    text-align: center;
    color: #6e8091;
    padding: 28px !important
}

.tank-directory-pager[b-dv7ufak1m1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 13px;
    color: #5b7183;
    font-size: .85rem;
    padding: 18px 25px
}

@media(max-width:720px) {
    .tank-directory-page[b-dv7ufak1m1] {
        padding: 0 14px 30px
    }

    .tank-directory-heading[b-dv7ufak1m1] {
        flex-wrap: wrap
    }

        .tank-directory-heading h1[b-dv7ufak1m1] {
            font-size: 1.7rem
        }

    .tank-directory-card-heading[b-dv7ufak1m1] {
        padding: 19px 15px 10px;
        flex-wrap: wrap
    }

    .tank-directory-filters[b-dv7ufak1m1] {
        padding: 14px 15px 19px
    }

    .tank-directory-count[b-dv7ufak1m1] {
        padding: 12px 15px
    }

    .tank-directory-pager[b-dv7ufak1m1] {
        padding: 15px;
        justify-content: center
    }
}


/* Step 30C.1A — Desktop table proportions.
   Deliberately fit labels without letting long headers determine width.
   These classes remain safe when role restrictions omit some columns. */
.tank-directory-table[b-dv7ufak1m1] {
    table-layout: fixed;
    min-width: 1200px;
}

    .tank-directory-table th[b-dv7ufak1m1] {
        white-space: normal;
        line-height: 1.35;
        overflow-wrap: normal;
        vertical-align: bottom;
        padding: 12px 12px;
    }

    .tank-directory-table td[b-dv7ufak1m1] {
        padding: 12px 12px;
    }

    .tank-directory-table th.tank-dir-col-code[b-dv7ufak1m1] {
        width: 9%
    }

    .tank-directory-table th.tank-dir-col-tank[b-dv7ufak1m1] {
        width: 10%
    }

    .tank-directory-table th.tank-dir-col-status[b-dv7ufak1m1] {
        width: 8%
    }

    .tank-directory-table th.tank-dir-col-capacity[b-dv7ufak1m1] {
        width: 9%
    }

    .tank-directory-table th.tank-dir-col-site[b-dv7ufak1m1] {
        width: 18%
    }

    .tank-directory-table th.tank-dir-col-customer[b-dv7ufak1m1] {
        width: 13%
    }

    .tank-directory-table th.tank-dir-col-readings[b-dv7ufak1m1] {
        width: 8%
    }

    .tank-directory-table th.tank-dir-col-level[b-dv7ufak1m1] {
        width: 8%
    }

    .tank-directory-table th.tank-dir-col-measured[b-dv7ufak1m1] {
        width: 11%;
    }

    .tank-directory-table th.tank-dir-col-origin[b-dv7ufak1m1] {
        width: 6%
    }

.tank-directory-site-cell[b-dv7ufak1m1], .tank-directory-customer-cell[b-dv7ufak1m1] {
    overflow-wrap: break-word;
    white-space: normal;
    line-height: 1.4;
}
/* Preserve readable cell values, allowing horizontal scroll on small screens. */
.tank-directory-overflow[b-dv7ufak1m1] {
    overflow-x: auto
}

/* Step 30C.2 management actions: preserve readable column proportions. */
.tank-directory-heading-actions[b-dv7ufak1m1] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center
}

.tank-directory-create[b-dv7ufak1m1] {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.tank-directory-table th.tank-dir-col-tank[b-dv7ufak1m1] {
    width: 9%
}

.tank-directory-table th.tank-dir-col-capacity[b-dv7ufak1m1] {
    width: 8%
}

.tank-directory-table th.tank-dir-col-site[b-dv7ufak1m1] {
    width: 16%
}

.tank-directory-table th.tank-dir-col-customer[b-dv7ufak1m1] {
    width: 12%
}

.tank-directory-table th.tank-dir-col-measured[b-dv7ufak1m1] {
    width: 11%
}

.tank-directory-table th.tank-dir-col-actions[b-dv7ufak1m1] {
    width: 7%
}

.tank-directory-actions-cell a[b-dv7ufak1m1] {
    color: #b60b1b;
    font-weight: 750
}


/* Step 30C.2A — Keep the Edit action accessible during horizontal scrolling.
   The Actions column is only rendered for users authorized to manage Tanks.
   Other roles keep the existing column layout with no blank Actions column. */
.tank-directory-table[b-dv7ufak1m1] {
    border-collapse: separate;
    border-spacing: 0;
}

    .tank-directory-table th.tank-dir-col-actions[b-dv7ufak1m1],
    .tank-directory-table td.tank-directory-actions-cell[b-dv7ufak1m1] {
        position: sticky;
        left: 0;
        z-index: 2;
        min-width: 76px;
        width: 7%;
        background: #fff;
        box-shadow: 1px 0 0 #e6edf3, 5px 0 9px -9px rgba(32,52,71,.45);
        white-space: nowrap;
    }

    .tank-directory-table th.tank-dir-col-actions[b-dv7ufak1m1] {
        z-index: 3;
        background: #fbfcfe;
    }

    .tank-directory-table tbody tr:hover td.tank-directory-actions-cell[b-dv7ufak1m1] {
        background: #fafbfd;
    }

    .tank-directory-table td.tank-directory-actions-cell a[b-dv7ufak1m1] {
        color: #b60b1b;
        font-weight: 750;
        text-decoration: none;
    }

        .tank-directory-table td.tank-directory-actions-cell a:hover[b-dv7ufak1m1],
        .tank-directory-table td.tank-directory-actions-cell a:focus-visible[b-dv7ufak1m1] {
            text-decoration: underline;
        }
/* /Components/Pages/TankVesselSchematic.razor.rz.scp.css */
.tv-frame[b-ha5sjbr3dd] {
    min-height: 280px;
    background: linear-gradient(180deg,#f7fafc,#eef4f7);
    border: 1px solid #e1eaf0;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    text-align: center;
}

.tv-svg[b-ha5sjbr3dd] {
    width: 100%;
    max-width: 410px;
    height: auto;
    max-height: 214px;
}

.tv-label[b-ha5sjbr3dd] {
    font-size: .92rem;
    color: #29465b;
    font-weight: 750;
}

.tv-note[b-ha5sjbr3dd] {
    color: #71889a;
    font-size: .75rem;
}

/* Compact mode is opt-in; existing Tank Details/Editor visuals remain unchanged. */
.tv-frame.tv-compact[b-ha5sjbr3dd] {
    min-height: 0;
    padding: 8px 10px 10px;
    gap: 2px;
    border-color: #e6edf2;
    background: linear-gradient(180deg,#f7fafc,#edf5f9);
}

.tv-compact .tv-svg[b-ha5sjbr3dd] {
    max-height: 155px;
}

.tv-compact .tv-label[b-ha5sjbr3dd] {
    font-size: .78rem;
}

.tv-compact .tv-note[b-ha5sjbr3dd] {
    font-size: .65rem;
}
/* /Components/Pages/UsersRoles.razor.rz.scp.css */
.ur-page[b-8v9p4gr469] {
    padding: 34px 38px 55px;
    min-height: 100vh;
    background: #f6f8fb;
    color: #153c56
}

.ur-header[b-8v9p4gr469] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 25px
}

.ur-eyebrow[b-8v9p4gr469] {
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 800;
    color: #be0025
}

.ur-header h1[b-8v9p4gr469] {
    font-size: 36px;
    font-weight: 500;
    margin: 9px 0 4px
}

.ur-header p[b-8v9p4gr469] {
    margin: 0;
    color: #57748c
}

.ur-panel[b-8v9p4gr469] {
    background: #fff;
    border: 1px solid #d7e5ee;
    border-radius: 16px;
    padding: 26px 30px;
    margin-bottom: 21px
}

    .ur-panel h2[b-8v9p4gr469] {
        font-size: 22px;
        font-weight: 600;
        margin: 0 0 6px
    }

.ur-hint[b-8v9p4gr469] {
    color: #59758a;
    font-size: 13px;
    margin: 3px 0 18px
}

.ur-role-grid[b-8v9p4gr469] {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(205px,1fr));
    gap: 12px
}

.ur-role-card[b-8v9p4gr469] {
    background: #f3f7fa;
    border: 1px solid #dce8ef;
    padding: 15px;
    border-radius: 10px
}

    .ur-role-card strong[b-8v9p4gr469] {
        display: block;
        word-break: break-word;
        margin-bottom: 8px
    }

    .ur-role-card div[b-8v9p4gr469] {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 8px;
        font-size: 12px;
        color: #557084
    }

.ur-search-label[b-8v9p4gr469], .ur-field-label[b-8v9p4gr469] {
    display: block;
    font-weight: 700;
    font-size: 13px;
    margin: 12px 0 7px
}

.ur-search[b-8v9p4gr469], .ur-select[b-8v9p4gr469] {
    border: 1px solid #c9dae6;
    border-radius: 8px;
    padding: 12px;
    color: #173f59;
    background: #fff;
    font: inherit;
    box-sizing: border-box;
    max-width: 100%;
    width: 440px
}

.ur-scroll[b-8v9p4gr469] {
    overflow: auto;
    margin-top: 17px
}

.ur-table[b-8v9p4gr469] {
    width: 100%;
    min-width: 740px;
    border-collapse: collapse;
    font-size: 13px
}

    .ur-table th[b-8v9p4gr469], .ur-table td[b-8v9p4gr469] {
        border-bottom: 1px solid #e2ebf1;
        text-align: left;
        vertical-align: middle;
        padding: 13px
    }

    .ur-table th[b-8v9p4gr469] {
        background: #f0f5f8;
        color: #4b6980
    }

    .ur-table small[b-8v9p4gr469] {
        display: block;
        color: #57748b;
        margin-top: 5px
    }

.ur-chip[b-8v9p4gr469] {
    display: inline-block;
    padding: 5px 9px;
    margin: 2px;
    background: #edf3f7;
    border-radius: 15px;
    font-weight: 600;
    font-size: 12px
}

.ur-self[b-8v9p4gr469] {
    display: block;
    margin-top: 5px;
    color: #a21c35;
    font-size: 11px
}

.ur-muted[b-8v9p4gr469] {
    color: #8295a3
}

.ur-outline[b-8v9p4gr469], .ur-primary[b-8v9p4gr469], .ur-danger[b-8v9p4gr469] {
    padding: 11px 18px;
    border-radius: 9px;
    font-weight: 700;
    cursor: pointer;
    font: inherit
}

.ur-outline[b-8v9p4gr469] {
    border: 1px solid #cbdce7;
    background: white;
    color: #1c4563
}

.ur-primary[b-8v9p4gr469] {
    background: #b90029;
    color: white;
    border: 1px solid #b90029
}

.ur-danger[b-8v9p4gr469] {
    background: #fff;
    border: 1px solid #b90029;
    color: #b90029
}

button:disabled[b-8v9p4gr469] {
    opacity: .48;
    cursor: not-allowed
}

.ur-editor-head[b-8v9p4gr469] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

.ur-actions[b-8v9p4gr469] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 18px 0
}

.ur-confirm[b-8v9p4gr469] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #8c263a;
    font-size: 13px;
    font-weight: 700;
    margin-top: 14px
}

.ur-advice[b-8v9p4gr469] {
    font-size: 12px;
    color: #5c7484;
    margin: 12px 0 0
}

.ur-error[b-8v9p4gr469], .ur-success[b-8v9p4gr469] {
    padding: 14px;
    border-radius: 8px;
    margin-bottom: 17px
}

.ur-error[b-8v9p4gr469] {
    background: #fce9ed;
    color: #94152f
}

.ur-success[b-8v9p4gr469] {
    background: #e5f5ec;
    color: #236342
}

@media(max-width:800px) {
    .ur-page[b-8v9p4gr469] {
        padding: 18px
    }

    .ur-header[b-8v9p4gr469] {
        flex-direction: column
    }

    .ur-panel[b-8v9p4gr469] {
        padding: 18px
    }
}
/* /Components/Shared/AssetFieldHelp.razor.rz.scp.css */
.asset-field-help[b-dazr0g8hpq] {
    font-size: .78rem;
    line-height: 1.5;
    color: #60788b;
    margin-top: 1px
}

    .asset-field-help summary[b-dazr0g8hpq] {
        display: list-item;
        width: fit-content;
        cursor: pointer;
        color: #42647c;
        list-style: inside disclosure-closed
    }

    .asset-field-help[open] summary[b-dazr0g8hpq] {
        list-style: inside disclosure-open
    }

    .asset-field-help summary:hover[b-dazr0g8hpq] {
        color: #a30d1b;
        text-decoration: underline
    }

    .asset-field-help summary:focus-visible[b-dazr0g8hpq] {
        outline: 2px solid #a30d1b;
        outline-offset: 3px;
        border-radius: 2px
    }

.asset-field-help-content[b-dazr0g8hpq] {
    border-left: 3px solid #cbdce6;
    background: #f5f9fb;
    color: #465e73;
    padding: 10px 12px;
    margin-top: 7px;
    border-radius: 0 7px 7px 0;
    max-width: 72ch
}