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

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-akemhh3jqy] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-akemhh3jqy] {
    flex: 1;
    /* Flex items default to min-width:auto = the content's min size — a wide table
       then forces `main` past the viewport, the PAGE scrolls sideways, and panel
       flex-wrap never triggers (the panel sits on the wide canvas, so it "has room").
       min-width:0 keeps `main` at the viewport: filters wrap, and wide grids scroll
       inside their own .grid-wrap (overflow-x) instead of stretching the page. */
    min-width: 0;
}

.sidebar[b-akemhh3jqy] {
    background-image: linear-gradient(180deg, var(--uds-navy) 0%, var(--uds-navy-deep) 100%);
}

.top-row[b-akemhh3jqy] {
    background-color: var(--uds-white);
    border-bottom: 1px solid var(--uds-grey-200);
    justify-content: space-between;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

/* Sidebar show / hide button (4 Nov 2026): phones never see it (their hamburger lives in NavMenu). */
.nav-toggle[b-akemhh3jqy] {
    display: none;
    border: 1px solid var(--uds-grey-200);
    background: var(--uds-white);
    color: var(--uds-navy);
    border-radius: 6px;
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    margin-right: 0.85rem;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex: 0 0 auto;
}
.nav-toggle:hover[b-akemhh3jqy] { background: var(--uds-grey-100); }
.nav-toggle:focus-visible[b-akemhh3jqy] { outline: 2px solid var(--uds-navy); outline-offset: 1px; }

.top-row .context-title[b-akemhh3jqy] {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
    min-width: 0;
}
.top-row .ctx-section[b-akemhh3jqy] { font-size: 1.15rem; }
.top-row .ctx-sep[b-akemhh3jqy] { color: var(--uds-secondary); font-weight: 400; }
.top-row .ctx-page[b-akemhh3jqy] { font-size: 0.95rem; font-weight: 200; }

.top-row-right[b-akemhh3jqy] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.top-row-right .user[b-akemhh3jqy] {
    font-size: 0.85rem;
    color: var(--uds-ink);
}

.signout-form[b-akemhh3jqy] {
    margin: 0;
}

.signout[b-akemhh3jqy] {
    background: none;
    border: none;
    color: var(--uds-red);
    font-size: 0.85rem;
    cursor: pointer;
    padding: 0;
    font-family: var(--uds-font-body);
}

.signout:hover[b-akemhh3jqy] {
    color: var(--uds-cta);
    text-decoration: underline;
}

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

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

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

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

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

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

    .sidebar[b-akemhh3jqy] {
        /* rem, NOT px: the nav's text/icons/padding are all rem-sized, so a browser
           with a larger base font (Firefox text-only zoom, custom default font,
           Windows text scaling) grows the content but not a px-fixed shell — labels
           then wrap under their icons and the bar looks "narrowed". rem keeps the
           shell and its content scaling together. (16rem = 256px at the default.) */
        width: 16rem;
        /* The sidebar is a flex item — without this it silently shrinks below its
           width as the viewport narrows (flex-shrink defaults to 1), squeezing
           labels long before the <641px mobile collapse. Hold firm at 16rem;
           the content column scrolls instead. */
        flex: 0 0 16rem;
        height: 100vh;
        position: sticky;
        top: 0;
        /* Column layout so the nav list below the logo can flex-fill the REMAINING
           height and scroll itself (see .nav-scrollable) — replaces the stock
           template's hard-coded calc(100vh - 3.5rem), which assumed a header half
           the size of our logo row and clipped the bottom of the menu on short
           windows. */
        display: flex;
        flex-direction: column;
    }

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

    .nav-toggle[b-akemhh3jqy] { display: inline-flex; }
    /* <html class="nav-hidden"> (the top-row button) — the sidebar leaves the flow and main takes the width. */
    :root.nav-hidden .sidebar[b-akemhh3jqy] { display: none; }

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

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

#blazor-error-ui[b-akemhh3jqy] {
    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-akemhh3jqy] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* CHG-170: the build stamp beside the user name (where the Prototype badge sat) */
.top-row-right .uds-build[b-akemhh3jqy] {
    font-family: var(--uds-font-mono, Consolas, monospace);
    font-size: 0.68rem;
    color: var(--uds-secondary);
    letter-spacing: 0.02em;
    cursor: default;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-dnyjrpql23] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-dnyjrpql23] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-dnyjrpql23] {
    background-color: rgba(0,0,0,0.25);
    justify-content: center;
    /* A thin band above the logo holds the collapse-all button (CHG-154) so it never touches the logo text
       (Farrukh, 6 Nov: "a little space to the left of the icon"). */
    padding: 2.2rem 0.75rem 1.1rem;
    position: relative;   /* anchors the collapse-all button (CHG-154) */
}

/* CHG-154: collapse all / expand all — a quiet icon in the brand row's corner, styled like the group heads. */
.nav-all-btn[b-dnyjrpql23] {
    position: absolute;
    top: 0.45rem;
    right: 0.6rem;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}
.nav-all-btn:hover[b-dnyjrpql23] { color: #fff; background: rgba(255, 255, 255, 0.14); }
.nav-all-btn:focus-visible[b-dnyjrpql23] { outline: 2px solid rgba(255,255,255,0.5); outline-offset: 1px; }

.navbar-brand[b-dnyjrpql23] {
    font-size: 1.1rem;
    margin: 0;
    display: flex;
    justify-content: center;
    width: 100%;
}

.brand-logo[b-dnyjrpql23] {
    height: 6rem;
    width: auto;
    max-width: 100%;
}

/* ── Icons (white, data-URI Bootstrap Icons) ─────────────────────────────── */
.bi[b-dnyjrpql23] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}
.bi-list-nested-nav-menu[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}
/* Bootstrap "truck" — Collections (CHG-131). */
.bi-truck-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 3.5A1.5 1.5 0 0 1 1.5 2h9A1.5 1.5 0 0 1 12 3.5V5h1.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5H14a2 2 0 1 1-4 0H5a2 2 0 1 1-3.998-.085A1.5 1.5 0 0 1 0 10.5v-7zm1.294 7.456A1.999 1.999 0 0 1 4.732 11h5.536a2.01 2.01 0 0 1 .732-.732V3.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .294.456zM12 10a2 2 0 0 1 1.732 1h.768a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12v4zm-9 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E");
}
/* Bootstrap "box-seam" — the Bookings group (CHG-128). */
.bi-box-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5l2.404.961L10.404 2l-2.218-.887zm3.564 1.426L5.596 5 8 5.961 14.154 3.5l-2.404-.961zm3.25 1.7-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923l6.5 2.6zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464L7.443.184z'/%3E%3C/svg%3E");
}
.bi-tag-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7-7A1 1 0 0 0 6.586 1H2zm4 3.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E");
}
.bi-heads-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
}
.bi-printer-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v2h10V3a2 2 0 0 0-2-2H5zM3 6a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h1v-1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v1h1a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2H3z'/%3E%3Cpath d='M5 11a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H5z'/%3E%3C/svg%3E");
}
.bi-queue-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 13a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 16 13V6a1.5 1.5 0 0 0-1.5-1.5h-13A1.5 1.5 0 0 0 0 6v7zM2 3a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 0-1h-11A.5.5 0 0 0 2 3zm2-2a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7A.5.5 0 0 0 4 1z'/%3E%3C/svg%3E");
}
.bi-pin-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E");
}
.bi-pc-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6 12c0 .667-.083 1.167-.25 1.5H5a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-.75c-.167-.333-.25-.833-.25-1.5h4c.986 0 1.874-.626 1.984-1.606L16 10H0l.016.394C.126 11.374 1.014 12 2 12h4z'/%3E%3Cpath d='M2.5 0A1.5 1.5 0 0 0 1 1.5v7A1.5 1.5 0 0 0 2.5 10h11A1.5 1.5 0 0 0 15 8.5v-7A1.5 1.5 0 0 0 13.5 0h-11z'/%3E%3C/svg%3E");
}
.bi-quote-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M4.5 4a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7zm0 2.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7zm0 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4z'/%3E%3C/svg%3E");
}
.bi-pie-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M15.985 8.5H8.207l-5.5 5.5a8 8 0 0 0 13.277-5.5zM2 13.292A8 8 0 0 1 7.5.015v7.778l-5.5 5.5zM8.5.015V7.5h7.485A8.001 8.001 0 0 0 8.5.015z'/%3E%3C/svg%3E");
}
.bi-journal-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M10.854 6.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 8.793l2.646-2.647a.5.5 0 0 1 .708 0z'/%3E%3Cpath d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z'/%3E%3Cpath d='M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z'/%3E%3C/svg%3E");
}
.bi-activity-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6 2a.5.5 0 0 1 .47.33L10 12.036l1.53-4.208A.5.5 0 0 1 12 7.5h3.5a.5.5 0 0 1 0 1h-3.15l-1.88 5.17a.5.5 0 0 1-.94 0L6 3.964 4.47 8.171A.5.5 0 0 1 4 8.5H.5a.5.5 0 0 1 0-1h3.15l1.88-5.17A.5.5 0 0 1 6 2Z'/%3E%3C/svg%3E");
}
/* Bootstrap Icons airplane-engines — Flights Expected (CHG-077). */
.bi-plane-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 0c-.787 0-1.292.592-1.572 1.151A4.347 4.347 0 0 0 6 3v3.691l-2 1V7.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.191l-1.17.585A1.5 1.5 0 0 0 0 10.618V12a.5.5 0 0 0 .582.493l1.631-.272.313.937a.5.5 0 0 0 .948 0l.405-1.214 2.21-.369.375 2.253-1.318 1.318A.5.5 0 0 0 5.5 16h5a.5.5 0 0 0 .354-.854l-1.318-1.318.375-2.253 2.21.369.405 1.214a.5.5 0 0 0 .948 0l.313-.937 1.63.272A.5.5 0 0 0 16 12v-1.382a1.5 1.5 0 0 0-.83-1.342L14 8.691V7.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v.191l-2-1V3c0-.568-.14-1.271-.428-1.849C9.292.591 8.787 0 8 0z'/%3E%3C/svg%3E");
}
/* Bootstrap Icons megaphone — the Announcements group (CHG-137). */
.bi-megaphone-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M13 2.5a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-3 0v-.214c-2.162-1.241-4.49-1.843-6.912-2.083l.405 2.712A1 1 0 0 1 5.51 15.1h-.548a1 1 0 0 1-.916-.599l-1.85-3.49-.202-.003A2.014 2.014 0 0 1 0 9V7a2.02 2.02 0 0 1 1.992-2.013 74.663 74.663 0 0 0 2.483-.075c3.043-.154 6.148-.849 8.525-2.199V2.5zm1 0v11a.5.5 0 0 0 1 0v-11a.5.5 0 0 0-1 0zm-1 1.35c-2.344 1.205-5.209 1.842-8 2.033v4.233c.18.01.359.022.537.036 2.568.189 5.093.744 7.463 1.993V3.85zm-9 6.215v-4.13a95.09 95.09 0 0 1-1.992.052A1.02 1.02 0 0 0 1 7v2c0 .55.448 1.002 1.006 1.009A60.49 60.49 0 0 1 4 10.065zm-.657.975 1.609 3.037.01.024h.548l-.002-.014-.443-2.966a68.019 68.019 0 0 0-1.722-.082z'/%3E%3C/svg%3E");
}
/* Bootstrap Icons file-earmark-text — the Document Processing group (CHG-071). */
.bi-doc-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z'/%3E%3C/svg%3E");
}
.bi-gear-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.858 2.929 2.929 0 0 1 0 5.858z'/%3E%3C/svg%3E");
}

/* A warehouse (gable roof over a shelved bay) — the Warehouse group (CHG-155..158); the Web Logix menu used fa-warehouse. */
.bi-warehouse-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 1 .5 5.2V15h1.2V6l6.3-3.5L14.3 6v9h1.2V5.2L8 1z'/%3E%3Cpath d='M3 8h10v1.3H3zM3 10.5h10v1.3H3zM3 13h10v2H3zM5.8 7h1.6v8H5.8zM8.6 7h1.6v8H8.6z'/%3E%3C/svg%3E");
}

/* Bootstrap "receipt" — Accounts (CHG-164..167); the Web Logix menu used fa-file-invoice-dollar. */
.bi-invoice-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.92.506a.5.5 0 0 1 .434.14L3 1.293l.646-.647a.5.5 0 0 1 .708 0L5 1.293l.646-.647a.5.5 0 0 1 .708 0L7 1.293l.646-.647a.5.5 0 0 1 .708 0L9 1.293l.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .801.13l.5 1A.5.5 0 0 1 15 2v12a.5.5 0 0 1-.053.224l-.5 1a.5.5 0 0 1-.8.13L13 14.707l-.646.647a.5.5 0 0 1-.708 0L11 14.707l-.646.647a.5.5 0 0 1-.708 0L9 14.707l-.646.647a.5.5 0 0 1-.708 0L7 14.707l-.646.647a.5.5 0 0 1-.708 0L5 14.707l-.646.647a.5.5 0 0 1-.708 0L3 14.707l-.646.647a.5.5 0 0 1-.801-.13l-.5-1A.5.5 0 0 1 1 14V2a.5.5 0 0 1 .053-.224l.5-1a.5.5 0 0 1 .367-.27zm.217 1.338L2 2.118v11.764l.137.274.51-.51a.5.5 0 0 1 .707 0l.646.647.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.509.509.137-.274V2.118l-.137-.274-.51.51a.5.5 0 0 1-.707 0L12 1.707l-.646.647a.5.5 0 0 1-.708 0L10 1.707l-.646.647a.5.5 0 0 1-.708 0L8 1.707l-.646.647a.5.5 0 0 1-.708 0L6 1.707l-.646.647a.5.5 0 0 1-.708 0L4 1.707l-.646.647a.5.5 0 0 1-.708 0l-.509-.51z'/%3E%3Cpath d='M3 4.5a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm8-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

/* Bootstrap "calendar-day" — Today, the landing page (CHG-139); the Web Logix menu used fa-calendar-day. */
.bi-calendar-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M4.684 11.523v-2.3h2.261v-.61H4.684V6.801h2.464v-.61H4v5.332h.684zm3.456 0V8.642h1.52v-.602h-1.52V6.8h1.735v-.61H7.456v5.333h.684zm3.57 0v-2.3h2.26v-.61h-2.26V6.801h2.464v-.61H11.03v5.332h.68z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E");
}

/* Bootstrap "star-fill" — the Pinned group head (CHG-136). */
.bi-star-nav[b-dnyjrpql23] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3E%3C/svg%3E");
}

/* ── Top-level nav items ─────────────────────────────────────────────────── */
.nav-item[b-dnyjrpql23] {
    font-size: 0.9rem;
    padding-bottom: 0.15rem;
    /* Link + pin button side by side (CHG-136): the link takes the width, the button its 1.6rem. */
    display: flex;
    align-items: center;
}

    .nav-item:first-of-type[b-dnyjrpql23] {
        padding-top: 1rem;
    }

    .nav-item[b-dnyjrpql23]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 2.5rem;
        display: flex;
        align-items: center;
        line-height: 2.5rem;
        flex: 1 1 auto;
        min-width: 0;
        /* Never stack a label under its icon at extreme text scaling — clip instead. */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/* ── Pin button (CHG-136): a star that appears on hover / focus and stays once pinned ────────── */
.pin-btn[b-dnyjrpql23] {
    flex: 0 0 auto;
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 0.15rem;
    padding: 0;
    border: none;
    border-radius: 4px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.85rem;
    opacity: 0;
    cursor: pointer;
    transition: opacity 0.12s ease;
    /* outline star */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23d7d7d7' viewBox='0 0 16 16'%3E%3Cpath d='M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z'/%3E%3C/svg%3E");
}
.nav-item:hover .pin-btn[b-dnyjrpql23],
.pin-btn:focus-visible[b-dnyjrpql23],
.pin-btn.pinned[b-dnyjrpql23] { opacity: 0.75; }
.pin-btn:hover[b-dnyjrpql23] { opacity: 1; background-color: rgba(255,255,255,0.12); }
.pin-btn.pinned[b-dnyjrpql23] {
    /* filled star in a warm gold so a pinned row reads at a glance */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23f5c451' viewBox='0 0 16 16'%3E%3Cpath d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3E%3C/svg%3E");
}

.nav-item[b-dnyjrpql23]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-dnyjrpql23]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

/* ── Collapsible groups (CHG-136: a button driven by per-user state; was a pure-CSS checkbox) ── */
.nav-group[b-dnyjrpql23] { }

.nav-group-head[b-dnyjrpql23] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.55rem 1rem;
    margin-top: 0.4rem;
    color: rgba(255, 255, 255, 0.55);
    background: none;
    border: none;
    border-radius: 0;
    text-align: left;
    font-family: inherit;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    cursor: pointer;
    user-select: none;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.nav-group-head:hover[b-dnyjrpql23] { color: #fff; }
.nav-group-head .bi[b-dnyjrpql23] { width: 1rem; height: 1rem; margin-right: 0.6rem; opacity: 0.85; }
.grp-label[b-dnyjrpql23] {
    flex: 1 1 auto;
    color: var(--uds-red);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grp-chevron[b-dnyjrpql23] {
    width: 0.8rem;
    height: 0.8rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.65;
    transition: transform 0.15s ease;
    transform: rotate(0deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

/* Expanded (.open on the group) → chevron points down + body visible */
.nav-group.open .grp-chevron[b-dnyjrpql23] { transform: rotate(90deg); }
.nav-group-head:focus-visible[b-dnyjrpql23] { outline: 2px solid rgba(255,255,255,0.5); outline-offset: -2px; }
.nav-group-body[b-dnyjrpql23] { display: none; }
.nav-group.open > .nav-group-body[b-dnyjrpql23] { display: block; }
.nav-group-body .nav-item:first-of-type[b-dnyjrpql23] { padding-top: 0.5rem; }

/* Sub-section caption inside a group (CHG-140/143): the Web Logix sub-menus kept as labels —
   Reports > DBF Listings / CSD Reports / Sales & Billing; Administration > Customers. */
.nav-sub[b-dnyjrpql23] {
    padding: 0.55rem 1rem 0.15rem 1.65rem;
    font-size: 0.66rem;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
    white-space: nowrap;
    user-select: none;
}
.nav-group-body .nav-sub + .nav-item[b-dnyjrpql23] { padding-top: 0; }
.nav-sub-gap[b-dnyjrpql23] { padding-top: 0; padding-bottom: 0; }
/* A captioned run as one block (CHG-145 follow-up, Farrukh 4 Nov 2026): a gentle lift off the sidebar so the sections read at a
   glance. Side margins pull the block in; the caption and the links give the same amount back so nothing shifts. */
.nav-section[b-dnyjrpql23] {
    background: rgba(255, 255, 255, 0.055);
    border-radius: 8px;
    margin: 0.4rem 0.5rem 0.25rem;
    padding: 0.05rem 0 0.3rem;
}
.nav-section .nav-sub[b-dnyjrpql23] { padding-left: 1.15rem; color: rgba(255, 255, 255, 0.58); }
.nav-section .nav-item.px-3[b-dnyjrpql23] { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.nav-section + .nav-item[b-dnyjrpql23] { padding-top: 0.35rem; }


.nav-scrollable[b-dnyjrpql23] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-dnyjrpql23] {
    display: block;
}

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

    .nav-scrollable[b-dnyjrpql23] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Fill whatever height remains under the logo row and scroll internally
           when the menu is taller (the sidebar is a 100vh flex column). Replaces
           the stock calc(100vh - 3.5rem), which assumed a 3.5rem header — ours is
           taller, so the menu's bottom was clipped on short windows. min-height:0
           lets a flex child actually shrink below its content height. */
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
    }
}

/* Hide the sidebar's scrollbar but keep it scrollable (the nav still scrolls by wheel/touch/keys). */
.nav-scrollable[b-dnyjrpql23] {
    scrollbar-width: none;        /* Firefox */
    -ms-overflow-style: none;     /* legacy Edge/IE */
}
.nav-scrollable[b-dnyjrpql23]::-webkit-scrollbar {   /* Chromium / WebKit */
    width: 0;
    height: 0;
    display: none;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-c92dfts1mv],
.components-reconnect-repeated-attempt-visible[b-c92dfts1mv],
.components-reconnect-failed-visible[b-c92dfts1mv],
.components-pause-visible[b-c92dfts1mv],
.components-resume-failed-visible[b-c92dfts1mv],
.components-rejoining-animation[b-c92dfts1mv] {
    display: none;
}

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


#components-reconnect-modal[b-c92dfts1mv] {
    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-c92dfts1mv 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-c92dfts1mv {
    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/Accounts/BillReport.razor.rz.scp.css */
/* CHG-166 — Accounts > Bill Report: the Sales & Billing report-page conventions (grey criteria panel, .rp buttons / inputs) + the
   .scroll grid with a totals footer + the output bar. Scoped to the page. */
.rp[b-lbi0zgwulg] { font-size: 0.86rem; position: relative; }
.rp .notice[b-lbi0zgwulg] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.rp .notice.error[b-lbi0zgwulg] { border-left-color: var(--uds-red); }
.rp .muted[b-lbi0zgwulg] { color: var(--uds-secondary); }
.rp .mono[b-lbi0zgwulg] { font-family: "Source Code Pro", Consolas, monospace; }

.rp .panel[b-lbi0zgwulg] { border: 1px solid #b9bec7; border-radius: 6px; background: #d4e7ff; padding: 0.55rem 0.75rem; margin-bottom: 0.6rem; }
.rp .ph[b-lbi0zgwulg] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.rp .ph .hint[b-lbi0zgwulg] { font-family: var(--uds-font-body); font-weight: 400; text-transform: none; color: var(--uds-secondary); font-size: 0.76rem; }
.rp .sgrid[b-lbi0zgwulg] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .rp .sgrid[b-lbi0zgwulg] { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1300px) { .rp .sgrid[b-lbi0zgwulg] { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.rp .fld[b-lbi0zgwulg] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.rp .fld.wide[b-lbi0zgwulg] { grid-column: span 2; }
.rp .fld[b-lbi0zgwulg]  .ta-input { height: 29px; padding: 0 0.45rem; font-size: 0.84rem; }
.rp .tb[b-lbi0zgwulg] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; }
.rp .sactions[b-lbi0zgwulg] { display: flex; align-items: center; gap: 0.6rem; margin-top: 0.55rem; flex-wrap: wrap; }

.rp .btn[b-lbi0zgwulg] { display: inline-block; padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; text-decoration: none; }
.rp .btn:hover[b-lbi0zgwulg] { background: var(--uds-grey-100); }
.rp .btn:disabled[b-lbi0zgwulg] { opacity: 0.5; cursor: default; }
.rp .btn-primary[b-lbi0zgwulg] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.rp .btn-primary:hover[b-lbi0zgwulg] { background: #0a3a66; }
.rp .btn.xl[b-lbi0zgwulg] { background: #1d6f42; border-color: #1d6f42; color: #fff; }
.rp .btn.xl:hover[b-lbi0zgwulg] { background: #165a35; }

/* output */
.rp .ro[b-lbi0zgwulg] { margin-top: 0.6rem; }
.rp .ro-bar[b-lbi0zgwulg] { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; margin-bottom: 0.45rem; min-height: 1.6rem; }
.rp .ro-placeholder[b-lbi0zgwulg] { height: 8rem; display: flex; align-items: center; justify-content: center; border: 1px dashed #b9bec7; border-radius: 4px; color: var(--uds-secondary); background: var(--uds-white); }

/* the grid — the eight legacy columns in their width proportions (colgroup), totals footer (Core) */
.scroll[b-lbi0zgwulg] { overflow-x: auto; }
.rp table.grid[b-lbi0zgwulg] { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); table-layout: fixed; }
.rp table.grid th[b-lbi0zgwulg] { background: #384c70; color: #fff; font-weight: 600; text-align: left; padding: 0.3rem 0.45rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.rp table.grid td[b-lbi0zgwulg] { border: 1px solid #e5e5e5; padding: 0.2rem 0.45rem; color: #333; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rp table.grid td.r[b-lbi0zgwulg], .rp table.grid th.r[b-lbi0zgwulg] { text-align: right; }
.rp table.grid tbody tr:hover td[b-lbi0zgwulg] { background: #f6faff; }
.rp table.grid tfoot td[b-lbi0zgwulg] { font-weight: 700; background: #eaf3fb; border-top: 2px solid #b9bec7; }
/* /Components/Pages/Accounts/CostAnalysis.razor.rz.scp.css */
/* CHG-166 — Accounts > Cost Analysis: the report-page conventions (grey criteria panel, .rp buttons / inputs), the "History" grid
   with a filter row and a totals footer, the report bar (PDF toggle / open / download, Excel) and the PDF viewer. Scoped to the page. */
.rp[b-vfeyt532lc] { font-size: 0.86rem; position: relative; }
.rp .notice[b-vfeyt532lc] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.rp .notice.error[b-vfeyt532lc] { border-left-color: var(--uds-red); }
.rp .muted[b-vfeyt532lc] { color: var(--uds-secondary); }
.rp .mono[b-vfeyt532lc] { font-family: "Source Code Pro", Consolas, monospace; }
.rp .up[b-vfeyt532lc] { text-transform: uppercase; }
.rp .lo[b-vfeyt532lc] { text-transform: lowercase; }

.rp .panel[b-vfeyt532lc] { border: 1px solid #b9bec7; border-radius: 6px; background: #d4e7ff; padding: 0.55rem 0.75rem; margin-bottom: 0.6rem; }
.rp .ph[b-vfeyt532lc] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.rp .ph .hint[b-vfeyt532lc] { font-family: var(--uds-font-body); font-weight: 400; text-transform: none; color: var(--uds-secondary); font-size: 0.76rem; }
.rp .sgrid[b-vfeyt532lc] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .rp .sgrid[b-vfeyt532lc] { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1300px) { .rp .sgrid[b-vfeyt532lc] { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.rp .fld[b-vfeyt532lc] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.rp .fld.wide[b-vfeyt532lc] { grid-column: span 2; }
.rp .fld[b-vfeyt532lc]  .ta-input { height: 29px; padding: 0 0.45rem; font-size: 0.84rem; }
.rp .tb[b-vfeyt532lc] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; }
.rp .cb[b-vfeyt532lc] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; }
.rp .sactions[b-vfeyt532lc] { display: flex; align-items: center; gap: 0.6rem; margin-top: 0.55rem; flex-wrap: wrap; }

.rp .btn[b-vfeyt532lc] { display: inline-block; padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; text-decoration: none; }
.rp .btn:hover[b-vfeyt532lc] { background: var(--uds-grey-100); }
.rp .btn:disabled[b-vfeyt532lc] { opacity: 0.5; cursor: default; }
.rp .btn-primary[b-vfeyt532lc] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.rp .btn-primary:hover[b-vfeyt532lc] { background: #0a3a66; }
.rp .btn.mini[b-vfeyt532lc] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.rp .btn.xl[b-vfeyt532lc] { background: #1d6f42; border-color: #1d6f42; color: #fff; }
.rp .btn.xl:hover[b-vfeyt532lc] { background: #165a35; }

/* the bar above the grid: caption, run summary, the applied-filter note, the report buttons */
.rp .rbar[b-vfeyt532lc] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.rp .rbar .cap[b-vfeyt532lc] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.rp .rbar .grow[b-vfeyt532lc] { flex: 1 1 auto; }
.rp .rbar .applied[b-vfeyt532lc] { font-size: 0.76rem; color: var(--uds-navy); background: #e8f0fa; border-radius: 3px; padding: 0.1rem 0.45rem; }
.rp .ro-placeholder[b-vfeyt532lc] { height: 8rem; display: flex; align-items: center; justify-content: center; border: 1px dashed #b9bec7; border-radius: 4px; color: var(--uds-secondary); background: var(--uds-white); }
.rp .ro-pdf[b-vfeyt532lc] { width: 100%; height: 700px; margin-top: 0.6rem; border: 1px solid #b9bec7; border-radius: 4px; background: #525659; }

/* the grid */
.scroll[b-vfeyt532lc] { overflow-x: auto; }
.rp table.grid[b-vfeyt532lc] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.rp table.grid th[b-vfeyt532lc] { background: #384c70; color: #fff; font-weight: 600; text-align: left; padding: 0.3rem 0.45rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.rp table.grid tr.filterrow th[b-vfeyt532lc] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.rp table.grid tr.filterrow th .tb[b-vfeyt532lc] { min-width: 3.5rem; height: 26px; font-size: 0.76rem; }
.rp table.grid td[b-vfeyt532lc] { border: 1px solid #e5e5e5; padding: 0.2rem 0.45rem; color: #333; vertical-align: middle; white-space: nowrap; }
.rp table.grid td.c[b-vfeyt532lc], .rp table.grid th.c[b-vfeyt532lc] { text-align: center; }
.rp table.grid td.r[b-vfeyt532lc], .rp table.grid th.r[b-vfeyt532lc] { text-align: right; }
.rp table.grid td a[b-vfeyt532lc] { color: #0a6ab5; text-decoration: none; font-weight: 600; }
.rp table.grid td a:hover[b-vfeyt532lc] { text-decoration: underline; }
.rp table.grid tbody tr:hover td[b-vfeyt532lc] { background: #f6faff; }
.rp table.grid tfoot td[b-vfeyt532lc] { font-weight: 700; background: #eaf3fb; border-top: 2px solid #b9bec7; }
/* /Components/Pages/Accounts/CreateInvoice.razor.rz.scp.css */
/* CHG-164 — Create Invoice. Scoped; page-prefixed names (ci-…) keep clear of Bootstrap. Visible borders #b9bec7; grey search panel. */

.ci[b-lwvdzkwsl9] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.ci .notice[b-lwvdzkwsl9] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 60rem; margin: 0.75rem 0; }
.ci .notice.error[b-lwvdzkwsl9] { border-left-color: var(--uds-red); }
.ci .notice ul.notes[b-lwvdzkwsl9] { margin: 0; padding-left: 1.1rem; }
.ci .muted[b-lwvdzkwsl9] { color: var(--uds-secondary); }
.ci .small[b-lwvdzkwsl9] { font-size: 0.76rem; }
.ci .bad[b-lwvdzkwsl9] { color: #b02a37; font-weight: 600; }
.ci .padded[b-lwvdzkwsl9] { padding: 0.75rem 1rem; }
.ci .mono[b-lwvdzkwsl9] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }

.ci-toasts[b-lwvdzkwsl9] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 30rem; max-width: calc(100vw - 2rem); }
.ci-toast[b-lwvdzkwsl9] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.ci-toast-error[b-lwvdzkwsl9] { border-left-color: var(--uds-red); }
.ci-toast-warning[b-lwvdzkwsl9] { border-left-color: #e0a800; }
.ci-toast-info[b-lwvdzkwsl9] { border-left-color: #2779ce; }
.ci-toast-head[b-lwvdzkwsl9] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.ci-toast-head button[b-lwvdzkwsl9] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.ci-toast-body[b-lwvdzkwsl9] { padding: 0.55rem 0.75rem; }

/* RadConfirm → in-page dialog (the CollectedAddresses pattern) */
.ci-dim[b-lwvdzkwsl9] { position: fixed; inset: 0; background: rgba(0,0,0,0.35); z-index: 70; }
.ci-dialog[b-lwvdzkwsl9] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.ci-dialog-head[b-lwvdzkwsl9] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.ci-dialog-body[b-lwvdzkwsl9] { padding: 0.9rem; line-height: 1.45; }
.ci-dialog-foot[b-lwvdzkwsl9] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

/* tabs (RadTabStrip1 / RadTabStrip2) */
.tabs[b-lwvdzkwsl9] { display: flex; gap: 0.25rem; border-bottom: 2px solid var(--uds-navy); margin-bottom: 0.6rem; }
.tab[b-lwvdzkwsl9] { border: 1px solid #b9bec7; border-bottom: 0; background: var(--uds-grey-100); color: var(--uds-navy); font: inherit; font-family: var(--uds-font-head); font-weight: 700; font-size: 0.8rem; padding: 0.4rem 1rem; border-radius: 6px 6px 0 0; cursor: pointer; }
.tab.on[b-lwvdzkwsl9] { background: var(--uds-navy); color: var(--uds-white); border-color: var(--uds-navy); }
.subtabs[b-lwvdzkwsl9] { display: flex; gap: 0.25rem; margin-bottom: 0.5rem; }
.subtab[b-lwvdzkwsl9] { border: 1px solid #b9bec7; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-weight: 600; font-size: 0.78rem; padding: 0.25rem 0.9rem; border-radius: 4px; cursor: pointer; }
.subtab.on[b-lwvdzkwsl9] { background: #3c8dbc; color: var(--uds-white); border-color: #3c8dbc; }

/* the criteria panel */
.panel[b-lwvdzkwsl9] { border: 1px solid #b9bec7; border-radius: 8px; background: var(--uds-grey-100); padding: 0.75rem 1rem; margin-bottom: 0.75rem; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.fgrid[b-lwvdzkwsl9] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.5rem 1.25rem; align-items: start; }
@media (max-width: 1100px) { .fgrid[b-lwvdzkwsl9] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fld[b-lwvdzkwsl9] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.fld.wide[b-lwvdzkwsl9] { grid-column: span 2; }
.fld.chk[b-lwvdzkwsl9] { flex-direction: row; align-items: center; gap: 0.4rem; padding-top: 1.3rem; }
.fld .inl[b-lwvdzkwsl9] { display: flex; gap: 0.35rem; align-items: center; min-width: 0; }
.fld .inl .cb[b-lwvdzkwsl9], .fld .inl .tb[b-lwvdzkwsl9] { flex: 1 1 auto; }
.fld .inl .short[b-lwvdzkwsl9] { flex: 0 0 11rem; }
.hint[b-lwvdzkwsl9] { margin-top: 0.2rem; font-size: 0.74rem; font-weight: 500; }
.actions[b-lwvdzkwsl9] { display: flex; gap: 0.6rem; align-items: center; margin-top: 0.75rem; flex-wrap: wrap; }

.ci .btn[b-lwvdzkwsl9] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; gap: 0.3rem; height: 29px; }
.ci .btn:hover[b-lwvdzkwsl9] { background: var(--uds-grey-100); }
.ci .btn:disabled[b-lwvdzkwsl9] { opacity: 0.5; cursor: default; }
.ci .btn-primary[b-lwvdzkwsl9] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.ci .btn-primary:hover[b-lwvdzkwsl9] { background: #0a3a66; }
.ci .btn.mini[b-lwvdzkwsl9] { padding: 0.15rem 0.6rem; font-size: 0.78rem; height: auto; }
.ci .btn.mini.on[b-lwvdzkwsl9] { background: #3c8dbc; border-color: #3c8dbc; color: var(--uds-white); }
.ci .lnk[b-lwvdzkwsl9] { border: 0; background: transparent; color: #2779ce; cursor: pointer; font: inherit; font-size: 0.76rem; text-decoration: underline; }
.ci .tb[b-lwvdzkwsl9], .ci .cb[b-lwvdzkwsl9] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); width: 100%; min-width: 0; }
.ci .tb.up[b-lwvdzkwsl9] { text-transform: uppercase; }
.ci .tb[readonly][b-lwvdzkwsl9] { background: #f3f4f6; color: #666; }
.ci textarea.tb.body[b-lwvdzkwsl9] { height: 18rem; padding: 0.4rem; font-family: "Source Code Pro", Consolas, monospace; font-size: 0.78rem; resize: vertical; }
.bodyview[b-lwvdzkwsl9] { border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); padding: 0.6rem 0.8rem; font-weight: 400; color: #222; max-height: 22rem; overflow: auto; font-size: 0.82rem; }

.bar[b-lwvdzkwsl9] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-lwvdzkwsl9] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-lwvdzkwsl9] { flex: 1 1 auto; }
.bar .sel[b-lwvdzkwsl9] { font-weight: 700; color: var(--uds-navy); background: #e8f1fb; border: 1px solid #b9d3ee; border-radius: 12px; padding: 0.1rem 0.7rem; }

/* awbGrid */
.ci table.grid[b-lwvdzkwsl9] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: whitesmoke; }
.ci table.grid th[b-lwvdzkwsl9] { background: #3c8dbc; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.ci table.grid th.r[b-lwvdzkwsl9], .ci table.grid td.r[b-lwvdzkwsl9] { text-align: right; }
.ci table.grid th.c[b-lwvdzkwsl9], .ci table.grid td.c[b-lwvdzkwsl9] { text-align: center; width: 2.2rem; }
.ci table.grid tr.filterrow th[b-lwvdzkwsl9] { background: #e9eef4; padding: 0.2rem 0.3rem; }
.ci table.grid tr.filterrow .tb[b-lwvdzkwsl9] { height: 24px; font-size: 0.76rem; }
.ci table.grid td[b-lwvdzkwsl9] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; white-space: nowrap; }
.ci table.grid td.recv[b-lwvdzkwsl9] { max-width: 16rem; overflow: hidden; text-overflow: ellipsis; }
.ci table.grid tbody tr[b-lwvdzkwsl9] { cursor: pointer; }
.ci table.grid tbody tr:hover td[b-lwvdzkwsl9] { background: #f6faff; }
.ci table.grid tbody tr.sel td[b-lwvdzkwsl9] { background: #dbeafe; }
.ci table.grid.small[b-lwvdzkwsl9] { font-size: 0.76rem; }
.ci table.grid.small th[b-lwvdzkwsl9] { background: #4697d7; }
.ci table.grid.small tbody tr[b-lwvdzkwsl9] { cursor: default; }
.scroll[b-lwvdzkwsl9] { overflow-x: auto; }

.pdf[b-lwvdzkwsl9] { width: 100%; height: 75rem; border: 1px solid #b9bec7; background: var(--uds-white); margin-top: 0.75rem; }

/* SEND */
.tile[b-lwvdzkwsl9] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-white); background: var(--uds-navy); display: inline-block; padding: 0.3rem 0.9rem; border-radius: 4px; margin-bottom: 0.6rem; font-size: 0.8rem; }
.mgrid[b-lwvdzkwsl9] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem 1.25rem; align-items: start; }
.mgrid .fld.wide[b-lwvdzkwsl9] { grid-column: span 2; }
.att[b-lwvdzkwsl9] { font-weight: 500; font-size: 0.8rem; color: #333; padding: 0.15rem 0; }
.up-btn[b-lwvdzkwsl9] { margin-top: 0.3rem; align-self: flex-start; }
.docpick[b-lwvdzkwsl9] { margin-top: 0.9rem; display: grid; gap: 0.4rem; }
.dp-title[b-lwvdzkwsl9] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-white); background: #4697d7; padding: 0.25rem 0.6rem; font-size: 0.78rem; border-radius: 4px 4px 0 0; }
.dp-title.grey[b-lwvdzkwsl9] { background: #777777; margin-top: 0.6rem; }
.ci table.grid.small th[b-lwvdzkwsl9] { background: #4697d7; }
.docpick table.grid.small:last-child th[b-lwvdzkwsl9] { background: #777777; }
/* /Components/Pages/Accounts/MawbCharges.razor.rz.scp.css */
/* CHG-167 — MAWB Charges. Scoped; mc-… names keep clear of Bootstrap. Visible borders #b9bec7; the legacy strips aliceblue (A104 / A164). */

.mc[b-6kmngid3qo] { font-size: 0.86rem; position: relative; max-width: 100rem; }
.mc .notice[b-6kmngid3qo] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.5rem 0; }
.mc .notice.error[b-6kmngid3qo] { border-left-color: var(--uds-red); }
.mc .muted[b-6kmngid3qo] { color: var(--uds-secondary); }
.mc .small[b-6kmngid3qo] { font-size: 0.76rem; }
.mc .padded[b-6kmngid3qo] { padding: 0.75rem 1rem; }
.mc .mono[b-6kmngid3qo] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.04em; }
.mc .cap[b-6kmngid3qo] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; }

/* toasts (RadNotification Notify, A256) */
.mc-toasts[b-6kmngid3qo] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.mc-toast[b-6kmngid3qo] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.mc-toast-error[b-6kmngid3qo] { border-left-color: var(--uds-red); }
.mc-toast-warning[b-6kmngid3qo] { border-left-color: #e0a800; }
.mc-toast-info[b-6kmngid3qo] { border-left-color: #2779ce; }
.mc-toast-head[b-6kmngid3qo] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.mc-toast-head button[b-6kmngid3qo] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.mc-toast-body[b-6kmngid3qo] { padding: 0.55rem 0.75rem; }

/* the two strips (A104-163 MAWB · totals · buttons; A164-186 Bill To) */
.head[b-6kmngid3qo] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin: 0.25rem 0 0.5rem; padding: 0.5rem 0.75rem; background: aliceblue; border: 1px solid #b9bec7; }
.head.second[b-6kmngid3qo] { background: #f3f7fb; }
.head .pick[b-6kmngid3qo] { display: flex; align-items: center; gap: 0.5rem; flex: 1 1 auto; min-width: 22rem; }
.head .lbl[b-6kmngid3qo] { color: #555; font-weight: 600; white-space: nowrap; min-width: 50px; }
.head .ta-wrap[b-6kmngid3qo] { width: 220px; }
.head .ta-wrap.wide[b-6kmngid3qo] { width: 340px; }
.head .totals[b-6kmngid3qo] { display: flex; gap: 0.75rem; align-items: center; }
.head .totals .f[b-6kmngid3qo] { margin: 0; }
.head .totals .f > span[b-6kmngid3qo] { width: auto; flex: 0 0 auto; }
.head .buttons[b-6kmngid3qo] { display: flex; gap: 0.4rem; }
.head .status[b-6kmngid3qo] { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }

.chip[b-6kmngid3qo] { display: inline-block; padding: 0.15rem 0.6rem; border-radius: 999px; font-size: 0.74rem; font-weight: 600; letter-spacing: 0.02em; border: 1px solid #b9bec7; background: var(--uds-white); color: #333; }
.chip.new[b-6kmngid3qo] { background: #e8f5e9; border-color: #9ccc9f; color: #1b5e20; }
.chip.saved[b-6kmngid3qo] { background: #e3f2fd; border-color: #90caf9; color: #0d47a1; }
.chip.billed[b-6kmngid3qo] { background: #fdecea; border-color: #f5b5b0; color: #8a1c12; }
.chip.dirty[b-6kmngid3qo] { background: #fff8e1; border-color: #f0ad4e; color: #6b4e00; }

/* the invoiced banner (M1) */
.banner[b-6kmngid3qo] { margin: 0 0 0.6rem; padding: 0.6rem 0.9rem; background: #fdecea; border: 1px solid #f5b5b0; border-left: 5px solid var(--uds-red); color: #5a1a12; border-radius: 4px; line-height: 1.45; }

/* buttons (RadPushButton #f9f9f9 / #777) */
.mc .btn[b-6kmngid3qo] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: #f9f9f9; color: #555; font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-block; height: 30px; }
.mc .btn:hover[b-6kmngid3qo] { background: var(--uds-grey-100); }
.mc .btn:disabled[b-6kmngid3qo] { opacity: 0.5; cursor: default; }
.mc .btn.primary[b-6kmngid3qo] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.mc .btn.primary:hover[b-6kmngid3qo] { background: #0a3a66; }

/* the two columns: the charges form (A188 firstcol, min 280 px) and the master's grid */
.body[b-6kmngid3qo] { display: flex; gap: 1rem; flex-wrap: wrap; align-items: flex-start; }
.firstcol[b-6kmngid3qo] { flex: 0 1 460px; min-width: 280px; background: #eaeaea; border: 1px solid #b9bec7; padding: 0.6rem 0.75rem 0.75rem; }
.secondcol[b-6kmngid3qo] { flex: 1 1 540px; min-width: 24rem; }

/* fields: label 120px + numeric box 120px (the legacy form-labels + RadNumericTextBox, A192-243) */
.f[b-6kmngid3qo] { display: flex; align-items: center; gap: 0.4rem; margin: 0.3rem 0; }
.f > span[b-6kmngid3qo] { width: 120px; flex: 0 0 120px; color: #555; font-weight: 600; font-size: 0.8rem; }
.f > em[b-6kmngid3qo] { color: #777; font-style: normal; }
.mc .tb[b-6kmngid3qo] { height: 30px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.82rem; background: var(--uds-white); min-width: 0; }
.mc .tb.num[b-6kmngid3qo] { width: 120px; min-width: 120px; text-align: right; font-family: "Roboto Condensed", var(--uds-font-body); }
.mc .tb.num.ro[b-6kmngid3qo] { width: 90px; min-width: 90px; background: whitesmoke; font-family: "Source Code Pro", Consolas, monospace; color: #333; }
.mc .tb.up[b-6kmngid3qo] { text-transform: uppercase; }
.mc .tb.desc[b-6kmngid3qo] { flex: 1 1 auto; }
.mc .tb:disabled[b-6kmngid3qo] { opacity: 0.6; }

.total[b-6kmngid3qo] { display: flex; align-items: baseline; gap: 0.6rem; margin-top: 0.6rem; padding-top: 0.5rem; border-top: 1px dashed #b9bec7; }
.total > span:first-child[b-6kmngid3qo] { width: 120px; flex: 0 0 120px; color: #555; font-weight: 600; font-size: 0.8rem; }
.total strong[b-6kmngid3qo] { font-size: 1rem; color: var(--uds-navy); }
.share[b-6kmngid3qo] { margin-top: 0.25rem; padding-left: 120px; }

/* the master's grid (Core) — wide grids scroll on their own, never the page */
.scroll[b-6kmngid3qo] { overflow-x: auto; }
.mc table.grid[b-6kmngid3qo] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.mc table.grid th[b-6kmngid3qo] { background: #3c8dbc; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.mc table.grid th.r[b-6kmngid3qo], .mc table.grid td.r[b-6kmngid3qo] { text-align: right; }
.mc table.grid td[b-6kmngid3qo] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; white-space: nowrap; cursor: pointer; }
.mc table.grid td.co[b-6kmngid3qo] { max-width: 16rem; overflow: hidden; text-overflow: ellipsis; }
.mc table.grid td.billed[b-6kmngid3qo] { color: #8a1c12; font-weight: 600; }
.mc table.grid td.open[b-6kmngid3qo] { color: #1b6e2a; }
.mc table.grid tbody tr:hover td[b-6kmngid3qo] { background: #f6faff; }
.mc table.grid tbody tr.sel td[b-6kmngid3qo] { background: #dbe9fb; }
.mc table.grid td.padded[b-6kmngid3qo] { cursor: default; }
.hint[b-6kmngid3qo] { margin-top: 0.4rem; }
/* /Components/Pages/Accounts/ViewInvoice.razor.rz.scp.css */
/* CHG-165 — View Invoice. Scoped; page-prefixed names (vi-…) keep clear of Bootstrap. Visible borders #b9bec7; search panel grey. */

.vi[b-537wdwbp00] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.vi .notice[b-537wdwbp00] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.vi .notice.error[b-537wdwbp00] { border-left-color: var(--uds-red); }
.vi .notice.warn[b-537wdwbp00] { border-left-color: #e0a800; max-width: none; }
.vi .muted[b-537wdwbp00] { color: var(--uds-secondary); }
.vi .small[b-537wdwbp00] { font-size: 0.76rem; }
.vi .padded[b-537wdwbp00] { padding: 0.75rem 1rem; }
.vi .mono[b-537wdwbp00] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }
.vi .hidden[b-537wdwbp00] { display: none; }

.vi-toasts[b-537wdwbp00] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.vi-toast[b-537wdwbp00] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.vi-toast-error[b-537wdwbp00] { border-left-color: var(--uds-red); }
.vi-toast-warning[b-537wdwbp00] { border-left-color: #e0a800; }
.vi-toast-info[b-537wdwbp00] { border-left-color: #2779ce; }
.vi-toast-head[b-537wdwbp00] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.vi-toast-head button[b-537wdwbp00] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.vi-toast-body[b-537wdwbp00] { padding: 0.55rem 0.75rem; }

.vi-dim[b-537wdwbp00] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.vi-dialog[b-537wdwbp00] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.vi-dialog-head[b-537wdwbp00] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.vi-dialog-body[b-537wdwbp00] { padding: 0.9rem; line-height: 1.45; }
.vi-dialog-foot[b-537wdwbp00] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

/* tabs (RadTabStrip1, A77-85) */
.tabs[b-537wdwbp00] { display: flex; gap: 0.25rem; margin-bottom: 0.6rem; border-bottom: 2px solid #b9bec7; }
.tab[b-537wdwbp00] { background: var(--uds-white); border: 1px solid #b9bec7; border-bottom: none; border-radius: 6px 6px 0 0; padding: 0.45rem 1rem; font: inherit; font-size: 0.82rem; font-weight: 600; letter-spacing: 0.04em; color: var(--uds-secondary); cursor: pointer; }
.tab.on[b-537wdwbp00] { color: var(--uds-ink); border-bottom: 2px solid var(--uds-red); margin-bottom: -2px; background: var(--uds-grey-100); }
.tab:disabled[b-537wdwbp00] { opacity: 0.45; cursor: default; }

/* criteria panel (A89-139) */
.panel[b-537wdwbp00] { border: 1px solid #b9bec7; border-radius: 8px; background: var(--uds-grey-100); padding: 0.75rem 1rem; margin-bottom: 0.75rem; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.crit[b-537wdwbp00] { display: flex; gap: 0.75rem; align-items: flex-end; flex-wrap: wrap; }
.fld[b-537wdwbp00] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.crit .fld[b-537wdwbp00] { flex: 0 1 11rem; }
.crit .fld.wide[b-537wdwbp00] { flex: 1 1 22rem; }
.hint[b-537wdwbp00] { margin-top: 0.5rem; font-size: 0.76rem; }

.vi .btn[b-537wdwbp00] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; gap: 0.3rem; height: 29px; }
.vi .btn:hover[b-537wdwbp00] { background: var(--uds-grey-100); }
.vi .btn:disabled[b-537wdwbp00] { opacity: 0.5; cursor: default; }
.vi .btn-primary[b-537wdwbp00] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.vi .btn-primary:hover[b-537wdwbp00] { background: #0a3a66; }
.vi .btn.mini[b-537wdwbp00] { padding: 0.15rem 0.6rem; font-size: 0.78rem; height: auto; }
.vi .tb[b-537wdwbp00] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 0; }
.vi .cb[b-537wdwbp00] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }
.vi table.grid tr.filterrow .tb[b-537wdwbp00] { height: 26px; font-size: 0.78rem; min-width: 5rem; }

.bar[b-537wdwbp00] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-537wdwbp00] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-537wdwbp00], .pager .grow[b-537wdwbp00], .sendrow .grow[b-537wdwbp00] { flex: 1 1 auto; }

/* INVOICE LOG grid (A148-200) — row colours as invGrid_ItemDataBound (L463-487) */
.vi table.grid[b-537wdwbp00] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: whitesmoke; }
.vi table.grid th[b-537wdwbp00] { background: #3c8dbc; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.vi table.grid th.sortable[b-537wdwbp00] { cursor: pointer; user-select: none; }
.vi table.grid th.r[b-537wdwbp00], .vi table.grid td.r[b-537wdwbp00] { text-align: right; }
.vi table.grid th.c[b-537wdwbp00], .vi table.grid td.c[b-537wdwbp00] { text-align: center; }
.vi table.grid tr.filterrow th[b-537wdwbp00] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.vi table.grid td[b-537wdwbp00] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; white-space: nowrap; }
.vi table.grid td.cust[b-537wdwbp00] { max-width: 18rem; overflow: hidden; text-overflow: ellipsis; }
.vi table.grid tr.voided td[b-537wdwbp00] { color: red; }
.vi table.grid tr.sent td[b-537wdwbp00] { color: blue; }
.vi table.grid tr.paid td[b-537wdwbp00] { color: green; }
.vi table.grid tr.sel td[b-537wdwbp00] { background: #fff7d6; }
.vi table.grid tbody tr:hover td[b-537wdwbp00] { background: #f6faff; }
.vi table.grid.docs[b-537wdwbp00] { background: var(--uds-white); }
.vi table.grid.docs th[b-537wdwbp00] { background: #4697d7; font-size: 0.76rem; }
.scroll[b-537wdwbp00] { overflow-x: auto; }

.pager[b-537wdwbp00] { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0; }
.legend[b-537wdwbp00] { font-size: 0.74rem; color: var(--uds-secondary); display: inline-flex; gap: 0.5rem; align-items: center; }
.legend .sw[b-537wdwbp00] { display: inline-block; width: 0.8rem; height: 0.8rem; border-radius: 2px; }
.legend .sw.voided[b-537wdwbp00] { background: red; } .legend .sw.sent[b-537wdwbp00] { background: blue; } .legend .sw.paid[b-537wdwbp00] { background: green; }

/* VIEW INVOICE (A212-219) */
.pdf[b-537wdwbp00] { width: 100%; height: 60rem; border: 1px solid #b9bec7; background: var(--uds-white); margin-top: 0.5rem; }

/* EMAIL INVOICE (A220-304) — div#mailform bg #cce0ea */
.mailform[b-537wdwbp00] { background: #cce0ea; border: 1px solid #b9bec7; border-radius: 8px; padding: 0.75rem 1rem; }
.mailhead[b-537wdwbp00] { display: flex; align-items: baseline; gap: 0.75rem; margin-bottom: 0.5rem; }
.mailtitle[b-537wdwbp00] { background: #4697d7; color: #fff; font-family: var(--uds-font-head); font-weight: 700; padding: 0.25rem 0.7rem; border-radius: 4px; font-size: 0.8rem; }
.mgrid[b-537wdwbp00] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem 1rem; }
.mgrid .span2[b-537wdwbp00] { grid-column: span 2; }
.editor[b-537wdwbp00] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
@media (max-width: 1000px) { .mgrid[b-537wdwbp00], .editor[b-537wdwbp00] { grid-template-columns: minmax(0, 1fr); } .mgrid .span2[b-537wdwbp00] { grid-column: auto; } }
.vi .tb.body[b-537wdwbp00] { height: 16rem; padding: 0.4rem; font-family: "Source Code Pro", Consolas, monospace; font-size: 0.76rem; resize: vertical; }
.preview[b-537wdwbp00] { height: 16rem; overflow: auto; background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 4px; padding: 0.5rem 0.7rem; font-weight: 400; color: var(--uds-ink); }
.attach[b-537wdwbp00] { margin: 0.6rem 0; display: flex; flex-direction: column; gap: 0.35rem; }
.attachrow[b-537wdwbp00] { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.clip[b-537wdwbp00] { font-size: 1.2rem; }
.chip[b-537wdwbp00] { display: inline-flex; align-items: center; gap: 0.3rem; background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 12px; padding: 0.1rem 0.6rem; font-size: 0.76rem; }
.chip button[b-537wdwbp00] { border: 0; background: transparent; cursor: pointer; color: var(--uds-secondary); font-size: 0.95rem; }
.pickers[b-537wdwbp00] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
@media (max-width: 1100px) { .pickers[b-537wdwbp00] { grid-template-columns: minmax(0, 1fr); } }
.picker[b-537wdwbp00] { background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 6px; padding: 0.5rem 0.6rem; }
.pickhead[b-537wdwbp00] { font-weight: 600; color: var(--uds-navy); margin-bottom: 0.35rem; display: flex; gap: 0.6rem; align-items: baseline; flex-wrap: wrap; }
.sendrow[b-537wdwbp00] { display: flex; align-items: center; gap: 0.75rem; margin-top: 0.75rem; }

/* the permanent NOT SENT reminder in the View bar (Farrukh, 10 Nov 2026) */
.bar .attn[b-537wdwbp00] { background: #fff3cd; color: #7a4b00; border: 1px solid #f0c060; border-radius: 4px; padding: 0.15rem 0.5rem; font-size: 0.78rem; font-weight: 600; white-space: nowrap; }
/* /Components/Pages/Accounts/VoidInvoice.razor.rz.scp.css */
/* CHG-165 — Void Invoice. Scoped; page-prefixed names (vo-…) keep clear of Bootstrap. Visible borders #b9bec7; search panel grey. */

.vo[b-1aevwys8ae] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.vo .notice[b-1aevwys8ae] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.vo .notice.error[b-1aevwys8ae] { border-left-color: var(--uds-red); }
.vo .muted[b-1aevwys8ae] { color: var(--uds-secondary); }
.vo .small[b-1aevwys8ae] { font-size: 0.76rem; }
.vo .padded[b-1aevwys8ae] { padding: 0.75rem 1rem; }
.vo .mono[b-1aevwys8ae] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }

.vo-toasts[b-1aevwys8ae] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.vo-toast[b-1aevwys8ae] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.vo-toast-error[b-1aevwys8ae] { border-left-color: var(--uds-red); }
.vo-toast-warning[b-1aevwys8ae] { border-left-color: #e0a800; }
.vo-toast-info[b-1aevwys8ae] { border-left-color: #2779ce; }
.vo-toast-head[b-1aevwys8ae] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.vo-toast-head button[b-1aevwys8ae] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.vo-toast-body[b-1aevwys8ae] { padding: 0.55rem 0.75rem; }

.vo-dim[b-1aevwys8ae] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.vo-dialog[b-1aevwys8ae] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.vo-dialog-head[b-1aevwys8ae] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.vo-dialog-body[b-1aevwys8ae] { padding: 0.9rem; line-height: 1.45; }
.vo-dialog-foot[b-1aevwys8ae] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

.panel[b-1aevwys8ae] { border: 1px solid #b9bec7; border-radius: 8px; background: var(--uds-grey-100); padding: 0.75rem 1rem; margin-bottom: 0.75rem; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.crit[b-1aevwys8ae] { display: flex; gap: 0.75rem; align-items: flex-end; flex-wrap: wrap; }
.fld[b-1aevwys8ae] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.crit .fld.wide[b-1aevwys8ae] { flex: 0 1 26rem; }
.hint[b-1aevwys8ae] { margin-top: 0.5rem; font-size: 0.76rem; }

.vo .btn[b-1aevwys8ae] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; gap: 0.3rem; height: 29px; }
.vo .btn:hover[b-1aevwys8ae] { background: var(--uds-grey-100); }
.vo .btn:disabled[b-1aevwys8ae] { opacity: 0.5; cursor: default; }
.vo .btn-danger[b-1aevwys8ae] { background: var(--uds-red); border-color: var(--uds-red); color: var(--uds-white); }
.vo .btn-danger:hover[b-1aevwys8ae] { background: #9c1f2a; }
.vo .btn.mini[b-1aevwys8ae] { padding: 0.15rem 0.6rem; font-size: 0.78rem; height: auto; }
.vo .btn.mini.danger[b-1aevwys8ae] { color: var(--uds-red); border-color: var(--uds-red); }
.vo .btn.mini.danger:hover[b-1aevwys8ae] { background: #fdeaea; }
.vo .tb[b-1aevwys8ae] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 0; }
.vo .cb[b-1aevwys8ae] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }
.vo table.grid tr.filterrow .tb[b-1aevwys8ae] { height: 26px; font-size: 0.78rem; min-width: 5rem; }

.bar[b-1aevwys8ae] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-1aevwys8ae] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-1aevwys8ae] { flex: 1 1 auto; }

.vo table.grid[b-1aevwys8ae] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: whitesmoke; }
.vo table.grid th[b-1aevwys8ae] { background: #3c8dbc; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.vo table.grid th.sortable[b-1aevwys8ae] { cursor: pointer; user-select: none; }
.vo table.grid th.r[b-1aevwys8ae], .vo table.grid td.r[b-1aevwys8ae] { text-align: right; }
.vo table.grid th.c[b-1aevwys8ae], .vo table.grid td.c[b-1aevwys8ae] { text-align: center; }
.vo table.grid tr.filterrow th[b-1aevwys8ae] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.vo table.grid td[b-1aevwys8ae] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; white-space: nowrap; }
.vo table.grid tr.paid td[b-1aevwys8ae] { color: green; }
.vo table.grid tbody tr:hover td[b-1aevwys8ae] { background: #f6faff; }
.scroll[b-1aevwys8ae] { overflow-x: auto; }

.pager[b-1aevwys8ae] { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0; }
/* /Components/Pages/Admin/Agents/AgentEdit.razor.rz.scp.css */
/* base block copied from CustomerList.razor.css / CustomerEdit.razor.css (scoped CSS is per page — nothing is global except .btn) */
.pg[b-g78ddwnkmp] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.pg .notice[b-g78ddwnkmp] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.pg .notice.error[b-g78ddwnkmp] { border-left-color: var(--uds-red); }
.pg .notice.warn[b-g78ddwnkmp] { border-left-color: #e0a800; background: #fff8e1; }
.pg .muted[b-g78ddwnkmp] { color: var(--uds-secondary); }
.pg .small[b-g78ddwnkmp] { font-size: 0.76rem; }
.pg .padded[b-g78ddwnkmp] { padding: 0.75rem 1rem; }
.pg .del[b-g78ddwnkmp] { color: #c62828; font-weight: 600; }
.pg .mono[b-g78ddwnkmp] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }

.bar[b-g78ddwnkmp] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-g78ddwnkmp] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-g78ddwnkmp] { flex: 1 1 auto; }

.seg[b-g78ddwnkmp] { display: inline-flex; border: 1px solid #b9bec7; border-radius: 4px; overflow: hidden; }
.seg button[b-g78ddwnkmp] { border: 0; border-right: 1px solid #b9bec7; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.78rem; font-weight: 600; padding: 0.2rem 0.7rem; cursor: pointer; }
.seg button:last-child[b-g78ddwnkmp] { border-right: 0; }
.seg button.on[b-g78ddwnkmp] { background: var(--uds-navy); color: var(--uds-white); }

.badge[b-g78ddwnkmp] { display: inline-block; margin-left: 0.4rem; padding: 0 0.4rem; border-radius: 3px; background: #2779ce; color: #fff; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.06em; vertical-align: middle; }
.badge.red[b-g78ddwnkmp] { background: #c62828; }
.badge.grey[b-g78ddwnkmp] { background: #8a8f98; }
.badge.green[b-g78ddwnkmp] { background: #2e7d32; }

.pg .btn[b-g78ddwnkmp] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.pg .btn:hover[b-g78ddwnkmp] { background: var(--uds-grey-100); }
.pg .btn:disabled[b-g78ddwnkmp] { opacity: 0.5; cursor: default; }
.pg .btn.mini[b-g78ddwnkmp] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.pg .btn.primary[b-g78ddwnkmp] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.pg .btn.danger[b-g78ddwnkmp] { color: #b02a37; }
.pg .tb[b-g78ddwnkmp] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 7rem; }
.pg .cb[b-g78ddwnkmp] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }

.pg table.grid[b-g78ddwnkmp] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.pg table.grid th[b-g78ddwnkmp] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.pg table.grid th.sortable[b-g78ddwnkmp] { cursor: pointer; user-select: none; }
.pg table.grid tr.filterrow th[b-g78ddwnkmp] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.pg table.grid td[b-g78ddwnkmp] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.pg table.grid td.c[b-g78ddwnkmp], .pg table.grid th.c[b-g78ddwnkmp] { text-align: center; }
.pg table.grid tbody tr:hover td[b-g78ddwnkmp] { background: #f6faff; }
.pg table.grid tbody tr.del td[b-g78ddwnkmp] { color: #c62828; }

.pager[b-g78ddwnkmp] { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0; }

/* toasts (RadNotification Notify) */
.pg-toasts[b-g78ddwnkmp] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.pg-toast[b-g78ddwnkmp] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.pg-toast-error[b-g78ddwnkmp] { border-left-color: var(--uds-red); }
.pg-toast-info[b-g78ddwnkmp] { border-left-color: #2779ce; }
.pg-toast-construction[b-g78ddwnkmp] { border-left-color: #e0a800; }
.pg-toast-head[b-g78ddwnkmp] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.pg-toast-head button[b-g78ddwnkmp] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.pg-toast-body[b-g78ddwnkmp] { padding: 0.55rem 0.75rem; }

/* confirm (RadConfirm) */
.pg-dim[b-g78ddwnkmp] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.pg-dialog[b-g78ddwnkmp] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.pg-dialog-head[b-g78ddwnkmp] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.pg-dialog-body[b-g78ddwnkmp] { padding: 0.9rem; line-height: 1.45; }
.pg-dialog-foot[b-g78ddwnkmp] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

/* edit-page blocks (CustomerEdit): header, grey panel #eaeaea, label 100px + input */
.head[b-g78ddwnkmp] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin: 0.25rem 0 0.5rem; }
.head .search[b-g78ddwnkmp] { display: flex; align-items: center; gap: 0.5rem; flex: 1 1 auto; min-width: 24rem; }
.head .lbl[b-g78ddwnkmp] { width: 100px; padding-left: 12px; color: #555; font-weight: 600; white-space: nowrap; }
.head .ta-wrap[b-g78ddwnkmp] { width: 320px; }
.head .buttons[b-g78ddwnkmp] { display: flex; gap: 0.4rem; }
.panel[b-g78ddwnkmp] { background: #eaeaea; border: 1px solid #b9bec7; padding: 0.5rem 0.75rem 0.75rem; }
.cols[b-g78ddwnkmp] { display: flex; flex-wrap: wrap; gap: 0 1rem; }
.cols .col[b-g78ddwnkmp] { flex: 1 1 300px; min-width: 300px; }
.f[b-g78ddwnkmp] { display: flex; align-items: center; gap: 0.4rem; margin: 0.25rem 0; }
.f > span[b-g78ddwnkmp] { width: 100px; flex: 0 0 100px; color: #555; font-weight: 600; font-size: 0.8rem; }
.f.wide > span[b-g78ddwnkmp] { width: 150px; flex-basis: 150px; }
.pg .panel .tb[b-g78ddwnkmp] { height: 30px; font-size: 0.82rem; background: #f4f4f4; width: 60%; min-width: 9rem; }
.pg .panel .tb.up[b-g78ddwnkmp] { text-transform: uppercase; }
.pg .panel .tb.mono[b-g78ddwnkmp] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.04em; }
.pg .panel .tb.ro[b-g78ddwnkmp] { background: var(--uds-white); color: #333; }
.pg .panel .tb.ro.set[b-g78ddwnkmp] { background: whitesmoke; }
.pg .panel .tb.locked[b-g78ddwnkmp] { background: lightpink; }
.pg .panel .tb.short[b-g78ddwnkmp] { width: 120px; min-width: 120px; }
.pg .panel .cb[b-g78ddwnkmp] { height: 30px; font-size: 0.82rem; width: 60%; min-width: 9rem; }
.pg .panel .cb.short[b-g78ddwnkmp] { width: 160px; min-width: 160px; }
.note[b-g78ddwnkmp] { margin: 0 0 0.4rem 104px; font-size: 0.76rem; line-height: 1.35; }
.note.red[b-g78ddwnkmp] { color: #c62828; }
.note.amber[b-g78ddwnkmp] { color: #9a6b00; }
.note.grey[b-g78ddwnkmp] { color: #666; }
.errs[b-g78ddwnkmp] { margin: 0.4rem 0 0; padding: 0.5rem 0.75rem; border: 1px solid #e3a4a4; border-left: 4px solid #c62828; background: #fff4f4; color: #8a1c1c; font-size: 0.8rem; }
.errs ul[b-g78ddwnkmp] { margin: 0; padding-left: 1.1rem; }
/* /Components/Pages/Admin/Agents/AgentList.razor.rz.scp.css */
/* base block copied from CustomerList.razor.css / CustomerEdit.razor.css (scoped CSS is per page — nothing is global except .btn) */
.pg[b-u0ec8gp5mq] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.pg .notice[b-u0ec8gp5mq] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.pg .notice.error[b-u0ec8gp5mq] { border-left-color: var(--uds-red); }
.pg .notice.warn[b-u0ec8gp5mq] { border-left-color: #e0a800; background: #fff8e1; }
.pg .muted[b-u0ec8gp5mq] { color: var(--uds-secondary); }
.pg .small[b-u0ec8gp5mq] { font-size: 0.76rem; }
.pg .padded[b-u0ec8gp5mq] { padding: 0.75rem 1rem; }
.pg .del[b-u0ec8gp5mq] { color: #c62828; font-weight: 600; }
.pg .mono[b-u0ec8gp5mq] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }

.bar[b-u0ec8gp5mq] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-u0ec8gp5mq] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-u0ec8gp5mq] { flex: 1 1 auto; }

.seg[b-u0ec8gp5mq] { display: inline-flex; border: 1px solid #b9bec7; border-radius: 4px; overflow: hidden; }
.seg button[b-u0ec8gp5mq] { border: 0; border-right: 1px solid #b9bec7; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.78rem; font-weight: 600; padding: 0.2rem 0.7rem; cursor: pointer; }
.seg button:last-child[b-u0ec8gp5mq] { border-right: 0; }
.seg button.on[b-u0ec8gp5mq] { background: var(--uds-navy); color: var(--uds-white); }

.badge[b-u0ec8gp5mq] { display: inline-block; margin-left: 0.4rem; padding: 0 0.4rem; border-radius: 3px; background: #2779ce; color: #fff; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.06em; vertical-align: middle; }
.badge.red[b-u0ec8gp5mq] { background: #c62828; }
.badge.grey[b-u0ec8gp5mq] { background: #8a8f98; }
.badge.green[b-u0ec8gp5mq] { background: #2e7d32; }

.pg .btn[b-u0ec8gp5mq] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.pg .btn:hover[b-u0ec8gp5mq] { background: var(--uds-grey-100); }
.pg .btn:disabled[b-u0ec8gp5mq] { opacity: 0.5; cursor: default; }
.pg .btn.mini[b-u0ec8gp5mq] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.pg .btn.primary[b-u0ec8gp5mq] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.pg .btn.danger[b-u0ec8gp5mq] { color: #b02a37; }
.pg .tb[b-u0ec8gp5mq] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 7rem; }
.pg .cb[b-u0ec8gp5mq] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }

.pg table.grid[b-u0ec8gp5mq] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.pg table.grid th[b-u0ec8gp5mq] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.pg table.grid th.sortable[b-u0ec8gp5mq] { cursor: pointer; user-select: none; }
.pg table.grid tr.filterrow th[b-u0ec8gp5mq] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.pg table.grid td[b-u0ec8gp5mq] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.pg table.grid td.c[b-u0ec8gp5mq], .pg table.grid th.c[b-u0ec8gp5mq] { text-align: center; }
.pg table.grid tbody tr:hover td[b-u0ec8gp5mq] { background: #f6faff; }
.pg table.grid tbody tr.del td[b-u0ec8gp5mq] { color: #c62828; }

.pager[b-u0ec8gp5mq] { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0; }

/* toasts (RadNotification Notify) */
.pg-toasts[b-u0ec8gp5mq] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.pg-toast[b-u0ec8gp5mq] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.pg-toast-error[b-u0ec8gp5mq] { border-left-color: var(--uds-red); }
.pg-toast-info[b-u0ec8gp5mq] { border-left-color: #2779ce; }
.pg-toast-construction[b-u0ec8gp5mq] { border-left-color: #e0a800; }
.pg-toast-head[b-u0ec8gp5mq] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.pg-toast-head button[b-u0ec8gp5mq] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.pg-toast-body[b-u0ec8gp5mq] { padding: 0.55rem 0.75rem; }

/* confirm (RadConfirm) */
.pg-dim[b-u0ec8gp5mq] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.pg-dialog[b-u0ec8gp5mq] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.pg-dialog-head[b-u0ec8gp5mq] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.pg-dialog-body[b-u0ec8gp5mq] { padding: 0.9rem; line-height: 1.45; }
.pg-dialog-foot[b-u0ec8gp5mq] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }
/* a wide grid scrolls on its own (the Collected Addresses / BOL List pattern) — never the whole page, so the menu stays put */
.scroll[b-u0ec8gp5mq] { overflow-x: auto; }
/* /Components/Pages/Admin/ApiAccess.razor.rz.scp.css */
/* API Clients — see ApiClients.razor for what the screen is and is not.
 *
 * ⚠ Blazor CSS isolation: NOTHING below is inherited. `.notice`, `.controls`, `.grid`,
 * `.pill`, `.fld` and friends are NOT global — every dashboard carries its own scoped
 * copy (app.css defines only `.btn`). A page that assumes them renders unstyled: no
 * panel chrome, no cell padding, notices butted together. So the base set is repeated
 * here deliberately, matched to Scan Devices so the two admin screens read as siblings
 * rather than as pages that grew separately.
 */

.page-head[b-eaunjnwp4m] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

.subtitle[b-eaunjnwp4m] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 46rem;
    font-size: 0.9rem;
}

.notice[b-eaunjnwp4m] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}

/* Standing statement of what the screen does and does not do. Blue = informational;
   it must not read as a warning, because nothing is wrong. */
.notice-info[b-eaunjnwp4m] {
    background: #eef4fb;
    border-left-color: #3b6ea5;
}

/* Transient result of an action just taken. */
.notice-ok[b-eaunjnwp4m] {
    background: #eef8f1;
    border-left-color: #2e7d4f;
}

.muted[b-eaunjnwp4m] { color: var(--uds-secondary); }
.small[b-eaunjnwp4m] { font-size: 0.78rem; }

/* ── Command area ────────────────────────────────────────────────────────── */
.controls[b-eaunjnwp4m] {
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 1.1rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.filters[b-eaunjnwp4m] {
    display: flex;
    align-items: flex-end;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.fld[b-eaunjnwp4m] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: var(--uds-navy); }

.fld input[type="text"][b-eaunjnwp4m],
.fld select[b-eaunjnwp4m] {
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.88rem;
    background: var(--uds-white);
    min-width: 14rem;
}

/* The window selector is a short numeric choice — it does not need list width. */
.fld select[b-eaunjnwp4m] { min-width: 9rem; }

.summary[b-eaunjnwp4m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 0.85rem;
    margin-top: 0.9rem;
}

/* ── Provisioning search (§3b step 1) ─────────────────────────────────────
   Search-first is the page's whole shape: the command panel holds only the
   customer search, and results render inside it. The results table is the
   tight variant — it is a picker, read a row at a time. */
.fld input[type="text"][b-eaunjnwp4m] { min-width: 22rem; }
.prov-results[b-eaunjnwp4m] { margin-top: 0.85rem; background: var(--uds-white); }
.prov-empty[b-eaunjnwp4m] { margin: 0.85rem 0 0; }

/* Section heading for the API3 quick list — sits between the search panel and
   its table, in the head font so it reads as structure, not content. */
.section-head[b-eaunjnwp4m] {
    margin: 1.5rem 0 0.25rem;
    font-family: var(--uds-font-head);
    font-size: 1rem;
    color: var(--uds-navy);
}

/* ── The two doors ─────────────────────────────────────────────────────────
   API2 and API3 are opposite things — history you can only read, versus access
   you grant — so they get separate framed sections with a heavy left edge in
   their own colour, not a flat list of credential blocks. Listed flat it was
   not obvious which ticks did anything (Farrukh, 8 Aug). */
.door[b-eaunjnwp4m] {
    border: 1px solid var(--uds-grey-200);
    border-left-width: 5px;
    border-radius: 8px;
    margin-top: 1.25rem;
    overflow: hidden;
}

.door-api2[b-eaunjnwp4m] { border-left-color: #a89a83; }
.door-api3[b-eaunjnwp4m] { border-left-color: #2f5fb0; }
.door-portal[b-eaunjnwp4m] { border-left-color: #2e7d64; }

.door-head[b-eaunjnwp4m] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    flex-wrap: wrap;
    padding: 0.7rem 1rem;
    border-bottom: 1px solid var(--uds-grey-200);
}

.door-api2 .door-head[b-eaunjnwp4m] { background: #f6f4f0; }
.door-api3 .door-head[b-eaunjnwp4m] { background: #eef3fb; }
.door-portal .door-head[b-eaunjnwp4m] { background: #edf6f2; }

/* The badge is the page's primary orientation cue — which door am I looking at —
   so it is deliberately louder than the inline pills: bigger, tracked out, solid. */
.door-badge[b-eaunjnwp4m] {
    font-family: var(--uds-font-head);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    color: #fff;
}

.door-badge-api2[b-eaunjnwp4m] { background: #7a6f5d; }
.door-badge-api3[b-eaunjnwp4m] { background: #24457e; }
.door-badge-portal[b-eaunjnwp4m] { background: #1f5c47; }

.door-title[b-eaunjnwp4m] {
    font-family: var(--uds-font-head);
    font-size: 0.98rem;
    font-weight: 600;
    color: var(--uds-navy);
}

/* Says what the door DOES, so the read-only/grantable distinction is stated
   rather than inferred from whether checkboxes happen to be present. */
.door-note[b-eaunjnwp4m] {
    font-size: 0.8rem;
    color: var(--uds-secondary);
}

.door-body[b-eaunjnwp4m] { padding: 0 1rem; }
.door-body:first-of-type[b-eaunjnwp4m] { padding-top: 0.9rem; }
.door-body:last-child[b-eaunjnwp4m] { padding-bottom: 1rem; }

/* Credential blocks inside a door: the first needs no divider — the door header
   already separates it. */
.door .cred-block[b-eaunjnwp4m] { border-top: 1px solid var(--uds-grey-200); }
.door .cred-block:first-of-type[b-eaunjnwp4m] { border-top: none; margin-top: 0; padding-top: 0.9rem; }

/* Issue form — tinted so it reads as an action area, not another credential. */
.issue-block[b-eaunjnwp4m] { background: #f7f9fc; margin-top: 0.9rem; padding-bottom: 1rem; }

/* Anything mid-write is visibly inert rather than just unresponsive. */
.btn:disabled[b-eaunjnwp4m],
input:disabled[b-eaunjnwp4m] {
    opacity: 0.55;
    cursor: not-allowed;
}

/* ── Table ───────────────────────────────────────────────────────────────── */
table.grid[b-eaunjnwp4m] {
    font-size: 0.85rem;
    border-collapse: collapse;
    width: 100%;
    margin-top: 1.5rem;
}

table.grid th[b-eaunjnwp4m] {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.5rem 0.9rem;
    white-space: nowrap;
}

table.grid td[b-eaunjnwp4m] {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.55rem 0.9rem;
    vertical-align: top;
}

table.grid tbody tr:hover[b-eaunjnwp4m] { background: var(--uds-grey-100); }

/* Carrier pills wrap inside their cells rather than forcing the table wide — an
   account with four carriers must not push "Last call" off the screen. */
table.grid td .pill[b-eaunjnwp4m] { margin: 0 0.25rem 0.2rem 0; }

/* Has called a carrier with no entitlement recorded. AMBER, not red: today this is
   every active account, because nothing has been granted yet. It marks a gap in the
   register, not a breach. */
table.grid tr.row-warn[b-eaunjnwp4m] { background: #fffaf0; }
table.grid tr.row-warn:hover[b-eaunjnwp4m] { background: #fdf3e0; }

.warn-text[b-eaunjnwp4m] { color: #8a5a00; font-weight: 600; }

/* ── Pills ─────────────────────────────────────────────────────────────────
   Entitled and observed are deliberately DIFFERENT colours. The whole screen turns
   on not confusing "was sold this" with "has called this". */
.pill[b-eaunjnwp4m] {
    display: inline-block;
    padding: 0.12rem 0.55rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}

.pill-entitled[b-eaunjnwp4m] { background: #e3f0e8; color: #1f5c3a; }   /* green — sold    */
.pill-observed[b-eaunjnwp4m] { background: #e8eef6; color: #274b73; }   /* blue  — called  */
.pill-warn[b-eaunjnwp4m]     { background: #fdf3dd; color: #86620d; margin-left: 0.4rem; }
.pill-revoked[b-eaunjnwp4m]  { background: #fbe0e0; color: #a02020; }
.pill-idle[b-eaunjnwp4m]     { background: #fdf3dd; color: #86620d; }

.pill-api2[b-eaunjnwp4m] { background: #ece9e3; color: #5a4f3d; }
.pill-api3[b-eaunjnwp4m] { background: #e4ecfa; color: #24457e; }
.pill-test[b-eaunjnwp4m] { background: #fdf0d5; color: #8a5a00; }

/* Internal callers. SVC-SCANAPP carries the whole handset fleet — the pill warns the
   reader, matching the repository check that actually blocks the action. */
.pill-internal[b-eaunjnwp4m] { background: #ede4f5; color: #543b73; }

/* ── Buttons ─────────────────────────────────────────────────────────────── */
.btn[b-eaunjnwp4m] {
    padding: 0.35rem 0.85rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    background: var(--uds-white);
    color: var(--uds-navy);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}
.btn:hover[b-eaunjnwp4m] { background: var(--uds-grey-100); }

.btn-danger[b-eaunjnwp4m] { background: var(--uds-red, #c62828); border-color: var(--uds-red, #c62828); color: #fff; }
.btn-danger:hover[b-eaunjnwp4m] { filter: brightness(0.92); background: var(--uds-red, #c62828); }

.btn-quiet[b-eaunjnwp4m] { background: transparent; }

.btn-xs[b-eaunjnwp4m] { padding: 0.1rem 0.45rem; font-size: 0.75rem; margin-left: 0.4rem; }

/* ── One-time secret ───────────────────────────────────────────────────────
   NOT the red confirm-panel — nothing has gone wrong and nothing is being destroyed.
   Amber says "act on this now", which is exactly right for a value that cannot be
   shown again. */
.secret-panel[b-eaunjnwp4m] {
    margin: 1.25rem 0;
    background: #fffaf0;
    border: 1px solid #d9a441;
    border-left-width: 4px;
    border-radius: 8px;
    padding: 1.1rem 1.25rem;
    max-width: 46rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.secret-panel h3[b-eaunjnwp4m] {
    margin: 0 0 0.6rem;
    font-family: var(--uds-font-head);
    font-size: 1rem;
    color: var(--uds-navy);
}

.secret-panel p[b-eaunjnwp4m] { font-size: 0.88rem; margin: 0 0 0.7rem; }

/* Wraps rather than truncating — a silently clipped secret that a human then copies
   is a support call nobody can diagnose. Selectable in one click. */
.secret-panel code[b-eaunjnwp4m] {
    display: inline-block;
    font-family: var(--uds-font-mono, ui-monospace, "Cascadia Mono", Consolas, monospace);
    font-size: 0.82rem;
    background: var(--uds-white);
    border: 1px solid var(--uds-grey-200);
    border-radius: 3px;
    padding: 0.15rem 0.4rem;
    word-break: break-all;
    user-select: all;
}

/* ── Detail ────────────────────────────────────────────────────────────────
   A neutral card, NOT `.confirm-panel` — that one is red (destructive confirm) and
   capped at 40rem, which would squash the four-column entitlement table. */
.detail-panel[b-eaunjnwp4m] {
    margin-top: 1.25rem;
    background: var(--uds-white);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 1.25rem 1.4rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.detail-panel > h3[b-eaunjnwp4m] {
    margin: 0 0 0.35rem;
    font-family: var(--uds-font-head);
    font-size: 1.05rem;
    color: var(--uds-navy);
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.detail-panel p[b-eaunjnwp4m] { font-size: 0.88rem; margin: 0 0 0.7rem; }

/* One credential. The rule separates credentials belonging to the same customer —
   an account holding both an API2 and an API3 key is the normal migrating state, and
   the two must not read as one block. */
.cred-block[b-eaunjnwp4m] {
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 0.9rem;
    margin-top: 1.1rem;
}

.cred-block h4[b-eaunjnwp4m] {
    margin: 0 0 0.4rem;
    font-family: var(--uds-font-head);
    font-size: 0.95rem;
    color: var(--uds-navy);
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

/* The entitlement matrix. Tighter than the main grid — it is a form, read a row at a
   time, not a dashboard scanned at a glance. */
table.grid-tight[b-eaunjnwp4m] { margin-top: 0.6rem; max-width: 54rem; }
table.grid-tight th[b-eaunjnwp4m],
table.grid-tight td[b-eaunjnwp4m] { padding: 0.35rem 0.6rem; font-size: 0.84rem; }
table.grid-tight td[b-eaunjnwp4m] { vertical-align: middle; }

/* The tick is the control on this screen — make it a comfortable target, not a
   default 13px checkbox in a dense table. */
table.grid-tight input[type="checkbox"][b-eaunjnwp4m] { width: 1.05rem; height: 1.05rem; cursor: pointer; }

.cred-actions[b-eaunjnwp4m] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.8rem;
}

/* Issue-credential row: the label field is short, so it should not stretch. */
.cred-block .fld input[type="text"][b-eaunjnwp4m] { min-width: 16rem; }

.confirm-actions[b-eaunjnwp4m] {
    display: flex;
    gap: 0.6rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--uds-grey-200);
}

/* Inline code — account numbers and key ids, which must be distinguishable from
   prose at a glance and safe to select. */
code[b-eaunjnwp4m] {
    font-family: var(--uds-font-mono, ui-monospace, "Cascadia Mono", Consolas, monospace);
    font-size: 0.82rem;
    color: var(--uds-secondary);
    background: var(--uds-grey-100);
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
    white-space: nowrap;
}

/* §3b step 5 — the docs welcome email. A plain readonly textarea: the operator
   reviews and copies it into their own mail client; nothing is sent from here
   (client-facing sends stay a human act). */
.welcome-panel[b-eaunjnwp4m] {
    margin-top: 0.6rem;
    padding: 0.75rem 0.9rem;
    background: var(--uds-grey-100);
    border: 1px solid var(--uds-grey-200);
    border-radius: 6px;
}

.welcome-panel textarea[b-eaunjnwp4m] {
    width: 100%;
    box-sizing: border-box;
    font-family: var(--uds-font-mono, ui-monospace, "Cascadia Mono", Consolas, monospace);
    font-size: 0.8rem;
    line-height: 1.45;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    padding: 0.6rem 0.75rem;
    background: #fff;
    resize: vertical;
}

/* CD200 — the Portal Administration grant on a Portal door. Set apart from the carrier
   ticks above it because it is a different KIND of thing: those say which carrier pages a
   partner sees, this says the account may read and edit EVERY partner. */
.admin-grant[b-eaunjnwp4m] {
    margin: 0.75rem 0 0.9rem;
    padding: 0.6rem 0.8rem;
    border: 1px solid var(--uds-grey-200, #d7dae0);
    border-left: 4px solid #b54708;
    border-radius: 4px;
    background: #fffaf5;
}

.admin-grant-line[b-eaunjnwp4m] { display: flex; gap: 0.5rem; align-items: flex-start; font-size: 0.82rem; cursor: pointer; }
.admin-grant-line input[b-eaunjnwp4m] { margin: 0.2rem 0 0; flex: 0 0 auto; }
.admin-grant-warn[b-eaunjnwp4m] { margin: 0.45rem 0 0; color: #7a271a; }
/* /Components/Pages/Admin/Countries/CountryEdit.razor.rz.scp.css */
/* base block copied from CustomerList.razor.css / CustomerEdit.razor.css (scoped CSS is per page — nothing is global except .btn) */
.pg[b-de3yu13lzg] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.pg .notice[b-de3yu13lzg] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.pg .notice.error[b-de3yu13lzg] { border-left-color: var(--uds-red); }
.pg .notice.warn[b-de3yu13lzg] { border-left-color: #e0a800; background: #fff8e1; }
.pg .muted[b-de3yu13lzg] { color: var(--uds-secondary); }
.pg .small[b-de3yu13lzg] { font-size: 0.76rem; }
.pg .padded[b-de3yu13lzg] { padding: 0.75rem 1rem; }
.pg .del[b-de3yu13lzg] { color: #c62828; font-weight: 600; }
.pg .mono[b-de3yu13lzg] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }

.bar[b-de3yu13lzg] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-de3yu13lzg] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-de3yu13lzg] { flex: 1 1 auto; }

.seg[b-de3yu13lzg] { display: inline-flex; border: 1px solid #b9bec7; border-radius: 4px; overflow: hidden; }
.seg button[b-de3yu13lzg] { border: 0; border-right: 1px solid #b9bec7; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.78rem; font-weight: 600; padding: 0.2rem 0.7rem; cursor: pointer; }
.seg button:last-child[b-de3yu13lzg] { border-right: 0; }
.seg button.on[b-de3yu13lzg] { background: var(--uds-navy); color: var(--uds-white); }

.badge[b-de3yu13lzg] { display: inline-block; margin-left: 0.4rem; padding: 0 0.4rem; border-radius: 3px; background: #2779ce; color: #fff; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.06em; vertical-align: middle; }
.badge.red[b-de3yu13lzg] { background: #c62828; }
.badge.grey[b-de3yu13lzg] { background: #8a8f98; }
.badge.green[b-de3yu13lzg] { background: #2e7d32; }

.pg .btn[b-de3yu13lzg] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.pg .btn:hover[b-de3yu13lzg] { background: var(--uds-grey-100); }
.pg .btn:disabled[b-de3yu13lzg] { opacity: 0.5; cursor: default; }
.pg .btn.mini[b-de3yu13lzg] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.pg .btn.primary[b-de3yu13lzg] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.pg .btn.danger[b-de3yu13lzg] { color: #b02a37; }
.pg .tb[b-de3yu13lzg] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 7rem; }
.pg .cb[b-de3yu13lzg] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }

.pg table.grid[b-de3yu13lzg] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.pg table.grid th[b-de3yu13lzg] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.pg table.grid th.sortable[b-de3yu13lzg] { cursor: pointer; user-select: none; }
.pg table.grid tr.filterrow th[b-de3yu13lzg] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.pg table.grid td[b-de3yu13lzg] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.pg table.grid td.c[b-de3yu13lzg], .pg table.grid th.c[b-de3yu13lzg] { text-align: center; }
.pg table.grid tbody tr:hover td[b-de3yu13lzg] { background: #f6faff; }
.pg table.grid tbody tr.del td[b-de3yu13lzg] { color: #c62828; }

.pager[b-de3yu13lzg] { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0; }

/* toasts (RadNotification Notify) */
.pg-toasts[b-de3yu13lzg] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.pg-toast[b-de3yu13lzg] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.pg-toast-error[b-de3yu13lzg] { border-left-color: var(--uds-red); }
.pg-toast-info[b-de3yu13lzg] { border-left-color: #2779ce; }
.pg-toast-construction[b-de3yu13lzg] { border-left-color: #e0a800; }
.pg-toast-head[b-de3yu13lzg] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.pg-toast-head button[b-de3yu13lzg] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.pg-toast-body[b-de3yu13lzg] { padding: 0.55rem 0.75rem; }

/* confirm (RadConfirm) */
.pg-dim[b-de3yu13lzg] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.pg-dialog[b-de3yu13lzg] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.pg-dialog-head[b-de3yu13lzg] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.pg-dialog-body[b-de3yu13lzg] { padding: 0.9rem; line-height: 1.45; }
.pg-dialog-foot[b-de3yu13lzg] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

/* edit-page blocks (CustomerEdit): header, grey panel #eaeaea, label 100px + input */
.head[b-de3yu13lzg] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin: 0.25rem 0 0.5rem; }
.head .search[b-de3yu13lzg] { display: flex; align-items: center; gap: 0.5rem; flex: 1 1 auto; min-width: 24rem; }
.head .lbl[b-de3yu13lzg] { width: 100px; padding-left: 12px; color: #555; font-weight: 600; white-space: nowrap; }
.head .ta-wrap[b-de3yu13lzg] { width: 320px; }
.head .buttons[b-de3yu13lzg] { display: flex; gap: 0.4rem; }
.panel[b-de3yu13lzg] { background: #eaeaea; border: 1px solid #b9bec7; padding: 0.5rem 0.75rem 0.75rem; }
.cols[b-de3yu13lzg] { display: flex; flex-wrap: wrap; gap: 0 1rem; }
.cols .col[b-de3yu13lzg] { flex: 1 1 300px; min-width: 300px; }
.f[b-de3yu13lzg] { display: flex; align-items: center; gap: 0.4rem; margin: 0.25rem 0; }
.f > span[b-de3yu13lzg] { width: 100px; flex: 0 0 100px; color: #555; font-weight: 600; font-size: 0.8rem; }
.f.wide > span[b-de3yu13lzg] { width: 150px; flex-basis: 150px; }
.pg .panel .tb[b-de3yu13lzg] { height: 30px; font-size: 0.82rem; background: #f4f4f4; width: 60%; min-width: 9rem; }
.pg .panel .tb.up[b-de3yu13lzg] { text-transform: uppercase; }
.pg .panel .tb.mono[b-de3yu13lzg] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.04em; }
.pg .panel .tb.ro[b-de3yu13lzg] { background: var(--uds-white); color: #333; }
.pg .panel .tb.ro.set[b-de3yu13lzg] { background: whitesmoke; }
.pg .panel .tb.locked[b-de3yu13lzg] { background: lightpink; }
.pg .panel .tb.short[b-de3yu13lzg] { width: 120px; min-width: 120px; }
.pg .panel .cb[b-de3yu13lzg] { height: 30px; font-size: 0.82rem; width: 60%; min-width: 9rem; }
.pg .panel .cb.short[b-de3yu13lzg] { width: 160px; min-width: 160px; }
.note[b-de3yu13lzg] { margin: 0 0 0.4rem 104px; font-size: 0.76rem; line-height: 1.35; }
.note.red[b-de3yu13lzg] { color: #c62828; }
.note.amber[b-de3yu13lzg] { color: #9a6b00; }
.note.grey[b-de3yu13lzg] { color: #666; }
.errs[b-de3yu13lzg] { margin: 0.4rem 0 0; padding: 0.5rem 0.75rem; border: 1px solid #e3a4a4; border-left: 4px solid #c62828; background: #fff4f4; color: #8a1c1c; font-size: 0.8rem; }
.errs ul[b-de3yu13lzg] { margin: 0; padding-left: 1.1rem; }
/* /Components/Pages/Admin/Countries/CountryList.razor.rz.scp.css */
/* base block copied from CustomerList.razor.css / CustomerEdit.razor.css (scoped CSS is per page — nothing is global except .btn) */
.pg[b-kbwa3ftoas] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.pg .notice[b-kbwa3ftoas] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.pg .notice.error[b-kbwa3ftoas] { border-left-color: var(--uds-red); }
.pg .notice.warn[b-kbwa3ftoas] { border-left-color: #e0a800; background: #fff8e1; }
.pg .muted[b-kbwa3ftoas] { color: var(--uds-secondary); }
.pg .small[b-kbwa3ftoas] { font-size: 0.76rem; }
.pg .padded[b-kbwa3ftoas] { padding: 0.75rem 1rem; }
.pg .del[b-kbwa3ftoas] { color: #c62828; font-weight: 600; }
.pg .mono[b-kbwa3ftoas] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }

.bar[b-kbwa3ftoas] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-kbwa3ftoas] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-kbwa3ftoas] { flex: 1 1 auto; }

.seg[b-kbwa3ftoas] { display: inline-flex; border: 1px solid #b9bec7; border-radius: 4px; overflow: hidden; }
.seg button[b-kbwa3ftoas] { border: 0; border-right: 1px solid #b9bec7; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.78rem; font-weight: 600; padding: 0.2rem 0.7rem; cursor: pointer; }
.seg button:last-child[b-kbwa3ftoas] { border-right: 0; }
.seg button.on[b-kbwa3ftoas] { background: var(--uds-navy); color: var(--uds-white); }

.badge[b-kbwa3ftoas] { display: inline-block; margin-left: 0.4rem; padding: 0 0.4rem; border-radius: 3px; background: #2779ce; color: #fff; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.06em; vertical-align: middle; }
.badge.red[b-kbwa3ftoas] { background: #c62828; }
.badge.grey[b-kbwa3ftoas] { background: #8a8f98; }
.badge.green[b-kbwa3ftoas] { background: #2e7d32; }

.pg .btn[b-kbwa3ftoas] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.pg .btn:hover[b-kbwa3ftoas] { background: var(--uds-grey-100); }
.pg .btn:disabled[b-kbwa3ftoas] { opacity: 0.5; cursor: default; }
.pg .btn.mini[b-kbwa3ftoas] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.pg .btn.primary[b-kbwa3ftoas] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.pg .btn.danger[b-kbwa3ftoas] { color: #b02a37; }
.pg .tb[b-kbwa3ftoas] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 7rem; }
.pg .cb[b-kbwa3ftoas] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }

.pg table.grid[b-kbwa3ftoas] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.pg table.grid th[b-kbwa3ftoas] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.pg table.grid th.sortable[b-kbwa3ftoas] { cursor: pointer; user-select: none; }
.pg table.grid tr.filterrow th[b-kbwa3ftoas] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.pg table.grid td[b-kbwa3ftoas] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.pg table.grid td.c[b-kbwa3ftoas], .pg table.grid th.c[b-kbwa3ftoas] { text-align: center; }
.pg table.grid tbody tr:hover td[b-kbwa3ftoas] { background: #f6faff; }
.pg table.grid tbody tr.del td[b-kbwa3ftoas] { color: #c62828; }

.pager[b-kbwa3ftoas] { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0; }

/* toasts (RadNotification Notify) */
.pg-toasts[b-kbwa3ftoas] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.pg-toast[b-kbwa3ftoas] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.pg-toast-error[b-kbwa3ftoas] { border-left-color: var(--uds-red); }
.pg-toast-info[b-kbwa3ftoas] { border-left-color: #2779ce; }
.pg-toast-construction[b-kbwa3ftoas] { border-left-color: #e0a800; }
.pg-toast-head[b-kbwa3ftoas] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.pg-toast-head button[b-kbwa3ftoas] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.pg-toast-body[b-kbwa3ftoas] { padding: 0.55rem 0.75rem; }

/* confirm (RadConfirm) */
.pg-dim[b-kbwa3ftoas] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.pg-dialog[b-kbwa3ftoas] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.pg-dialog-head[b-kbwa3ftoas] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.pg-dialog-body[b-kbwa3ftoas] { padding: 0.9rem; line-height: 1.45; }
.pg-dialog-foot[b-kbwa3ftoas] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }
/* a wide grid scrolls on its own (the Collected Addresses / BOL List pattern) — never the whole page, so the menu stays put */
.scroll[b-kbwa3ftoas] { overflow-x: auto; }
/* /Components/Pages/Admin/Customers/CollectedAddresses.razor.rz.scp.css */
/* CHG-143 — Collected Addresses. Scoped; ca-… names. The editable grid of the legacy RadGrid (template columns of RadTextBoxes). */

.ca[b-q4x2suzsip] { font-size: 0.86rem; position: relative; }
.ca .notice[b-q4x2suzsip] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.ca .notice.error[b-q4x2suzsip] { border-left-color: var(--uds-red); }
.ca .muted[b-q4x2suzsip] { color: var(--uds-secondary); }
.ca .small[b-q4x2suzsip] { font-size: 0.76rem; }
.ca .padded[b-q4x2suzsip] { padding: 0.75rem 1rem; }

.ca-toasts[b-q4x2suzsip] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.ca-toast[b-q4x2suzsip] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.ca-toast-error[b-q4x2suzsip] { border-left-color: var(--uds-red); }
.ca-toast-info[b-q4x2suzsip] { border-left-color: #2779ce; }
.ca-toast-head[b-q4x2suzsip] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.ca-toast-head button[b-q4x2suzsip] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.ca-toast-body[b-q4x2suzsip] { padding: 0.55rem 0.75rem; }

.ca-dim[b-q4x2suzsip] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.ca-dialog[b-q4x2suzsip] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.ca-dialog-head[b-q4x2suzsip] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.ca-dialog-body[b-q4x2suzsip] { padding: 0.9rem; line-height: 1.45; }
.ca-dialog-foot[b-q4x2suzsip] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

.bar[b-q4x2suzsip] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .grow[b-q4x2suzsip] { flex: 1 1 auto; }
.bar .srch[b-q4x2suzsip] { display: flex; align-items: center; gap: 0.5rem; color: #3c8dbc; font-size: 1rem; font-family: "Roboto Condensed", var(--uds-font-body); }
.bar .srch .tb[b-q4x2suzsip] { width: 220px; min-width: 220px; height: 28px; background: #e6ffe6; }

.ca .btn[b-q4x2suzsip] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.ca .btn:hover[b-q4x2suzsip] { background: var(--uds-grey-100); }
.ca .btn:disabled[b-q4x2suzsip] { opacity: 0.5; cursor: default; }
.ca .btn.mini[b-q4x2suzsip] { padding: 0.15rem 0.6rem; font-size: 0.74rem; }
.ca .btn.save[b-q4x2suzsip] { color: #1b6e2a; border-color: #9fd3a8; background: #f2fbf3; }
.ca .btn.danger[b-q4x2suzsip], .ca .btn.del[b-q4x2suzsip] { color: #b02a37; border-color: #e0a1a8; background: #fff5f5; }
.ca .tb[b-q4x2suzsip] { padding: 0.2rem 0.4rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; background: whitesmoke; width: 100%; min-width: 7rem; resize: vertical; }
.ca .cb[b-q4x2suzsip] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; background: var(--uds-white); }

.wrap[b-q4x2suzsip] { overflow-x: auto; }
.ca table.grid[b-q4x2suzsip] { width: 100%; border-collapse: collapse; font-size: 0.78rem; background: var(--uds-white); }
.ca table.grid th[b-q4x2suzsip] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.ca table.grid td[b-q4x2suzsip] { border: 1px solid #CCCCCC; padding: 0.2rem 0.3rem; color: #000066; vertical-align: top; }
.ca table.grid td.c[b-q4x2suzsip], .ca table.grid th.c[b-q4x2suzsip] { text-align: center; vertical-align: middle; }
.ca table.grid tbody tr:hover td[b-q4x2suzsip] { background: #f6faff; }
/* /Components/Pages/Admin/Customers/CustomerEdit.razor.rz.scp.css */
/* CHG-143 — Customer View/Edit. Scoped; ce-… names keep clear of Bootstrap. Visible borders #b9bec7; the legacy grey panel #eaeaea. */

.ce[b-2j7dhzu5eu] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.ce .notice[b-2j7dhzu5eu] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.ce .notice.error[b-2j7dhzu5eu] { border-left-color: var(--uds-red); }
.ce .muted[b-2j7dhzu5eu] { color: var(--uds-secondary); }
.ce .small[b-2j7dhzu5eu] { font-size: 0.76rem; }
.ce .padded[b-2j7dhzu5eu] { padding: 0.75rem 1rem; }

/* toasts (RadNotification Notify) */
.ce-toasts[b-2j7dhzu5eu] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.ce-toast[b-2j7dhzu5eu] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.ce-toast-error[b-2j7dhzu5eu] { border-left-color: var(--uds-red); }
.ce-toast-info[b-2j7dhzu5eu] { border-left-color: #2779ce; }
.ce-toast-head[b-2j7dhzu5eu] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.ce-toast-head button[b-2j7dhzu5eu] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.ce-toast-body[b-2j7dhzu5eu] { padding: 0.55rem 0.75rem; }

/* confirm (RadConfirm) */
.ce-dim[b-2j7dhzu5eu] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.ce-dialog[b-2j7dhzu5eu] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.ce-dialog-head[b-2j7dhzu5eu] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.ce-dialog-body[b-2j7dhzu5eu] { padding: 0.9rem; line-height: 1.45; }
.ce-dialog-foot[b-2j7dhzu5eu] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

/* tabs (RadTabStrip1) */
.tabs[b-2j7dhzu5eu] { display: flex; gap: 0.25rem; margin-bottom: 0.6rem; border-bottom: 2px solid #b9bec7; }
.tab[b-2j7dhzu5eu] { background: var(--uds-white); border: 1px solid #b9bec7; border-bottom: none; border-radius: 6px 6px 0 0; padding: 0.45rem 1rem; font: inherit; font-size: 0.86rem; color: var(--uds-secondary); cursor: pointer; }
.tab.on[b-2j7dhzu5eu] { color: var(--uds-ink); font-weight: 600; border-bottom: 2px solid var(--uds-red); margin-bottom: -2px; background: var(--uds-grey-100); }

/* header: search + buttons */
.head[b-2j7dhzu5eu] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin: 0.25rem 0 0.5rem; }
.head .search[b-2j7dhzu5eu] { display: flex; align-items: center; gap: 0.5rem; flex: 1 1 auto; min-width: 24rem; }
.head .lbl[b-2j7dhzu5eu] { width: 100px; padding-left: 12px; color: #555; font-weight: 600; white-space: nowrap; }
.head .ta-wrap[b-2j7dhzu5eu] { width: 320px; }
.head .buttons[b-2j7dhzu5eu] { display: flex; gap: 0.4rem; }

/* buttons */
.ce .btn[b-2j7dhzu5eu] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: #f9f9f9; color: #555; font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.ce .btn:hover[b-2j7dhzu5eu] { background: var(--uds-grey-100); }
.ce .btn:disabled[b-2j7dhzu5eu] { opacity: 0.5; cursor: default; }
.ce .btn.mini[b-2j7dhzu5eu] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.ce .btn.primary[b-2j7dhzu5eu] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.ce .btn.held[b-2j7dhzu5eu] { background: lightpink; }
.ce .ib[b-2j7dhzu5eu] { border: 0; background: transparent; font: inherit; font-size: 0.95rem; cursor: pointer; color: var(--uds-navy); padding: 0 0.3rem; }
.ce .ib.del[b-2j7dhzu5eu] { color: #b02a37; }
.ce .ib:disabled[b-2j7dhzu5eu] { opacity: 0.4; cursor: default; }

/* the grey panel */
.panel[b-2j7dhzu5eu] { background: #eaeaea; border: 1px solid #b9bec7; padding: 0.5rem 0.75rem 0.75rem; }
.cols[b-2j7dhzu5eu] { display: flex; flex-wrap: wrap; gap: 0 1rem; }
.cols .col[b-2j7dhzu5eu] { flex: 1 1 280px; min-width: 280px; }
.cols.row2[b-2j7dhzu5eu] { margin-top: 0.6rem; padding-top: 0.6rem; border-top: 2px solid #F5F5F5; }

/* fields: label 100px + input (the legacy form-labels + RadTextBox) */
.f[b-2j7dhzu5eu] { display: flex; align-items: center; gap: 0.4rem; margin: 0.25rem 0; }
.f > span[b-2j7dhzu5eu] { width: 100px; flex: 0 0 100px; color: #555; font-weight: 600; font-size: 0.8rem; }
.f > em[b-2j7dhzu5eu] { color: #777; font-style: normal; }
.f.memo[b-2j7dhzu5eu] { align-items: flex-start; }
.f.wide[b-2j7dhzu5eu] { flex: 1 1 auto; }
.ce .tb[b-2j7dhzu5eu] { height: 30px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.82rem; background: #f4f4f4; width: 60%; min-width: 9rem; }
.ce textarea.tb[b-2j7dhzu5eu] { height: auto; padding: 0.3rem 0.45rem; resize: vertical; }
.ce .tb.up[b-2j7dhzu5eu] { text-transform: uppercase; }
.ce .tb.mono[b-2j7dhzu5eu] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.04em; }
.ce .tb.ro[b-2j7dhzu5eu] { background: var(--uds-white); color: #333; }
.ce .tb.ro.set[b-2j7dhzu5eu] { background: whitesmoke; }
.ce .tb.ro.held[b-2j7dhzu5eu] { background: lightpink; }
.ce .tb.num[b-2j7dhzu5eu] { width: 85px; min-width: 85px; text-align: right; }
.ce .tb.amt[b-2j7dhzu5eu] { width: 100px; min-width: 100px; background: #ffe7eb; }
.ce .cb[b-2j7dhzu5eu] { height: 30px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.82rem; background: var(--uds-white); width: 60%; min-width: 9rem; }
.ce .cb.num[b-2j7dhzu5eu] { width: 85px; min-width: 85px; }

/* surcharges grid */
table.sur[b-2j7dhzu5eu] { border-collapse: collapse; width: 100%; max-width: 420px; background: var(--uds-white); font-size: 0.8rem; }
table.sur th[b-2j7dhzu5eu] { background: #eaeaea; color: #777; font-weight: 600; text-align: left; padding: 0.2rem 0.4rem; border: 1px solid #CCCCCC; font-family: "Roboto Condensed", var(--uds-font-body); white-space: nowrap; }
table.sur th.r[b-2j7dhzu5eu] { text-align: right; }
table.sur td[b-2j7dhzu5eu] { border: 1px solid #CCCCCC; padding: 0.15rem 0.3rem; color: #000066; vertical-align: middle; }
table.sur td.c[b-2j7dhzu5eu], table.sur th.c[b-2j7dhzu5eu] { text-align: center; }
table.sur .cb[b-2j7dhzu5eu] { width: 175px; min-width: 150px; height: 26px; }
table.sur .tb[b-2j7dhzu5eu] { height: 26px; }

/* toggles */
.toggles[b-2j7dhzu5eu] { margin-top: 0.75rem; display: flex; flex-direction: column; gap: 0.5rem; }
.tg[b-2j7dhzu5eu] { display: block; padding: 0.55rem 0.8rem; border: 1px solid #b9bec7; border-radius: 4px; background: whitesmoke; font-weight: 600; color: #333; cursor: pointer; }
.tg.no[b-2j7dhzu5eu] { background: lightpink; }
.tg.agent[b-2j7dhzu5eu] { border-color: #2779ce; }
.tg.agent.yes[b-2j7dhzu5eu] { background: #dbe9fb; }
.tg input[b-2j7dhzu5eu] { margin-right: 0.5rem; }
.tg small[b-2j7dhzu5eu] { display: block; font-weight: 400; color: #777; font-size: 0.74rem; padding-top: 0.3rem; }

.api[b-2j7dhzu5eu] { display: flex; align-items: center; gap: 1rem; margin-top: 0.75rem; padding-top: 0.6rem; border-top: 2px solid #F5F5F5; }
.api .f > span[b-2j7dhzu5eu] { width: 65px; flex-basis: 65px; }

/* documents tab */
.docs[b-2j7dhzu5eu] { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 0.5rem; }
.docs .dcol[b-2j7dhzu5eu] { flex: 1 1 32rem; min-width: 28rem; }
.docs .viewer[b-2j7dhzu5eu] { min-height: 40rem; border: 1px solid #b9bec7; background: var(--uds-white); }
.docs .viewer iframe[b-2j7dhzu5eu] { width: 100%; height: 44rem; border: 0; }
.docs .filter[b-2j7dhzu5eu] { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem; }
.docs .filter[b-2j7dhzu5eu] { flex-wrap: wrap; }
.docs .filter .cb[b-2j7dhzu5eu] { width: 180px; min-width: 180px; }
.docs .filter .cb.rows[b-2j7dhzu5eu] { width: 70px; min-width: 70px; height: 26px; }
.ce table.grid tr.filterrow th[b-2j7dhzu5eu] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.ce .tb.flt[b-2j7dhzu5eu] { height: 26px; width: 100%; min-width: 7rem; background: var(--uds-white); font-weight: 400; }
.docs .upload[b-2j7dhzu5eu] { margin-top: 0.5rem; display: flex; align-items: center; gap: 0.75rem; }
.ce table.grid[b-2j7dhzu5eu] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.ce table.grid th[b-2j7dhzu5eu] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.ce table.grid td[b-2j7dhzu5eu] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; cursor: pointer; }
.ce table.grid td.fn[b-2j7dhzu5eu] { max-width: 28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ce table.grid tbody tr:hover td[b-2j7dhzu5eu] { background: #f6faff; }
.ce table.grid tbody tr.sel td[b-2j7dhzu5eu] { background: #dbe9fb; }
/* /Components/Pages/Admin/Customers/CustomerList.razor.rz.scp.css */
/* CHG-143 — Customer List. Scoped; page-prefixed names (cl-…) keep clear of Bootstrap. Visible borders #b9bec7. */

.cl[b-nxv29s6eiz] { font-size: 0.86rem; position: relative; max-width: 90rem; }
.cl .notice[b-nxv29s6eiz] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.cl .notice.error[b-nxv29s6eiz] { border-left-color: var(--uds-red); }
.cl .muted[b-nxv29s6eiz] { color: var(--uds-secondary); }
.cl .small[b-nxv29s6eiz] { font-size: 0.76rem; }
.cl .padded[b-nxv29s6eiz] { padding: 0.75rem 1rem; }
.cl .del[b-nxv29s6eiz] { color: #c62828; font-weight: 600; }
.cl .mono[b-nxv29s6eiz] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }

.bar[b-nxv29s6eiz] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-nxv29s6eiz] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-nxv29s6eiz] { flex: 1 1 auto; }

.seg[b-nxv29s6eiz] { display: inline-flex; border: 1px solid #b9bec7; border-radius: 4px; overflow: hidden; }
.seg button[b-nxv29s6eiz] { border: 0; border-right: 1px solid #b9bec7; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.78rem; font-weight: 600; padding: 0.2rem 0.7rem; cursor: pointer; }
.seg button:last-child[b-nxv29s6eiz] { border-right: 0; }
.seg button.on[b-nxv29s6eiz] { background: var(--uds-navy); color: var(--uds-white); }

.badge[b-nxv29s6eiz] { display: inline-block; margin-left: 0.4rem; padding: 0 0.4rem; border-radius: 3px; background: #2779ce; color: #fff; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.06em; vertical-align: middle; }

.cl .btn[b-nxv29s6eiz] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.cl .btn:hover[b-nxv29s6eiz] { background: var(--uds-grey-100); }
.cl .btn:disabled[b-nxv29s6eiz] { opacity: 0.5; cursor: default; }
.cl .btn.mini[b-nxv29s6eiz] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.cl .tb[b-nxv29s6eiz] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 7rem; }
.cl .cb[b-nxv29s6eiz] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }

.cl table.grid[b-nxv29s6eiz] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.cl table.grid th[b-nxv29s6eiz] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.cl table.grid th.sortable[b-nxv29s6eiz] { cursor: pointer; user-select: none; }
.cl table.grid tr.filterrow th[b-nxv29s6eiz] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.cl table.grid td[b-nxv29s6eiz] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.cl table.grid td.c[b-nxv29s6eiz], .cl table.grid th.c[b-nxv29s6eiz] { text-align: center; }
.cl table.grid tbody tr:hover td[b-nxv29s6eiz] { background: #f6faff; }
.cl table.grid tbody tr.del td[b-nxv29s6eiz] { color: #c62828; }

.pager[b-nxv29s6eiz] { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0; }
/* /Components/Pages/Admin/Customers/OnlinePassword.razor.rz.scp.css */
/* CHG-143 — Online Password. Scoped; op-… names. */

.op[b-62n6njzxi8] { font-size: 0.86rem; position: relative; max-width: 60rem; }
.op .notice[b-62n6njzxi8] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.op .notice.error[b-62n6njzxi8] { border-left-color: var(--uds-red); }
.op .muted[b-62n6njzxi8] { color: var(--uds-secondary); }
.op .small[b-62n6njzxi8] { font-size: 0.76rem; }

.op-toasts[b-62n6njzxi8] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.op-toast[b-62n6njzxi8] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.op-toast-error[b-62n6njzxi8] { border-left-color: var(--uds-red); }
.op-toast-info[b-62n6njzxi8] { border-left-color: #2779ce; }
.op-toast-head[b-62n6njzxi8] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.op-toast-head button[b-62n6njzxi8] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.op-toast-body[b-62n6njzxi8] { padding: 0.55rem 0.75rem; }

.head[b-62n6njzxi8] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin: 0.25rem 0 0.5rem; }
.head .search[b-62n6njzxi8] { display: flex; align-items: center; gap: 0.5rem; flex: 1 1 auto; min-width: 24rem; }
.head .lbl[b-62n6njzxi8] { width: 145px; padding-left: 12px; color: #555; font-weight: 600; white-space: nowrap; }
.head .ta-wrap[b-62n6njzxi8] { width: 340px; }
.head .buttons[b-62n6njzxi8] { display: flex; gap: 0.4rem; }

.op .btn[b-62n6njzxi8] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: #f9f9f9; color: #555; font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.op .btn:hover[b-62n6njzxi8] { background: var(--uds-grey-100); }
.op .btn:disabled[b-62n6njzxi8] { opacity: 0.5; cursor: default; }
.op .btn.primary[b-62n6njzxi8] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }

.panel[b-62n6njzxi8] { background: #eaeaea; border: 1px solid #b9bec7; padding: 0.5rem 0.75rem 0.75rem; }
.f[b-62n6njzxi8] { display: flex; align-items: center; gap: 0.4rem; margin: 0.3rem 0; }
.f > span[b-62n6njzxi8] { width: 130px; flex: 0 0 130px; color: #555; font-weight: 600; font-size: 0.8rem; }
.op .tb[b-62n6njzxi8] { height: 30px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.82rem; background: var(--uds-white); width: 60%; min-width: 12rem; }
.op .tb.mono[b-62n6njzxi8] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.04em; }
.op .tb.ro[b-62n6njzxi8] { background: #EEEEEE; color: #333; }
/* /Components/Pages/Admin/Drivers/DriverEdit.razor.rz.scp.css */
/* CHG-151 — Driver View/Edit. Scoped; de-… names keep clear of Bootstrap. Visible borders #b9bec7; the legacy grey panel #eaeaea. */

.de[b-yzpms0pwfj] { font-size: 0.86rem; position: relative; max-width: 80rem; }
.de .notice[b-yzpms0pwfj] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.de .notice.error[b-yzpms0pwfj] { border-left-color: var(--uds-red); }
.de .muted[b-yzpms0pwfj] { color: var(--uds-secondary); }
.de .small[b-yzpms0pwfj] { font-size: 0.76rem; }

/* toasts (RadNotification Notify) */
.de-toasts[b-yzpms0pwfj] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.de-toast[b-yzpms0pwfj] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.de-toast-error[b-yzpms0pwfj] { border-left-color: var(--uds-red); }
.de-toast-info[b-yzpms0pwfj] { border-left-color: #2779ce; }
.de-toast-head[b-yzpms0pwfj] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.de-toast-head button[b-yzpms0pwfj] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.de-toast-body[b-yzpms0pwfj] { padding: 0.55rem 0.75rem; }

/* header */
.head[b-yzpms0pwfj] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin: 0.25rem 0 0.5rem; }
.head .search[b-yzpms0pwfj] { display: flex; align-items: center; gap: 0.6rem; flex: 1 1 auto; min-width: 22rem; }
.head .lbl[b-yzpms0pwfj] { width: 70px; padding-left: 12px; color: #555; font-weight: 600; white-space: nowrap; }
.head .ta-wrap[b-yzpms0pwfj] { width: 260px; }
.head .buttons[b-yzpms0pwfj] { display: flex; gap: 0.4rem; }

.de .btn[b-yzpms0pwfj] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: #f9f9f9; color: #555; font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.de .btn:hover[b-yzpms0pwfj] { background: var(--uds-grey-100); }
.de .btn:disabled[b-yzpms0pwfj] { opacity: 0.5; cursor: default; }
.de .btn.mini[b-yzpms0pwfj] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.de .btn.primary[b-yzpms0pwfj] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }

.cols[b-yzpms0pwfj] { display: flex; gap: 1rem; flex-wrap: wrap; align-items: flex-start; }
.panel[b-yzpms0pwfj] { background: #eaeaea; border: 1px solid #b9bec7; padding: 0.5rem 0.75rem 0.75rem; flex: 1 1 30rem; max-width: 40rem; }
.side[b-yzpms0pwfj] { flex: 1 1 22rem; max-width: 34rem; background: var(--uds-white); border: 1px solid #b9bec7; padding: 0.5rem 0.75rem 0.75rem; }
.side .cap[b-yzpms0pwfj] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.78rem; margin-bottom: 0.4rem; }
table.kv[b-yzpms0pwfj] { border-collapse: collapse; width: 100%; font-size: 0.8rem; margin-bottom: 0.5rem; }
table.kv th[b-yzpms0pwfj] { text-align: left; color: #555; font-weight: 600; padding: 0.25rem 0.5rem 0.25rem 0; width: 9rem; vertical-align: top; }
table.kv td[b-yzpms0pwfj] { padding: 0.25rem 0; color: #000066; }

/* fields: label 100px + control (form-labels + RadTextBox) */
.f[b-yzpms0pwfj] { display: flex; align-items: center; gap: 0.4rem; margin: 0.3rem 0; }
.f > span[b-yzpms0pwfj] { width: 100px; flex: 0 0 100px; color: #555; font-weight: 600; font-size: 0.8rem; }
.f > em.hint[b-yzpms0pwfj] { color: #777; font-style: normal; font-size: 0.72rem; }
.f > em.hint.bad[b-yzpms0pwfj] { color: #c62828; font-weight: 700; }
.help[b-yzpms0pwfj] { margin: 0.15rem 0 0.5rem 100px; padding-left: 0.4rem; color: #666; font-size: 0.74rem; line-height: 1.35; }
.de .tb[b-yzpms0pwfj] { height: 30px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.82rem; background: #f4f4f4; width: 60%; min-width: 9rem; }
.de .tb.up[b-yzpms0pwfj] { text-transform: uppercase; }
.de .tb.mono[b-yzpms0pwfj] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.04em; }
.de .tb.ro[b-yzpms0pwfj] { background: var(--uds-white); color: #333; }
.de .tb.ro.set[b-yzpms0pwfj] { background: whitesmoke; }
.de .cb[b-yzpms0pwfj] { height: 30px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.82rem; background: var(--uds-white); width: 60%; min-width: 9rem; }
.de .cb.held[b-yzpms0pwfj] { background: lightpink; }
.de .mono[b-yzpms0pwfj] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }
/* /Components/Pages/Admin/Drivers/DriverList.razor.rz.scp.css */
/* CHG-151 — Drivers List. Scoped; the CustomerList base block (visible borders #b9bec7). */

.dl[b-16jrqpp7hq] { font-size: 0.86rem; position: relative; max-width: 90rem; }
.dl .notice[b-16jrqpp7hq] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.dl .notice.error[b-16jrqpp7hq] { border-left-color: var(--uds-red); }
.dl .muted[b-16jrqpp7hq] { color: var(--uds-secondary); }
.dl .small[b-16jrqpp7hq] { font-size: 0.76rem; }
.dl .padded[b-16jrqpp7hq] { padding: 0.75rem 1rem; }
.dl .del[b-16jrqpp7hq] { color: #c62828; font-weight: 600; }
.dl .rev[b-16jrqpp7hq] { color: #b02a37; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.06em; }
.dl .mono[b-16jrqpp7hq] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }

.bar[b-16jrqpp7hq] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-16jrqpp7hq] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-16jrqpp7hq] { flex: 1 1 auto; }

.dl .btn[b-16jrqpp7hq] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.dl .btn:hover[b-16jrqpp7hq] { background: var(--uds-grey-100); }
.dl .btn:disabled[b-16jrqpp7hq] { opacity: 0.5; cursor: default; }
.dl .btn.mini[b-16jrqpp7hq] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.dl .btn.primary[b-16jrqpp7hq] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.dl .tb[b-16jrqpp7hq] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 7rem; }
.dl .cb[b-16jrqpp7hq] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }

.dl table.grid[b-16jrqpp7hq] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.dl table.grid th[b-16jrqpp7hq] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.dl table.grid th.sortable[b-16jrqpp7hq] { cursor: pointer; user-select: none; }
.dl table.grid tr.filterrow th[b-16jrqpp7hq] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.dl table.grid td[b-16jrqpp7hq] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.dl table.grid td.c[b-16jrqpp7hq], .dl table.grid th.c[b-16jrqpp7hq] { text-align: center; }
.dl table.grid tbody tr:hover td[b-16jrqpp7hq] { background: #f6faff; }
.dl table.grid tbody tr.del td[b-16jrqpp7hq] { color: #c62828; }

.pager[b-16jrqpp7hq] { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0; }
/* a wide grid scrolls on its own (the Collected Addresses / BOL List pattern) — never the whole page, so the menu stays put */
.scroll[b-16jrqpp7hq] { overflow-x: auto; }
/* /Components/Pages/Admin/Drivers/SelfDeliveryCodes.razor.rz.scp.css */
/* CHG-151 — Self Delivery Codes. Scoped page shell (the CustomerList base block); the grid, toasts and dialogs live in RefTableEditor.razor.css. */

.sd[b-kuf7s83h9x] { font-size: 0.86rem; position: relative; max-width: 90rem; }
.sd .notice[b-kuf7s83h9x] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.sd .notice.error[b-kuf7s83h9x] { border-left-color: var(--uds-red); }
.sd .muted[b-kuf7s83h9x] { color: var(--uds-secondary); }
.sd .small[b-kuf7s83h9x] { font-size: 0.76rem; }
/* /Components/Pages/Admin/FlightAgents/FlightAgentEdit.razor.rz.scp.css */
/* base block copied from CustomerList.razor.css / CustomerEdit.razor.css (scoped CSS is per page — nothing is global except .btn) */
.pg[b-peqsfj3try] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.pg .notice[b-peqsfj3try] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.pg .notice.error[b-peqsfj3try] { border-left-color: var(--uds-red); }
.pg .notice.warn[b-peqsfj3try] { border-left-color: #e0a800; background: #fff8e1; }
.pg .muted[b-peqsfj3try] { color: var(--uds-secondary); }
.pg .small[b-peqsfj3try] { font-size: 0.76rem; }
.pg .padded[b-peqsfj3try] { padding: 0.75rem 1rem; }
.pg .del[b-peqsfj3try] { color: #c62828; font-weight: 600; }
.pg .mono[b-peqsfj3try] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }

.bar[b-peqsfj3try] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-peqsfj3try] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-peqsfj3try] { flex: 1 1 auto; }

.seg[b-peqsfj3try] { display: inline-flex; border: 1px solid #b9bec7; border-radius: 4px; overflow: hidden; }
.seg button[b-peqsfj3try] { border: 0; border-right: 1px solid #b9bec7; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.78rem; font-weight: 600; padding: 0.2rem 0.7rem; cursor: pointer; }
.seg button:last-child[b-peqsfj3try] { border-right: 0; }
.seg button.on[b-peqsfj3try] { background: var(--uds-navy); color: var(--uds-white); }

.badge[b-peqsfj3try] { display: inline-block; margin-left: 0.4rem; padding: 0 0.4rem; border-radius: 3px; background: #2779ce; color: #fff; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.06em; vertical-align: middle; }
.badge.red[b-peqsfj3try] { background: #c62828; }
.badge.grey[b-peqsfj3try] { background: #8a8f98; }
.badge.green[b-peqsfj3try] { background: #2e7d32; }

.pg .btn[b-peqsfj3try] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.pg .btn:hover[b-peqsfj3try] { background: var(--uds-grey-100); }
.pg .btn:disabled[b-peqsfj3try] { opacity: 0.5; cursor: default; }
.pg .btn.mini[b-peqsfj3try] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.pg .btn.primary[b-peqsfj3try] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.pg .btn.danger[b-peqsfj3try] { color: #b02a37; }
.pg .tb[b-peqsfj3try] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 7rem; }
.pg .cb[b-peqsfj3try] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }

.pg table.grid[b-peqsfj3try] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.pg table.grid th[b-peqsfj3try] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.pg table.grid th.sortable[b-peqsfj3try] { cursor: pointer; user-select: none; }
.pg table.grid tr.filterrow th[b-peqsfj3try] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.pg table.grid td[b-peqsfj3try] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.pg table.grid td.c[b-peqsfj3try], .pg table.grid th.c[b-peqsfj3try] { text-align: center; }
.pg table.grid tbody tr:hover td[b-peqsfj3try] { background: #f6faff; }
.pg table.grid tbody tr.del td[b-peqsfj3try] { color: #c62828; }

.pager[b-peqsfj3try] { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0; }

/* toasts (RadNotification Notify) */
.pg-toasts[b-peqsfj3try] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.pg-toast[b-peqsfj3try] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.pg-toast-error[b-peqsfj3try] { border-left-color: var(--uds-red); }
.pg-toast-info[b-peqsfj3try] { border-left-color: #2779ce; }
.pg-toast-construction[b-peqsfj3try] { border-left-color: #e0a800; }
.pg-toast-head[b-peqsfj3try] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.pg-toast-head button[b-peqsfj3try] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.pg-toast-body[b-peqsfj3try] { padding: 0.55rem 0.75rem; }

/* confirm (RadConfirm) */
.pg-dim[b-peqsfj3try] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.pg-dialog[b-peqsfj3try] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.pg-dialog-head[b-peqsfj3try] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.pg-dialog-body[b-peqsfj3try] { padding: 0.9rem; line-height: 1.45; }
.pg-dialog-foot[b-peqsfj3try] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

/* edit-page blocks (CustomerEdit): header, grey panel #eaeaea, label 100px + input */
.head[b-peqsfj3try] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin: 0.25rem 0 0.5rem; }
.head .search[b-peqsfj3try] { display: flex; align-items: center; gap: 0.5rem; flex: 1 1 auto; min-width: 24rem; }
.head .lbl[b-peqsfj3try] { width: 100px; padding-left: 12px; color: #555; font-weight: 600; white-space: nowrap; }
.head .ta-wrap[b-peqsfj3try] { width: 320px; }
.head .buttons[b-peqsfj3try] { display: flex; gap: 0.4rem; }
.panel[b-peqsfj3try] { background: #eaeaea; border: 1px solid #b9bec7; padding: 0.5rem 0.75rem 0.75rem; }
.cols[b-peqsfj3try] { display: flex; flex-wrap: wrap; gap: 0 1rem; }
.cols .col[b-peqsfj3try] { flex: 1 1 300px; min-width: 300px; }
.f[b-peqsfj3try] { display: flex; align-items: center; gap: 0.4rem; margin: 0.25rem 0; }
.f > span[b-peqsfj3try] { width: 100px; flex: 0 0 100px; color: #555; font-weight: 600; font-size: 0.8rem; }
.f.wide > span[b-peqsfj3try] { width: 150px; flex-basis: 150px; }
.pg .panel .tb[b-peqsfj3try] { height: 30px; font-size: 0.82rem; background: #f4f4f4; width: 60%; min-width: 9rem; }
.pg .panel .tb.up[b-peqsfj3try] { text-transform: uppercase; }
.pg .panel .tb.mono[b-peqsfj3try] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.04em; }
.pg .panel .tb.ro[b-peqsfj3try] { background: var(--uds-white); color: #333; }
.pg .panel .tb.ro.set[b-peqsfj3try] { background: whitesmoke; }
.pg .panel .tb.locked[b-peqsfj3try] { background: lightpink; }
.pg .panel .tb.short[b-peqsfj3try] { width: 120px; min-width: 120px; }
.pg .panel .cb[b-peqsfj3try] { height: 30px; font-size: 0.82rem; width: 60%; min-width: 9rem; }
.pg .panel .cb.short[b-peqsfj3try] { width: 160px; min-width: 160px; }
.note[b-peqsfj3try] { margin: 0 0 0.4rem 104px; font-size: 0.76rem; line-height: 1.35; }
.note.red[b-peqsfj3try] { color: #c62828; }
.note.amber[b-peqsfj3try] { color: #9a6b00; }
.note.grey[b-peqsfj3try] { color: #666; }
.errs[b-peqsfj3try] { margin: 0.4rem 0 0; padding: 0.5rem 0.75rem; border: 1px solid #e3a4a4; border-left: 4px solid #c62828; background: #fff4f4; color: #8a1c1c; font-size: 0.8rem; }
.errs ul[b-peqsfj3try] { margin: 0; padding-left: 1.1rem; }
/* /Components/Pages/Admin/FlightAgents/FlightAgentList.razor.rz.scp.css */
/* base block copied from CustomerList.razor.css / CustomerEdit.razor.css (scoped CSS is per page — nothing is global except .btn) */
.pg[b-fu3qawanpy] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.pg .notice[b-fu3qawanpy] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.pg .notice.error[b-fu3qawanpy] { border-left-color: var(--uds-red); }
.pg .notice.warn[b-fu3qawanpy] { border-left-color: #e0a800; background: #fff8e1; }
.pg .muted[b-fu3qawanpy] { color: var(--uds-secondary); }
.pg .small[b-fu3qawanpy] { font-size: 0.76rem; }
.pg .padded[b-fu3qawanpy] { padding: 0.75rem 1rem; }
.pg .del[b-fu3qawanpy] { color: #c62828; font-weight: 600; }
.pg .mono[b-fu3qawanpy] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }

.bar[b-fu3qawanpy] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-fu3qawanpy] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-fu3qawanpy] { flex: 1 1 auto; }

.seg[b-fu3qawanpy] { display: inline-flex; border: 1px solid #b9bec7; border-radius: 4px; overflow: hidden; }
.seg button[b-fu3qawanpy] { border: 0; border-right: 1px solid #b9bec7; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.78rem; font-weight: 600; padding: 0.2rem 0.7rem; cursor: pointer; }
.seg button:last-child[b-fu3qawanpy] { border-right: 0; }
.seg button.on[b-fu3qawanpy] { background: var(--uds-navy); color: var(--uds-white); }

.badge[b-fu3qawanpy] { display: inline-block; margin-left: 0.4rem; padding: 0 0.4rem; border-radius: 3px; background: #2779ce; color: #fff; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.06em; vertical-align: middle; }
.badge.red[b-fu3qawanpy] { background: #c62828; }
.badge.grey[b-fu3qawanpy] { background: #8a8f98; }
.badge.green[b-fu3qawanpy] { background: #2e7d32; }

.pg .btn[b-fu3qawanpy] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.pg .btn:hover[b-fu3qawanpy] { background: var(--uds-grey-100); }
.pg .btn:disabled[b-fu3qawanpy] { opacity: 0.5; cursor: default; }
.pg .btn.mini[b-fu3qawanpy] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.pg .btn.primary[b-fu3qawanpy] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.pg .btn.danger[b-fu3qawanpy] { color: #b02a37; }
.pg .tb[b-fu3qawanpy] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 7rem; }
.pg .cb[b-fu3qawanpy] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }

.pg table.grid[b-fu3qawanpy] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.pg table.grid th[b-fu3qawanpy] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.pg table.grid th.sortable[b-fu3qawanpy] { cursor: pointer; user-select: none; }
.pg table.grid tr.filterrow th[b-fu3qawanpy] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.pg table.grid td[b-fu3qawanpy] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.pg table.grid td.c[b-fu3qawanpy], .pg table.grid th.c[b-fu3qawanpy] { text-align: center; }
.pg table.grid tbody tr:hover td[b-fu3qawanpy] { background: #f6faff; }
.pg table.grid tbody tr.del td[b-fu3qawanpy] { color: #c62828; }

.pager[b-fu3qawanpy] { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0; }

/* toasts (RadNotification Notify) */
.pg-toasts[b-fu3qawanpy] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.pg-toast[b-fu3qawanpy] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.pg-toast-error[b-fu3qawanpy] { border-left-color: var(--uds-red); }
.pg-toast-info[b-fu3qawanpy] { border-left-color: #2779ce; }
.pg-toast-construction[b-fu3qawanpy] { border-left-color: #e0a800; }
.pg-toast-head[b-fu3qawanpy] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.pg-toast-head button[b-fu3qawanpy] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.pg-toast-body[b-fu3qawanpy] { padding: 0.55rem 0.75rem; }

/* confirm (RadConfirm) */
.pg-dim[b-fu3qawanpy] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.pg-dialog[b-fu3qawanpy] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.pg-dialog-head[b-fu3qawanpy] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.pg-dialog-body[b-fu3qawanpy] { padding: 0.9rem; line-height: 1.45; }
.pg-dialog-foot[b-fu3qawanpy] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }
/* a wide grid scrolls on its own (the Collected Addresses / BOL List pattern) — never the whole page, so the menu stays put */
.scroll[b-fu3qawanpy] { overflow-x: auto; }
/* /Components/Pages/Admin/Hauliers/Hauliers.razor.rz.scp.css */
/* CHG-151 — Manage Hauliers. Scoped page shell (the CustomerList base block); the grid, toasts and dialogs live in RefTableEditor.razor.css. */

.ha[b-v4vwoft2xu] { font-size: 0.86rem; position: relative; max-width: 90rem; }
.ha .notice[b-v4vwoft2xu] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.ha .notice.error[b-v4vwoft2xu] { border-left-color: var(--uds-red); }
.ha .muted[b-v4vwoft2xu] { color: var(--uds-secondary); }
.ha .small[b-v4vwoft2xu] { font-size: 0.76rem; }
/* /Components/Pages/Admin/Mawb/MawbEdit.razor.rz.scp.css */
/* CHG-152 — MAWB View/Edit. Scoped; me-… names keep clear of Bootstrap. Visible borders #b9bec7; the legacy header strip aliceblue (A150). */

.me[b-6sgf2dg3wo] { font-size: 0.86rem; position: relative; max-width: 100rem; }
.me .notice[b-6sgf2dg3wo] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.me .notice.error[b-6sgf2dg3wo] { border-left-color: var(--uds-red); }
.me .muted[b-6sgf2dg3wo] { color: var(--uds-secondary); }
.me .small[b-6sgf2dg3wo] { font-size: 0.76rem; }
.me .padded[b-6sgf2dg3wo] { padding: 0.75rem 1rem; }
.me .mono[b-6sgf2dg3wo] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.04em; }
.me .cap[b-6sgf2dg3wo] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.me .grow[b-6sgf2dg3wo] { flex: 1 1 auto; }

/* toasts (RadNotification Notify) */
.me-toasts[b-6sgf2dg3wo] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.me-toast[b-6sgf2dg3wo] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.me-toast-error[b-6sgf2dg3wo] { border-left-color: var(--uds-red); }
.me-toast-info[b-6sgf2dg3wo] { border-left-color: #2779ce; }
.me-toast-head[b-6sgf2dg3wo] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.me-toast-head button[b-6sgf2dg3wo] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.me-toast-body[b-6sgf2dg3wo] { padding: 0.55rem 0.75rem; }

/* confirm (RadWindow confirm) */
.me-dim[b-6sgf2dg3wo] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.me-dialog[b-6sgf2dg3wo] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.me-dialog-head[b-6sgf2dg3wo] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.me-dialog-body[b-6sgf2dg3wo] { padding: 0.9rem; line-height: 1.45; }
.me-dialog-foot[b-6sgf2dg3wo] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

/* header strip (A150-171, aliceblue flex) */
.head[b-6sgf2dg3wo] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin: 0.25rem 0 0.6rem; padding: 0.5rem 0.75rem; background: aliceblue; border: 1px solid #b9bec7; }
.head .search[b-6sgf2dg3wo] { display: flex; align-items: center; gap: 0.5rem; flex: 1 1 auto; min-width: 24rem; }
.head .lbl[b-6sgf2dg3wo] { color: #555; font-weight: 600; white-space: nowrap; }
.head .ta-wrap[b-6sgf2dg3wo] { width: 320px; }
.head .buttons[b-6sgf2dg3wo] { display: flex; gap: 0.4rem; }

/* buttons */
.me .btn[b-6sgf2dg3wo] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: #f9f9f9; color: #555; font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-block; }
.me .btn:hover[b-6sgf2dg3wo] { background: var(--uds-grey-100); }
.me .btn:disabled[b-6sgf2dg3wo], .me .btn.off[b-6sgf2dg3wo] { opacity: 0.5; cursor: default; }
.me .btn.mini[b-6sgf2dg3wo] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.me .btn.primary[b-6sgf2dg3wo] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.me .ib[b-6sgf2dg3wo] { border: 0; background: transparent; font: inherit; font-size: 0.95rem; cursor: pointer; color: var(--uds-navy); padding: 0 0.3rem; }
.me .ib.del[b-6sgf2dg3wo] { color: #b02a37; }
.me .ib:disabled[b-6sgf2dg3wo] { opacity: 0.4; cursor: default; }

/* the two columns (A175 firstcol col-12 col-sm-6 min 280 px / A325 the tab strip) */
.body[b-6sgf2dg3wo] { display: flex; gap: 1rem; flex-wrap: wrap; align-items: flex-start; }
.firstcol[b-6sgf2dg3wo] { flex: 1 1 420px; min-width: 280px; max-width: 560px; background: #eaeaea; border: 1px solid #b9bec7; padding: 0.5rem 0.75rem 0.75rem; }
.secondcol[b-6sgf2dg3wo] { flex: 2 1 560px; min-width: 28rem; }

/* fields: label 140px + input (the legacy form-labels + RadTextBox) */
.f[b-6sgf2dg3wo] { display: flex; align-items: center; gap: 0.4rem; margin: 0.25rem 0; }
.f > span[b-6sgf2dg3wo] { width: 140px; flex: 0 0 140px; color: #555; font-weight: 600; font-size: 0.8rem; }
.f > em[b-6sgf2dg3wo] { color: #777; font-style: normal; }
.me .tb[b-6sgf2dg3wo] { height: 30px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.82rem; background: #f4f4f4; width: 60%; min-width: 9rem; }
.me .tb.up[b-6sgf2dg3wo] { text-transform: uppercase; }
.me .tb.ro[b-6sgf2dg3wo] { background: var(--uds-white); color: #333; }
.me .tb.ro.set[b-6sgf2dg3wo] { background: whitesmoke; font-weight: 600; }
.me .tb.num12[b-6sgf2dg3wo] { width: 130px; min-width: 130px; }
.me .tb.short[b-6sgf2dg3wo] { width: 70px; min-width: 70px; text-transform: uppercase; }
.me .tb.num[b-6sgf2dg3wo] { width: 100px; min-width: 100px; text-align: right; }
.me .tb.dt[b-6sgf2dg3wo] { width: 60%; }
.me .cb[b-6sgf2dg3wo] { height: 30px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.82rem; background: var(--uds-white); width: 60%; min-width: 9rem; }
.note[b-6sgf2dg3wo] { margin-top: 0.6rem; padding: 0.4rem 0.6rem; background: #fff8e1; border-left: 3px solid #f0ad4e; color: #6b4e00; font-size: 0.78rem; }

/* tabs (RadTabStrip Documents / Label) */
.tabs[b-6sgf2dg3wo] { display: flex; gap: 0.25rem; margin-bottom: 0.6rem; border-bottom: 2px solid #b9bec7; }
.tab[b-6sgf2dg3wo] { background: var(--uds-white); border: 1px solid #b9bec7; border-bottom: none; border-radius: 6px 6px 0 0; padding: 0.45rem 1rem; min-width: 150px; font: inherit; font-size: 0.86rem; color: var(--uds-secondary); cursor: pointer; }
.tab.on[b-6sgf2dg3wo] { color: var(--uds-ink); font-weight: 600; border-bottom: 2px solid var(--uds-red); margin-bottom: -2px; background: var(--uds-grey-100); }

/* documents tab (radMawbGrid "MAWB Documents") */
.docs .filter[b-6sgf2dg3wo], .label .filter[b-6sgf2dg3wo] { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.5rem; flex-wrap: wrap; }
.docs .filter .cb.rows[b-6sgf2dg3wo] { width: 70px; min-width: 70px; height: 26px; }
.me table.grid[b-6sgf2dg3wo] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.me table.grid th[b-6sgf2dg3wo] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.me table.grid tr.filterrow th[b-6sgf2dg3wo] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.me .tb.flt[b-6sgf2dg3wo] { height: 26px; width: 100%; min-width: 7rem; background: var(--uds-white); font-weight: 400; }
.me table.grid td[b-6sgf2dg3wo] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; cursor: pointer; }
.me table.grid td.c[b-6sgf2dg3wo], .me table.grid th.c[b-6sgf2dg3wo] { text-align: center; }
.me table.grid td.fn[b-6sgf2dg3wo] { max-width: 26rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.me table.grid tbody tr:hover td[b-6sgf2dg3wo] { background: #f6faff; }
.me table.grid tbody tr.sel td[b-6sgf2dg3wo] { background: #dbe9fb; }
.me .type[b-6sgf2dg3wo] { display: inline-block; padding: 0 0.4rem; border-radius: 3px; background: #e3e6ea; color: #333; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.04em; }
.me .type.rn[b-6sgf2dg3wo] { background: #2779ce; color: #fff; }
.docs .upload[b-6sgf2dg3wo] { margin-top: 0.5rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.docs .viewer[b-6sgf2dg3wo] { margin-top: 0.6rem; min-height: 24rem; border: 1px solid #b9bec7; background: var(--uds-white); }
.docs .viewer iframe[b-6sgf2dg3wo] { width: 100%; height: 34rem; border: 0; }

/* label tab (viewPDF 600 px) */
.label .pdf[b-6sgf2dg3wo] { width: 100%; height: 40rem; border: 1px solid #b9bec7; background: var(--uds-white); }
/* a wide grid scrolls on its own (the Collected Addresses / BOL List pattern) — never the whole page, so the menu stays put */
.scroll[b-6sgf2dg3wo] { overflow-x: auto; }
/* /Components/Pages/Admin/Mawb/MawbList.razor.rz.scp.css */
/* CHG-152 — MAWB List. Scoped; page-prefixed names (ml-…) keep clear of Bootstrap. Visible borders #b9bec7 (the CustomerList base block). */

.ml[b-jbuk2gieb2] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.ml .notice[b-jbuk2gieb2] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.ml .notice.error[b-jbuk2gieb2] { border-left-color: var(--uds-red); }
.ml .muted[b-jbuk2gieb2] { color: var(--uds-secondary); }
.ml .small[b-jbuk2gieb2] { font-size: 0.76rem; }
.ml .padded[b-jbuk2gieb2] { padding: 0.75rem 1rem; }
.ml .mono[b-jbuk2gieb2] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }

/* tabs (RadTabStrip1) */
.tabs[b-jbuk2gieb2] { display: flex; gap: 0.25rem; margin-bottom: 0.6rem; border-bottom: 2px solid #b9bec7; }
.tab[b-jbuk2gieb2] { background: var(--uds-white); border: 1px solid #b9bec7; border-bottom: none; border-radius: 6px 6px 0 0; padding: 0.45rem 1rem; font: inherit; font-size: 0.86rem; color: var(--uds-secondary); cursor: pointer; }
.tab.on[b-jbuk2gieb2] { color: var(--uds-ink); font-weight: 600; border-bottom: 2px solid var(--uds-red); margin-bottom: -2px; background: var(--uds-grey-100); }
.tab .cnt[b-jbuk2gieb2] { display: inline-block; margin-left: 0.4rem; padding: 0 0.45rem; border-radius: 9px; background: #4697d7; color: #fff; font-size: 0.7rem; font-weight: 700; }

.bar[b-jbuk2gieb2] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-jbuk2gieb2] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-jbuk2gieb2] { flex: 1 1 auto; }

.ml .btn[b-jbuk2gieb2] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.ml .btn:hover[b-jbuk2gieb2] { background: var(--uds-grey-100); }
.ml .btn:disabled[b-jbuk2gieb2] { opacity: 0.5; cursor: default; }
.ml .btn.mini[b-jbuk2gieb2] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.ml .tb[b-jbuk2gieb2] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 5rem; }
.ml .cb[b-jbuk2gieb2] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }

.ml table.grid[b-jbuk2gieb2] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: whitesmoke; }
.ml table.grid th[b-jbuk2gieb2] { background: #3c8dbc; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.ml table.grid th.sortable[b-jbuk2gieb2] { cursor: pointer; user-select: none; }
.ml table.grid th.r[b-jbuk2gieb2], .ml table.grid td.r[b-jbuk2gieb2] { text-align: right; }
.ml table.grid tr.filterrow th[b-jbuk2gieb2] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.ml table.grid td[b-jbuk2gieb2] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; white-space: nowrap; }
.ml table.grid td.c[b-jbuk2gieb2], .ml table.grid th.c[b-jbuk2gieb2] { text-align: center; }
.ml table.grid td.code[b-jbuk2gieb2] { color: #777; font-style: italic; }
.ml table.grid td.recv[b-jbuk2gieb2] { color: #1b6e2a; font-weight: 600; }
.ml table.grid td.pend[b-jbuk2gieb2] { color: #b26a00; font-weight: 600; }
.ml table.grid tbody tr:hover td[b-jbuk2gieb2] { background: #f6faff; }

.pager[b-jbuk2gieb2] { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0; }
/* a wide grid scrolls on its own (the Collected Addresses / BOL List pattern) — never the whole page, so the menu stays put */
.scroll[b-jbuk2gieb2] { overflow-x: auto; }
/* /Components/Pages/Admin/Reference/Banks.razor.rz.scp.css */
/* CHG-151 — Manage Banks. Scoped; bk-… names keep clear of Bootstrap. Visible borders #b9bec7; the legacy grey panel #eaeaea. */

.bk[b-8tswl0ddf7] { font-size: 0.86rem; position: relative; max-width: 80rem; }
.bk .notice[b-8tswl0ddf7] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.bk .notice.error[b-8tswl0ddf7] { border-left-color: var(--uds-red); }
.bk .muted[b-8tswl0ddf7] { color: var(--uds-secondary); }
.bk .small[b-8tswl0ddf7] { font-size: 0.76rem; }
.bk .padded[b-8tswl0ddf7] { padding: 0.5rem; }
.bk .mono[b-8tswl0ddf7] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.04em; }
.bk .cap[b-8tswl0ddf7] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.78rem; }

/* toasts */
.bk-toasts[b-8tswl0ddf7] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.bk-toast[b-8tswl0ddf7] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.bk-toast-error[b-8tswl0ddf7] { border-left-color: var(--uds-red); }
.bk-toast-info[b-8tswl0ddf7] { border-left-color: #2779ce; }
.bk-toast-head[b-8tswl0ddf7] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.bk-toast-head button[b-8tswl0ddf7] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.bk-toast-body[b-8tswl0ddf7] { padding: 0.55rem 0.75rem; }

/* confirm */
.bk-dim[b-8tswl0ddf7] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.bk-dialog[b-8tswl0ddf7] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.bk-dialog-head[b-8tswl0ddf7] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.bk-dialog-body[b-8tswl0ddf7] { padding: 0.9rem; line-height: 1.45; }
.bk-dialog-foot[b-8tswl0ddf7] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

.bk .btn[b-8tswl0ddf7] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: #f9f9f9; color: #555; font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.bk .btn:hover[b-8tswl0ddf7] { background: var(--uds-grey-100); }
.bk .btn:disabled[b-8tswl0ddf7] { opacity: 0.5; cursor: default; }
.bk .btn.primary[b-8tswl0ddf7] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.bk .btn.danger[b-8tswl0ddf7], .bk .btn.del[b-8tswl0ddf7] { color: #b02a37; border-color: #e0a1a8; background: #fff5f5; }
.bk .btn.wide[b-8tswl0ddf7] { width: 100%; margin-top: 0.5rem; }

.cols[b-8tswl0ddf7] { display: flex; gap: 1rem; flex-wrap: wrap; align-items: flex-start; }
.list[b-8tswl0ddf7] { flex: 0 0 18rem; background: var(--uds-white); border: 1px solid #b9bec7; padding: 0.5rem 0.6rem 0.6rem; }
.list ul[b-8tswl0ddf7] { list-style: none; margin: 0.4rem 0 0; padding: 0; }
.list li button[b-8tswl0ddf7] { width: 100%; text-align: left; border: 1px solid #e3e6ea; background: var(--uds-white); padding: 0.4rem 0.6rem; margin-bottom: 0.3rem; font: inherit; font-size: 0.82rem; font-weight: 600; color: var(--uds-navy); cursor: pointer; display: flex; justify-content: space-between; gap: 0.5rem; border-radius: 4px; }
.list li button:hover[b-8tswl0ddf7] { background: #f6faff; }
.list li.on button[b-8tswl0ddf7] { background: #dbe9fb; border-color: #2779ce; }
.form[b-8tswl0ddf7] { flex: 1 1 34rem; min-width: 30rem; }
.form .buttons[b-8tswl0ddf7] { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.4rem; }
.form .buttons .grow[b-8tswl0ddf7] { flex: 1 1 auto; }
.panel[b-8tswl0ddf7] { background: #eaeaea; border: 1px solid #b9bec7; padding: 0.5rem 0.75rem 0.75rem; }
.note[b-8tswl0ddf7] { margin-top: 0.4rem; max-width: 46rem; }

/* fields: label 120px + box (Font 12, Source Code Pro, uppercase css) */
.f[b-8tswl0ddf7] { display: flex; align-items: center; gap: 0.4rem; margin: 0.3rem 0; }
.f > span[b-8tswl0ddf7] { width: 120px; flex: 0 0 120px; color: #555; font-weight: 600; font-size: 0.8rem; }
.f > em[b-8tswl0ddf7] { color: #777; font-style: normal; font-size: 0.72rem; white-space: nowrap; }
.bk .tb[b-8tswl0ddf7] { height: 30px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.82rem; background: #f4f4f4; width: 60%; min-width: 9rem; }
.bk .tb.up[b-8tswl0ddf7] { text-transform: uppercase; }
.bk .tb.short[b-8tswl0ddf7] { width: 12rem; }
.bk .tb.ro[b-8tswl0ddf7] { background: var(--uds-white); color: #333; }
.bk .tb.ro.set[b-8tswl0ddf7] { background: whitesmoke; }
/* /Components/Pages/Admin/Reference/Kyc.razor.rz.scp.css */
/* CHG-151 — Manage KYC. Scoped page shell (the CustomerList base block); the grid, toasts and dialogs live in RefTableEditor.razor.css. */

.ky[b-5a1odyif40] { font-size: 0.86rem; position: relative; max-width: 90rem; }
.ky .notice[b-5a1odyif40] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.ky .notice.error[b-5a1odyif40] { border-left-color: var(--uds-red); }
.ky .muted[b-5a1odyif40] { color: var(--uds-secondary); }
.ky .small[b-5a1odyif40] { font-size: 0.76rem; }
/* /Components/Pages/Admin/Reference/RefTableEditor.razor.rz.scp.css */
/* CHG-151 — the generic reference-table editor. Scoped; rt-… names keep clear of Bootstrap. Visible borders #b9bec7 (the CustomerList base block). */

.rt[b-frudga9gxo] { font-size: 0.86rem; position: relative; }
.rt .muted[b-frudga9gxo] { color: var(--uds-secondary); }
.rt .small[b-frudga9gxo] { font-size: 0.76rem; }
.rt .padded[b-frudga9gxo] { padding: 0.75rem 1rem; }
.rt .mono[b-frudga9gxo] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }
.rt .note[b-frudga9gxo] { background: #fff8e1; border-left: 3px solid #e0a800; padding: 0.45rem 0.75rem; margin: 0 0 0.5rem; font-size: 0.8rem; max-width: 70rem; }

/* toasts (RadNotification Notify) */
.rt-toasts[b-frudga9gxo] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.rt-toast[b-frudga9gxo] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.rt-toast-error[b-frudga9gxo] { border-left-color: var(--uds-red); }
.rt-toast-info[b-frudga9gxo] { border-left-color: #2779ce; }
.rt-toast-head[b-frudga9gxo] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.rt-toast-head button[b-frudga9gxo] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.rt-toast-body[b-frudga9gxo] { padding: 0.55rem 0.75rem; }

/* confirm / blocked dialog */
.rt-dim[b-frudga9gxo] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.rt-dialog[b-frudga9gxo] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 30rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.rt-dialog-head[b-frudga9gxo] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.rt-dialog-body[b-frudga9gxo] { padding: 0.9rem; line-height: 1.45; }
.rt-dialog-body[b-frudga9gxo]  .rt-info { color: #7a5a00; font-size: 0.8rem; }
.rt-dialog-foot[b-frudga9gxo] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

.bar[b-frudga9gxo] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-frudga9gxo] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-frudga9gxo] { flex: 1 1 auto; }

.rt .btn[b-frudga9gxo] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.rt .btn:hover[b-frudga9gxo] { background: var(--uds-grey-100); }
.rt .btn:disabled[b-frudga9gxo] { opacity: 0.5; cursor: default; }
.rt .btn.mini[b-frudga9gxo] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.rt .btn.primary[b-frudga9gxo] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.rt .btn.danger[b-frudga9gxo], .rt .btn.del[b-frudga9gxo] { color: #b02a37; border-color: #e0a1a8; background: #fff5f5; }
.rt .btn.danger:hover[b-frudga9gxo], .rt .btn.del:hover[b-frudga9gxo] { background: #ffe3e6; }
.rt .tb[b-frudga9gxo] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 6rem; }
.rt .tb.flt[b-frudga9gxo] { width: 16rem; }
.rt .tb.up[b-frudga9gxo] { text-transform: uppercase; }
.rt .tb.num[b-frudga9gxo] { width: 6rem; min-width: 5rem; text-align: right; }
.rt .tb.bad[b-frudga9gxo], .rt .cb.bad[b-frudga9gxo] { border-color: #c62828; background: #fff5f5; }
.rt .cb[b-frudga9gxo] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); min-width: 6rem; }
.rt .err[b-frudga9gxo] { color: #c62828; font-size: 0.72rem; padding-top: 0.15rem; white-space: normal; }

.rt table.grid[b-frudga9gxo] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.rt table.grid th[b-frudga9gxo] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.rt table.grid th.sortable[b-frudga9gxo] { cursor: pointer; user-select: none; }
.rt table.grid th.act[b-frudga9gxo] { width: 9rem; }
.rt table.grid td[b-frudga9gxo] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.rt table.grid td.c[b-frudga9gxo], .rt table.grid th.c[b-frudga9gxo] { text-align: center; }
.rt table.grid td.act[b-frudga9gxo] { white-space: nowrap; }
.rt table.grid td.act .btn + .btn[b-frudga9gxo] { margin-left: 0.3rem; }
.rt table.grid tbody tr:hover td[b-frudga9gxo] { background: #f6faff; }
.rt table.grid tbody tr.editrow td[b-frudga9gxo] { background: #EEF2EA; }      /* the legacy EditForm FormStyle BackColor */
.rt table.grid tbody tr.exc td[b-frudga9gxo] { color: #c62828; }
.rt table.grid tbody tr.off td[b-frudga9gxo] { color: #888; font-style: italic; }
.rt table.grid tbody tr.blank td[b-frudga9gxo] { background: #fff3f3; }

.pager[b-frudga9gxo] { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0; }
/* a wide grid scrolls on its own (the Collected Addresses / BOL List pattern) — never the whole page, so the menu stays put */
.scroll[b-frudga9gxo] { overflow-x: auto; }
/* /Components/Pages/Admin/Reference/SurchargeTypes.razor.rz.scp.css */
/* CHG-151 — Surcharge Types. Scoped page shell (the CustomerList base block); the grid, toasts and dialogs live in RefTableEditor.razor.css. */

.st[b-mi1y2flt29] { font-size: 0.86rem; position: relative; max-width: 90rem; }
.st .notice[b-mi1y2flt29] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.st .notice.error[b-mi1y2flt29] { border-left-color: var(--uds-red); }
.st .muted[b-mi1y2flt29] { color: var(--uds-secondary); }
.st .small[b-mi1y2flt29] { font-size: 0.76rem; }
/* /Components/Pages/Admin/Reference/TrackingEvents.razor.rz.scp.css */
/* CHG-151 — Tracking Events. Scoped page shell (the CustomerList base block); the grid, toasts and dialogs live in RefTableEditor.razor.css. */

.te[b-61hh70okm3] { font-size: 0.86rem; position: relative; max-width: 90rem; }
.te .notice[b-61hh70okm3] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.te .notice.error[b-61hh70okm3] { border-left-color: var(--uds-red); }
.te .muted[b-61hh70okm3] { color: var(--uds-secondary); }
.te .small[b-61hh70okm3] { font-size: 0.76rem; }
/* /Components/Pages/Admin/Reference/TrackingExceptions.razor.rz.scp.css */
/* CHG-151 — Tracking Exceptions. Scoped page shell (the CustomerList base block); the grid, toasts and dialogs live in RefTableEditor.razor.css. */

.tx[b-zme49d5ozj] { font-size: 0.86rem; position: relative; max-width: 90rem; }
.tx .notice[b-zme49d5ozj] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.tx .notice.error[b-zme49d5ozj] { border-left-color: var(--uds-red); }
.tx .muted[b-zme49d5ozj] { color: var(--uds-secondary); }
.tx .small[b-zme49d5ozj] { font-size: 0.76rem; }
/* /Components/Pages/Admin/Reference/TransportModes.razor.rz.scp.css */
/* CHG-151 — Transport Modes. Scoped page shell (the CustomerList base block); the grid, toasts and dialogs live in RefTableEditor.razor.css. */

.tm[b-yjb8lbc490] { font-size: 0.86rem; position: relative; max-width: 90rem; }
.tm .notice[b-yjb8lbc490] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.tm .notice.error[b-yjb8lbc490] { border-left-color: var(--uds-red); }
.tm .muted[b-yjb8lbc490] { color: var(--uds-secondary); }
.tm .small[b-yjb8lbc490] { font-size: 0.76rem; }
/* /Components/Pages/Admin/Registrations/Registrations.razor.rz.scp.css */
/* base block copied from CustomerList.razor.css / CustomerEdit.razor.css (scoped CSS is per page — nothing is global except .btn) */
.pg[b-k52e5j61ea] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.pg .notice[b-k52e5j61ea] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.pg .notice.error[b-k52e5j61ea] { border-left-color: var(--uds-red); }
.pg .notice.warn[b-k52e5j61ea] { border-left-color: #e0a800; background: #fff8e1; }
.pg .muted[b-k52e5j61ea] { color: var(--uds-secondary); }
.pg .small[b-k52e5j61ea] { font-size: 0.76rem; }
.pg .padded[b-k52e5j61ea] { padding: 0.75rem 1rem; }
.pg .del[b-k52e5j61ea] { color: #c62828; font-weight: 600; }
.pg .mono[b-k52e5j61ea] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }

.bar[b-k52e5j61ea] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-k52e5j61ea] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-k52e5j61ea] { flex: 1 1 auto; }

.seg[b-k52e5j61ea] { display: inline-flex; border: 1px solid #b9bec7; border-radius: 4px; overflow: hidden; }
.seg button[b-k52e5j61ea] { border: 0; border-right: 1px solid #b9bec7; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.78rem; font-weight: 600; padding: 0.2rem 0.7rem; cursor: pointer; }
.seg button:last-child[b-k52e5j61ea] { border-right: 0; }
.seg button.on[b-k52e5j61ea] { background: var(--uds-navy); color: var(--uds-white); }

.badge[b-k52e5j61ea] { display: inline-block; margin-left: 0.4rem; padding: 0 0.4rem; border-radius: 3px; background: #2779ce; color: #fff; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.06em; vertical-align: middle; }
.badge.red[b-k52e5j61ea] { background: #c62828; }
.badge.grey[b-k52e5j61ea] { background: #8a8f98; }
.badge.green[b-k52e5j61ea] { background: #2e7d32; }

.pg .btn[b-k52e5j61ea] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.pg .btn:hover[b-k52e5j61ea] { background: var(--uds-grey-100); }
.pg .btn:disabled[b-k52e5j61ea] { opacity: 0.5; cursor: default; }
.pg .btn.mini[b-k52e5j61ea] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.pg .btn.primary[b-k52e5j61ea] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.pg .btn.danger[b-k52e5j61ea] { color: #b02a37; }
.pg .tb[b-k52e5j61ea] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 7rem; }
.pg .cb[b-k52e5j61ea] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }

.pg table.grid[b-k52e5j61ea] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.pg table.grid th[b-k52e5j61ea] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.pg table.grid th.sortable[b-k52e5j61ea] { cursor: pointer; user-select: none; }
.pg table.grid tr.filterrow th[b-k52e5j61ea] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.pg table.grid td[b-k52e5j61ea] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.pg table.grid td.c[b-k52e5j61ea], .pg table.grid th.c[b-k52e5j61ea] { text-align: center; }
.pg table.grid tbody tr:hover td[b-k52e5j61ea] { background: #f6faff; }
.pg table.grid tbody tr.del td[b-k52e5j61ea] { color: #c62828; }

.pager[b-k52e5j61ea] { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0; }

/* toasts (RadNotification Notify) */
.pg-toasts[b-k52e5j61ea] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.pg-toast[b-k52e5j61ea] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.pg-toast-error[b-k52e5j61ea] { border-left-color: var(--uds-red); }
.pg-toast-info[b-k52e5j61ea] { border-left-color: #2779ce; }
.pg-toast-construction[b-k52e5j61ea] { border-left-color: #e0a800; }
.pg-toast-head[b-k52e5j61ea] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.pg-toast-head button[b-k52e5j61ea] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.pg-toast-body[b-k52e5j61ea] { padding: 0.55rem 0.75rem; }

/* confirm (RadConfirm) */
.pg-dim[b-k52e5j61ea] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.pg-dialog[b-k52e5j61ea] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.pg-dialog-head[b-k52e5j61ea] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.pg-dialog-body[b-k52e5j61ea] { padding: 0.9rem; line-height: 1.45; }
.pg-dialog-foot[b-k52e5j61ea] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }
/* a wide grid scrolls on its own (the Collected Addresses / BOL List pattern) — never the whole page, so the menu stays put */
.scroll[b-k52e5j61ea] { overflow-x: auto; }
/* /Components/Pages/Admin/SeaBol/SeaBolEdit.razor.rz.scp.css */
/* CHG-153 — BOL View/Edit. Scoped (base block from CustomerEdit.razor.css); sb-… names keep clear of Bootstrap. Visible borders #b9bec7; the legacy grey panel #eaeaea. */

.sb[b-b7mjns94ud] { font-size: 0.86rem; position: relative; max-width: 110rem; }
.sb .notice[b-b7mjns94ud] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.sb .notice.error[b-b7mjns94ud] { border-left-color: var(--uds-red); }
.sb .muted[b-b7mjns94ud] { color: var(--uds-secondary); }
.sb .small[b-b7mjns94ud] { font-size: 0.76rem; }
.sb .padded[b-b7mjns94ud] { padding: 0.75rem 1rem; }
.sb .cap[b-b7mjns94ud] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.sb .grow[b-b7mjns94ud] { flex: 1 1 auto; }

/* toasts (RadNotification Notify) */
.sb-toasts[b-b7mjns94ud] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.sb-toast[b-b7mjns94ud] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.sb-toast-error[b-b7mjns94ud] { border-left-color: var(--uds-red); }
.sb-toast-info[b-b7mjns94ud] { border-left-color: #2779ce; }
.sb-toast-head[b-b7mjns94ud] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.sb-toast-head button[b-b7mjns94ud] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.sb-toast-body[b-b7mjns94ud] { padding: 0.55rem 0.75rem; }

/* confirm (RadWindow confirm) */
.sb-dim[b-b7mjns94ud] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.sb-dialog[b-b7mjns94ud] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.sb-dialog-head[b-b7mjns94ud] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.sb-dialog-body[b-b7mjns94ud] { padding: 0.9rem; line-height: 1.45; }
.sb-dialog-foot[b-b7mjns94ud] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

/* header bar (aliceblue in the legacy) */
.head[b-b7mjns94ud] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin: 0.25rem 0 0.6rem; padding: 0.5rem 0.75rem; background: aliceblue; border: 1px solid #b9bec7; }
.head .search[b-b7mjns94ud] { display: flex; align-items: center; gap: 0.6rem; flex: 1 1 auto; min-width: 28rem; }
.head .lbl[b-b7mjns94ud] { color: #555; font-weight: 600; white-space: nowrap; }
.head .ta-wrap[b-b7mjns94ud] { width: 380px; }
.head .buttons[b-b7mjns94ud] { display: flex; gap: 0.4rem; }

/* buttons */
.sb .btn[b-b7mjns94ud] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: #f9f9f9; color: #555; font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.sb .btn:hover[b-b7mjns94ud] { background: var(--uds-grey-100); }
.sb .btn:disabled[b-b7mjns94ud] { opacity: 0.5; cursor: default; }
.sb .btn.mini[b-b7mjns94ud] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.sb .btn.primary[b-b7mjns94ud] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.sb .btn.busy[b-b7mjns94ud] { opacity: 0.6; }
.sb .ib[b-b7mjns94ud] { border: 0; background: transparent; font: inherit; font-size: 0.95rem; cursor: pointer; color: var(--uds-navy); padding: 0 0.3rem; }
.sb .ib.del[b-b7mjns94ud] { color: #b02a37; }
.sb .ib:disabled[b-b7mjns94ud] { opacity: 0.4; cursor: default; }

/* two columns: the 570 px form + the tab strip */
.cols[b-b7mjns94ud] { display: flex; gap: 1rem; flex-wrap: wrap; align-items: flex-start; }
.cols .form[b-b7mjns94ud] { flex: 0 1 600px; min-width: 34rem; }
.cols .side[b-b7mjns94ud] { flex: 1 1 36rem; min-width: 30rem; }

/* the grey panel */
.panel[b-b7mjns94ud] { background: #eaeaea; border: 1px solid #b9bec7; padding: 0.5rem 0.75rem 0.75rem; }
.panel.track[b-b7mjns94ud] { background: var(--uds-white); line-height: 1.5; }

/* fields: label 120px + input (the legacy form-labels + RadTextBox) */
.f[b-b7mjns94ud] { display: flex; align-items: center; gap: 0.4rem; margin: 0.3rem 0; flex-wrap: wrap; }
.f > span[b-b7mjns94ud] { width: 120px; flex: 0 0 120px; color: #555; font-weight: 600; font-size: 0.8rem; }
.f .ta-wrap[b-b7mjns94ud] { width: 60%; min-width: 12rem; }
.f .hint[b-b7mjns94ud] { font-size: 0.72rem; color: #777; font-style: normal; flex-basis: 100%; padding-left: calc(120px + 0.4rem); }
.f .hint.warn[b-b7mjns94ud] { color: #b05a00; }
.f .err[b-b7mjns94ud] { font-size: 0.74rem; color: #c62828; font-weight: 600; font-style: normal; flex-basis: 100%; padding-left: calc(120px + 0.4rem); }
.sb .tb[b-b7mjns94ud] { height: 30px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.82rem; background: #f4f4f4; width: 60%; min-width: 9rem; }
.sb .tb.wide[b-b7mjns94ud] { width: 70%; }
.sb .tb.dt[b-b7mjns94ud] { width: 13.5rem; min-width: 13.5rem; }
.sb .tb.up[b-b7mjns94ud] { text-transform: uppercase; }
.sb .tb.mono[b-b7mjns94ud] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.04em; }
.sb .tb.ro[b-b7mjns94ud] { background: var(--uds-white); color: #333; }
.sb .tb.locked[b-b7mjns94ud] { background: lightgray; color: #333; }
.sb .tb.green[b-b7mjns94ud] { background: lightgreen; }
.sb .tb.bad[b-b7mjns94ud] { border-color: #c62828; background: #fff2f2; }
.sb .cb[b-b7mjns94ud] { height: 30px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.82rem; background: var(--uds-white); width: 60%; min-width: 9rem; }

/* tabs (RadTabStrip1) */
.tabs[b-b7mjns94ud] { display: flex; gap: 0.25rem; margin-bottom: 0.6rem; border-bottom: 2px solid #b9bec7; }
.tab[b-b7mjns94ud] { background: var(--uds-white); border: 1px solid #b9bec7; border-bottom: none; border-radius: 6px 6px 0 0; padding: 0.45rem 1rem; font: inherit; font-size: 0.86rem; color: var(--uds-secondary); cursor: pointer; }
.tab.on[b-b7mjns94ud] { color: var(--uds-ink); font-weight: 600; border-bottom: 2px solid var(--uds-red); margin-bottom: -2px; background: var(--uds-grey-100); }

/* documents tab (radBolGrid "Bill Documents") */
.docs .filter[b-b7mjns94ud] { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem; flex-wrap: wrap; }
.sb table.grid[b-b7mjns94ud] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.sb table.grid th[b-b7mjns94ud] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.sb table.grid tr.filterrow th[b-b7mjns94ud] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.sb .tb.flt[b-b7mjns94ud] { height: 26px; width: 100%; min-width: 7rem; background: var(--uds-white); font-weight: 400; }
.sb table.grid td[b-b7mjns94ud] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; cursor: pointer; }
.sb table.grid td.c[b-b7mjns94ud], .sb table.grid th.c[b-b7mjns94ud] { text-align: center; }
.sb table.grid td.fn[b-b7mjns94ud] { max-width: 22rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sb table.grid td.mono[b-b7mjns94ud] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; white-space: nowrap; }
.sb table.grid tbody tr:hover td[b-b7mjns94ud] { background: #f6faff; }
.sb table.grid tbody tr.sel td[b-b7mjns94ud] { background: #dbe9fb; }
.docs .pager[b-b7mjns94ud] { display: flex; align-items: center; gap: 0.4rem; margin: 0.4rem 0; }
.docs .upload[b-b7mjns94ud] { margin-top: 0.5rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.docs .upload .hint[b-b7mjns94ud] { font-size: 0.74rem; }
.docs .upload .hint.warn[b-b7mjns94ud] { color: #b05a00; font-weight: 600; }
.docs .viewer[b-b7mjns94ud] { margin-top: 0.6rem; min-height: 24rem; border: 1px solid #b9bec7; background: var(--uds-white); }
.docs .viewer iframe[b-b7mjns94ud] { width: 100%; height: 36rem; border: 0; }
/* a wide grid scrolls on its own (the Collected Addresses / BOL List pattern) — never the whole page, so the menu stays put */
.scroll[b-b7mjns94ud] { overflow-x: auto; }
/* /Components/Pages/Admin/SeaBol/SeaBolList.razor.rz.scp.css */
/* CHG-153 — BOL List. Scoped (base block from CustomerList.razor.css); page-prefixed names (sb-…) keep clear of Bootstrap. Visible borders #b9bec7. */

.sb[b-e6kftt26f3] { font-size: 0.86rem; position: relative; }
.sb .notice[b-e6kftt26f3] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.sb .notice.error[b-e6kftt26f3] { border-left-color: var(--uds-red); }
.sb .muted[b-e6kftt26f3] { color: var(--uds-secondary); }
.sb .small[b-e6kftt26f3] { font-size: 0.76rem; }
.sb .padded[b-e6kftt26f3] { padding: 0.75rem 1rem; }
.sb .mono[b-e6kftt26f3] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; white-space: nowrap; }
.sb .dt[b-e6kftt26f3] { white-space: nowrap; }

.bar[b-e6kftt26f3] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-e6kftt26f3] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-e6kftt26f3] { flex: 1 1 auto; }

.sb .btn[b-e6kftt26f3] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.sb .btn:hover[b-e6kftt26f3] { background: var(--uds-grey-100); }
.sb .btn:disabled[b-e6kftt26f3] { opacity: 0.5; cursor: default; }
.sb .btn.mini[b-e6kftt26f3] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.sb .btn.primary[b-e6kftt26f3] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.sb .tb[b-e6kftt26f3] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 5.5rem; }
.sb .cb[b-e6kftt26f3] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }

.scroll[b-e6kftt26f3] { overflow-x: auto; }
.sb table.grid[b-e6kftt26f3] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.sb table.grid th[b-e6kftt26f3] { background: #3c8dbc; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.sb table.grid th.sortable[b-e6kftt26f3] { cursor: pointer; user-select: none; }
.sb table.grid tr.filterrow th[b-e6kftt26f3] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.sb table.grid td[b-e6kftt26f3] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.sb table.grid td.c[b-e6kftt26f3], .sb table.grid th.c[b-e6kftt26f3] { text-align: center; }
.sb table.grid tbody tr:hover td[b-e6kftt26f3] { background: #f6faff; }

.pager[b-e6kftt26f3] { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0; }
/* /Components/Pages/Admin/Users/ManageUsers.razor.rz.scp.css */
/* CHG-149 — Manage Users. Scoped; mu-… names keep clear of Bootstrap. Visible borders #b9bec7; the legacy grey panel #eaeaea. */

.mu[b-hsm9johb0c] { font-size: 0.86rem; position: relative; max-width: 110rem; }
.mu .notice[b-hsm9johb0c] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.mu .notice.error[b-hsm9johb0c] { border-left-color: var(--uds-red); }
.mu .muted[b-hsm9johb0c] { color: var(--uds-secondary); }
.mu .small[b-hsm9johb0c] { font-size: 0.76rem; }
.mu .padded[b-hsm9johb0c] { padding: 0.75rem 1rem; }
.mu .mono[b-hsm9johb0c] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }
.mu .nowrap[b-hsm9johb0c] { white-space: nowrap; }

/* toasts (RadNotification Notify) */
.mu-toasts[b-hsm9johb0c] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.mu-toast[b-hsm9johb0c] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.mu-toast-error[b-hsm9johb0c] { border-left-color: var(--uds-red); }
.mu-toast-info[b-hsm9johb0c] { border-left-color: #2779ce; }
.mu-toast-head[b-hsm9johb0c] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.mu-toast-head button[b-hsm9johb0c] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.mu-toast-body[b-hsm9johb0c] { padding: 0.55rem 0.75rem; }

/* buttons / inputs */
.mu .btn[b-hsm9johb0c] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: #f9f9f9; color: #555; font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.mu .btn:hover[b-hsm9johb0c] { background: var(--uds-grey-100); }
.mu .btn:disabled[b-hsm9johb0c] { opacity: 0.5; cursor: default; }
.mu .btn.mini[b-hsm9johb0c] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.mu .btn.primary[b-hsm9johb0c] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.mu .tb[b-hsm9johb0c] { height: 30px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.82rem; background: #f4f4f4; width: 60%; min-width: 9rem; }
.mu .tb.up[b-hsm9johb0c] { text-transform: uppercase; }
.mu .tb.ro[b-hsm9johb0c] { background: var(--uds-white); color: #333; }
.mu .tb.pw[b-hsm9johb0c] { width: 10rem; min-width: 10rem; }
.mu .cb[b-hsm9johb0c] { height: 30px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.82rem; background: var(--uds-white); width: 60%; min-width: 9rem; }
.mu .cb.flt[b-hsm9johb0c] { height: 26px; width: 100%; font-size: 0.78rem; font-weight: 400; }
.mu table.grid .tb[b-hsm9johb0c] { height: 26px; padding: 0 0.45rem; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 7rem; }
.mu .bar .cb[b-hsm9johb0c] { height: 26px; width: auto; min-width: 0; font-size: 0.78rem; }

/* the two panes */
.panes[b-hsm9johb0c] { display: flex; gap: 1rem; align-items: flex-start; flex-wrap: wrap; }
.pane.picker[b-hsm9johb0c] { flex: 0 1 38rem; min-width: 30rem; }
.pane.editor[b-hsm9johb0c] { flex: 1 1 32rem; min-width: 30rem; }

.bar[b-hsm9johb0c] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-hsm9johb0c] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-hsm9johb0c] { flex: 1 1 auto; }

.mu table.grid[b-hsm9johb0c] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.mu table.grid th[b-hsm9johb0c] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.mu table.grid th.sortable[b-hsm9johb0c] { cursor: pointer; user-select: none; }
.mu table.grid tr.filterrow th[b-hsm9johb0c] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.mu table.grid td[b-hsm9johb0c] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; cursor: pointer; }
.mu table.grid td.c[b-hsm9johb0c], .mu table.grid th.c[b-hsm9johb0c] { text-align: center; }
.mu table.grid tbody tr:hover td[b-hsm9johb0c] { background: #f6faff; }
.mu table.grid tbody tr.sel td[b-hsm9johb0c] { background: #dbe9fb; font-weight: 600; }
.mu table.grid tbody tr.off td[b-hsm9johb0c] { color: #8a8a8a; }

.pager[b-hsm9johb0c] { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0; }

/* editor header (the aspx d-flex row) */
.head[b-hsm9johb0c] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin: 0.2rem 0 0.5rem; }
.head .mode[b-hsm9johb0c] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); font-size: 0.9rem; }
.head .grow[b-hsm9johb0c] { flex: 1 1 auto; }

/* the grey panel (container-fluid #eaeaea) — label.form-labels 100px + control */
.panel[b-hsm9johb0c] { background: #eaeaea; border: 1px solid #b9bec7; padding: 0.6rem 0.75rem 0.75rem; }
.f[b-hsm9johb0c] { display: flex; align-items: center; gap: 0.4rem; margin: 0.3rem 0; }
.f > span[b-hsm9johb0c] { width: 100px; flex: 0 0 100px; color: #555; font-weight: 600; font-size: 0.8rem; }
.f > em[b-hsm9johb0c] { color: #777; font-style: normal; font-size: 0.76rem; white-space: nowrap; }
.f.bad > span[b-hsm9johb0c] { color: #b02a37; }
.f.bad .tb[b-hsm9johb0c], .f.bad .cb[b-hsm9johb0c] { border-color: #b02a37; box-shadow: 0 0 0 2px rgba(176,42,55,0.15); }
.formerr[b-hsm9johb0c] { margin: 0.5rem 0 0.2rem; padding: 0.45rem 0.7rem; background: #fde8ea; border-left: 3px solid #b02a37; color: #7a1f29; font-weight: 600; }
.note[b-hsm9johb0c] { margin-top: 0.6rem; line-height: 1.4; }
/* a wide grid scrolls on its own (the Collected Addresses / BOL List pattern) — never the whole page, so the menu stays put */
.scroll[b-hsm9johb0c] { overflow-x: auto; }
/* /Components/Pages/Admin/Users/UserPermissions.razor.rz.scp.css */
/* CHG-149 — User Permissions. Scoped; up-… names keep clear of Bootstrap. Visible borders #b9bec7; the legacy box header #3c8dbc. */

.up[b-79s1wv2aks] { font-size: 0.86rem; position: relative; max-width: 110rem; }
.up .notice[b-79s1wv2aks] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.up .notice.error[b-79s1wv2aks] { border-left-color: var(--uds-red); }
.up .muted[b-79s1wv2aks] { color: var(--uds-secondary); }
.up .small[b-79s1wv2aks] { font-size: 0.76rem; }
.up .padded[b-79s1wv2aks] { padding: 0.75rem 1rem; }
.up .mono[b-79s1wv2aks] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }
.up .nowrap[b-79s1wv2aks] { white-space: nowrap; }

/* toasts (RadNotification Notify) */
.up-toasts[b-79s1wv2aks] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.up-toast[b-79s1wv2aks] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.up-toast-error[b-79s1wv2aks] { border-left-color: var(--uds-red); }
.up-toast-info[b-79s1wv2aks] { border-left-color: #2779ce; }
.up-toast-head[b-79s1wv2aks] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.up-toast-head button[b-79s1wv2aks] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.up-toast-body[b-79s1wv2aks] { padding: 0.55rem 0.75rem; }

/* confirm */
.up-dim[b-79s1wv2aks] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.up-dialog[b-79s1wv2aks] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.up-dialog-head[b-79s1wv2aks] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.up-dialog-body[b-79s1wv2aks] { padding: 0.9rem; line-height: 1.45; }
.up-dialog-foot[b-79s1wv2aks] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

/* buttons / inputs */
.up .btn[b-79s1wv2aks] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.up .btn:hover[b-79s1wv2aks] { background: var(--uds-grey-100); }
.up .btn:disabled[b-79s1wv2aks] { opacity: 0.5; cursor: default; }
.up .btn.mini[b-79s1wv2aks] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.up .btn.primary[b-79s1wv2aks] { background: #3c8dbc; border-color: #3c8dbc; color: var(--uds-white); }
.up .tb[b-79s1wv2aks] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 7rem; }
.up .cb[b-79s1wv2aks] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }
.up .cb.flt[b-79s1wv2aks] { width: 100%; }

/* the two panes */
.panes[b-79s1wv2aks] { display: flex; gap: 1rem; align-items: flex-start; flex-wrap: wrap; }
.pane.picker[b-79s1wv2aks] { flex: 0 1 38rem; min-width: 30rem; }
.pane.perms[b-79s1wv2aks] { flex: 1 1 40rem; min-width: 30rem; }

.bar[b-79s1wv2aks] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-79s1wv2aks] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-79s1wv2aks] { flex: 1 1 auto; }

.up table.grid[b-79s1wv2aks] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.up table.grid th[b-79s1wv2aks] { background: #3c8dbc; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.up table.grid th.sortable[b-79s1wv2aks] { cursor: pointer; user-select: none; }
.up table.grid tr.filterrow th[b-79s1wv2aks] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.up table.grid td[b-79s1wv2aks] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; cursor: pointer; }
.up table.grid td.c[b-79s1wv2aks], .up table.grid th.c[b-79s1wv2aks] { text-align: center; }
.up table.grid tbody tr:hover td[b-79s1wv2aks] { background: #f6faff; }
.up table.grid tbody tr.sel td[b-79s1wv2aks] { background: #dbe9fb; font-weight: 600; }
.up table.grid tbody tr.off td[b-79s1wv2aks] { color: #8a8a8a; }

.pager[b-79s1wv2aks] { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0; }

/* the save bar (pnlSaveBar) + heading ("Permissions for: X") */
.savebar[b-79s1wv2aks] { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; margin: 0.2rem 0 0.6rem; padding: 0.5rem 0.75rem; background: var(--uds-grey-100); border: 1px solid #b9bec7; border-radius: 4px; }
.savebar .heading[b-79s1wv2aks] { flex: 1 1 18rem; display: flex; flex-direction: column; font-size: 15px; font-weight: bold; color: #3c8dbc; }
.savebar .heading .small[b-79s1wv2aks] { font-weight: 400; }
.savebar .tb.filter[b-79s1wv2aks] { width: 12rem; min-width: 10rem; }

/* category boxes (box box-primary) */
.boxes[b-79s1wv2aks] { display: flex; flex-direction: column; gap: 0.6rem; }
.box[b-79s1wv2aks] { border: 1px solid #b9bec7; border-top: 3px solid #3c8dbc; border-radius: 3px; background: var(--uds-white); }
.box-head[b-79s1wv2aks] { display: flex; align-items: center; justify-content: space-between; background: #3c8dbc; color: #fff; padding: 0.3rem 0.75rem; }
.box-head h3[b-79s1wv2aks] { margin: 0; font-size: 0.9rem; font-weight: 600; color: #fff; font-family: "Roboto Condensed", var(--uds-font-body); }
.box-head .cnt[b-79s1wv2aks] { font-weight: 400; font-size: 0.76rem; opacity: 0.85; margin-left: 0.4rem; }
.allnone[b-79s1wv2aks] { display: inline-flex; border: 1px solid rgba(255,255,255,0.6); border-radius: 3px; overflow: hidden; }
.allnone button[b-79s1wv2aks] { border: 0; border-right: 1px solid rgba(255,255,255,0.6); background: transparent; color: #fff; font: inherit; font-size: 0.74rem; font-weight: 600; padding: 0.1rem 0.6rem; cursor: pointer; }
.allnone button:last-child[b-79s1wv2aks] { border-right: 0; }
.allnone button:hover[b-79s1wv2aks] { background: rgba(255,255,255,0.18); }
.allnone button:disabled[b-79s1wv2aks] { opacity: 0.5; cursor: default; }
.box-body[b-79s1wv2aks] { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: 0.1rem 0.5rem; padding: 0.4rem 0.75rem 0.5rem; }
.perm[b-79s1wv2aks] { display: flex; align-items: center; gap: 0.4rem; padding: 0.2rem 0.3rem; border-radius: 3px; cursor: pointer; color: #333; }
.perm:hover[b-79s1wv2aks] { background: #f6faff; }
.perm input[b-79s1wv2aks] { margin: 0; }
.perm .nm[b-79s1wv2aks] { flex: 1 1 auto; }
.perm.chg[b-79s1wv2aks] { background: #fff6d6; }
.perm.norow .nm[b-79s1wv2aks] { color: #6b6b6b; }
.perm .hint[b-79s1wv2aks] { font-size: 0.66rem; color: #9a9a9a; border: 1px dashed #c9c9c9; border-radius: 3px; padding: 0 0.3rem; white-space: nowrap; }
/* a wide grid scrolls on its own (the Collected Addresses / BOL List pattern) — never the whole page, so the menu stays put */
.scroll[b-79s1wv2aks] { overflow-x: auto; }
/* /Components/Pages/Announcements/Announcements.razor.rz.scp.css */
/* CHG-137 — Announcements page. Scoped; page-prefixed names (an-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.an[b-09d2vefnru] { font-size: 0.86rem; position: relative; }
.an .notice[b-09d2vefnru] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.an .notice.error[b-09d2vefnru] { border-left-color: var(--uds-red); }
.an .muted[b-09d2vefnru] { color: var(--uds-secondary); }
.an .small[b-09d2vefnru] { font-size: 0.76rem; }
.an .padded[b-09d2vefnru] { padding: 0.75rem 1rem; }
.an .err[b-09d2vefnru] { color: var(--uds-red); font-weight: 600; }
.an[b-09d2vefnru]  .miss { color: #a02020; font-weight: 700; }
.an .hint[b-09d2vefnru] { margin: 0.3rem 0 0 130px; }

/* toasts — bottom-right, stacked upwards above the AI Assistant button (the Core convention) */
.an-toasts[b-09d2vefnru] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.an-toast[b-09d2vefnru] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.an-toast-error[b-09d2vefnru] { border-left-color: var(--uds-red); }
.an-toast-warning[b-09d2vefnru] { border-left-color: #e0a800; }
.an-toast-info[b-09d2vefnru] { border-left-color: #2779ce; }
.an-toast-success[b-09d2vefnru] { border-left-color: #2e7d32; }
.an-toast-head[b-09d2vefnru] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.an-toast-head button[b-09d2vefnru] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.an-toast-body[b-09d2vefnru] { padding: 0.55rem 0.75rem; }

/* dialogs (radconfirm / the Bootstrap modals) */
.an-dim[b-09d2vefnru] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.an-dialog[b-09d2vefnru] { position: fixed; z-index: 71; left: 50%; top: 20%; transform: translateX(-50%); width: 30rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.an-dialog.an-progress[b-09d2vefnru] { width: 32rem; }
.an-dialog.preview[b-09d2vefnru] { width: 52rem; top: 6%; }
.an-dialog-head[b-09d2vefnru] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; display: flex; justify-content: space-between; align-items: center; }
.an-dialog-head .x[b-09d2vefnru] { border: 0; background: transparent; color: #fff; font-size: 1.2rem; cursor: pointer; }
.an-dialog-body[b-09d2vefnru] { padding: 0.9rem; line-height: 1.45; }
.an-dialog-body.nopad[b-09d2vefnru] { padding: 0; background: #f5f5f5; }
.an-dialog-body.c[b-09d2vefnru] { text-align: center; }
.an-dialog-foot[b-09d2vefnru] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }
.an-dialog-foot.c[b-09d2vefnru] { justify-content: center; }
.an-dialog .plane[b-09d2vefnru] { font-size: 2rem; color: #3c8dbc; margin-bottom: 0.6rem; }
.an-dialog .big[b-09d2vefnru] { font-size: 1.05rem; margin-bottom: 0.4rem; }
.an-dialog .bar[b-09d2vefnru] { background: #eee; border-radius: 6px; overflow: hidden; height: 18px; margin: 0.6rem 1.8rem; }
.an-dialog .fill[b-09d2vefnru] { background: #3c8dbc; color: #fff; height: 18px; line-height: 18px; font-size: 11px; transition: width 0.4s; min-width: 2rem; }
.an-dialog .state[b-09d2vefnru] { color: #3c8dbc; margin: 0.6rem 0; min-height: 1.2rem; }
.an-dialog .muted.small[b-09d2vefnru] { margin-top: 0.8rem; color: #999; }
.an iframe.mail[b-09d2vefnru] { width: 100%; height: 70vh; border: 0; background: #f5f5f5; display: block; }

/* tabs (RadTabStrip) */
.tabs[b-09d2vefnru] { display: flex; gap: 0.25rem; margin-bottom: 0.6rem; border-bottom: 2px solid #b9bec7; }
.tab[b-09d2vefnru] { background: var(--uds-white); border: 1px solid #b9bec7; border-bottom: none; border-radius: 6px 6px 0 0; padding: 0.45rem 1rem; font: inherit; font-size: 0.86rem; color: var(--uds-secondary); cursor: pointer; }
.tab.on[b-09d2vefnru] { color: var(--uds-ink); font-weight: 600; border-bottom: 2px solid var(--uds-red); margin-bottom: -2px; background: var(--uds-grey-100); }

/* buttons + inputs */
.an .btn[b-09d2vefnru] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; text-decoration: none; }
.an .btn:hover[b-09d2vefnru] { background: var(--uds-grey-100); }
.an .btn:disabled[b-09d2vefnru], .an .btn.disabled[b-09d2vefnru] { opacity: 0.5; cursor: default; }
.an .btn-primary[b-09d2vefnru] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.an .btn-primary:hover[b-09d2vefnru] { background: #1f3b6e; }
.an .btn.send[b-09d2vefnru] { padding-left: 1.4rem; padding-right: 1.4rem; }
.an .btn.mini[b-09d2vefnru] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.an .btn.danger[b-09d2vefnru], .an .btn.del[b-09d2vefnru] { color: #b02a37; border-color: #e0a1a8; background: #fff5f5; }
.an .btn.danger:hover[b-09d2vefnru], .an .btn.del:hover[b-09d2vefnru] { background: #ffe3e6; }
.an .btn.amber[b-09d2vefnru] { color: #8a6d00; border-color: #e3cf7a; background: #fff8e1; }
.an .btn.amber:hover[b-09d2vefnru] { background: #fff0c2; }
.an .ib[b-09d2vefnru] { border: 0; background: transparent; color: #555; cursor: pointer; font: inherit; font-size: 1rem; }
.an .tb[b-09d2vefnru] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; }
.an .tb.ro[b-09d2vefnru], .an .tb:read-only[b-09d2vefnru] { background: #eeeeee; color: #555; }
.an textarea.tb[b-09d2vefnru] { height: auto; padding: 0.4rem 0.5rem; resize: vertical; line-height: 1.35; }
.an .cb[b-09d2vefnru] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; }

/* layout */
.split[b-09d2vefnru] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.6rem; }
@media (min-width: 1200px) { .split[b-09d2vefnru] { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
.panel[b-09d2vefnru] { border: 1px solid #b9bec7; border-radius: 6px; padding: 0.6rem 0.75rem; background: var(--uds-white); min-width: 0; }
.panel.campaign[b-09d2vefnru] { background: #d4e7ff; }
.fr[b-09d2vefnru] { display: flex; align-items: center; gap: 0.45rem; margin: 0.3rem 0; }
.fr.top[b-09d2vefnru] { align-items: flex-start; }
.fr .lbl[b-09d2vefnru] { flex: 0 0 125px; font-size: 0.78rem; font-weight: 600; color: #555; }
.fr .tb[b-09d2vefnru], .fr .cb[b-09d2vefnru] { flex: 1 1 auto; }
.fr[b-09d2vefnru]  .ta { flex: 1 1 auto; min-width: 0; }
.fr .count[b-09d2vefnru] { color: #3c8dbc; font-weight: 600; margin-left: 0.5rem; }
.pickers[b-09d2vefnru] { display: flex; flex-wrap: wrap; gap: 0.6rem 1rem; align-items: flex-end; margin-bottom: 0.5rem; }
.fld[b-09d2vefnru] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: #555; flex: 1 1 240px; min-width: 0; }
.fld.list[b-09d2vefnru] { flex: 1 1 100%; }
.fld .row[b-09d2vefnru] { display: flex; gap: 0.5rem; align-items: center; }
.fld .row .cb[b-09d2vefnru] { flex: 1 1 auto; max-width: 28rem; }
.fld[b-09d2vefnru]  .ta { width: 100%; }
.toolbar[b-09d2vefnru] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.5rem; }

.bar[b-09d2vefnru] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-09d2vefnru] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-09d2vefnru] { flex: 1 1 auto; }
.pager[b-09d2vefnru] { display: inline-flex; align-items: center; gap: 0.3rem; }
.pager span[b-09d2vefnru] { padding: 0 0.4rem; color: var(--uds-secondary); }

/* grids */
.grid-wrap[b-09d2vefnru] { overflow-x: auto; }
.an table.grid[b-09d2vefnru] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.an table.grid th[b-09d2vefnru] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.an table.grid tr.filterrow th[b-09d2vefnru] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.an table.grid tr.filterrow th .tb[b-09d2vefnru], .an table.grid tr.filterrow th .cb[b-09d2vefnru] { width: 100%; min-width: 5rem; height: 26px; font-size: 0.78rem; font-weight: 400; }
.an table.grid td[b-09d2vefnru] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.an table.grid td.c[b-09d2vefnru], .an table.grid th.c[b-09d2vefnru] { text-align: center; }
.an table.grid td.r[b-09d2vefnru], .an table.grid th.r[b-09d2vefnru] { text-align: right; }
.an table.grid td.nowrap[b-09d2vefnru] { white-space: nowrap; }
.an table.grid td.acts[b-09d2vefnru] { text-align: center; white-space: nowrap; }
.an table.grid td.acts .btn[b-09d2vefnru] { margin: 0 0.1rem; }
.an table.grid tbody tr:hover td[b-09d2vefnru] { background: #f6faff; }
.an table.grid tbody tr.missing td[b-09d2vefnru] { background: #fdecec; }
.an table.grid.small-grid[b-09d2vefnru] { margin-top: 0.4rem; max-width: 40rem; }
.an table.grid td.st[b-09d2vefnru] { font-weight: 700; }
.an table.grid td.st.amber[b-09d2vefnru] { color: #ff8c00; }
.an table.grid td.st.blue[b-09d2vefnru] { color: #3c8dbc; }
.an table.grid td.st.green[b-09d2vefnru], .an table.grid td.en.green[b-09d2vefnru] { color: #2e7d32; }
.an table.grid td.st.red[b-09d2vefnru], .an table.grid td.en.red[b-09d2vefnru] { color: #c62828; font-weight: 700; }
.an table.grid tr.disabled-row td[b-09d2vefnru] { color: #777; }
.an .badge-test[b-09d2vefnru] { background: #6c5ce7; color: #fff; padding: 1px 5px; border-radius: 3px; font-size: 10px; margin-right: 5px; }
.an tr.nested td[b-09d2vefnru] { background: #fafafa; padding: 0.6rem 1rem; }
.an .meta[b-09d2vefnru] { font-size: 0.78rem; color: #666; padding-bottom: 0.4rem; border-bottom: 1px solid #ddd; margin-bottom: 0.5rem; }
.an tr.nested iframe.mail[b-09d2vefnru] { height: 36rem; background: #fff; border: 1px solid #eaeaea; }

/* compose */
.compose[b-09d2vefnru] { border: 1px solid #b9bec7; border-radius: 6px; padding: 0.8rem 1rem; background: var(--uds-white); max-width: 72rem; }
.compose .editor[b-09d2vefnru] { flex: 1 1 auto; min-width: 0; }
.compose .editor[b-09d2vefnru]  .rt-body { min-height: 22rem; }
.compose .attach[b-09d2vefnru] { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 0.3rem; }
.compose .attach .row[b-09d2vefnru] { display: flex; gap: 0.6rem; align-items: center; flex-wrap: wrap; }
.compose .actions[b-09d2vefnru] { display: flex; flex-wrap: wrap; gap: 0.6rem; justify-content: space-between; margin-top: 1.2rem; padding-top: 0.8rem; border-top: 1px solid #e3e6ea; }
/* /Components/Pages/Announcements/MailingLists.razor.rz.scp.css */
/* CHG-138 — Mailing Lists page. Scoped; page-prefixed names (ml-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.ml[b-6zb7u8ujne] { font-size: 0.86rem; position: relative; }
.ml .notice[b-6zb7u8ujne] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.ml .notice.error[b-6zb7u8ujne] { border-left-color: var(--uds-red); }
.ml .muted[b-6zb7u8ujne] { color: var(--uds-secondary); }
.ml .small[b-6zb7u8ujne] { font-size: 0.76rem; }
.ml .padded[b-6zb7u8ujne] { padding: 0.75rem 1rem; }
.ml[b-6zb7u8ujne]  .ok { color: #2e7d32; }

.ml-toasts[b-6zb7u8ujne] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.ml-toast[b-6zb7u8ujne] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.ml-toast-error[b-6zb7u8ujne] { border-left-color: var(--uds-red); }
.ml-toast-warning[b-6zb7u8ujne] { border-left-color: #e0a800; }
.ml-toast-info[b-6zb7u8ujne] { border-left-color: #2779ce; }
.ml-toast-success[b-6zb7u8ujne] { border-left-color: #2e7d32; }
.ml-toast-head[b-6zb7u8ujne] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.ml-toast-head button[b-6zb7u8ujne] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.ml-toast-body[b-6zb7u8ujne] { padding: 0.55rem 0.75rem; }

.ml-dim[b-6zb7u8ujne] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.ml-dialog[b-6zb7u8ujne] { position: fixed; z-index: 71; left: 50%; top: 22%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.ml-dialog-head[b-6zb7u8ujne] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.ml-dialog-body[b-6zb7u8ujne] { padding: 0.9rem; line-height: 1.45; }
.ml-dialog-foot[b-6zb7u8ujne] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

.ml .btn[b-6zb7u8ujne] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; }
.ml .btn:hover[b-6zb7u8ujne] { background: var(--uds-grey-100); }
.ml .btn:disabled[b-6zb7u8ujne], .ml .btn.disabled[b-6zb7u8ujne] { opacity: 0.5; cursor: default; }
.ml .btn-primary[b-6zb7u8ujne] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.ml .btn.mini[b-6zb7u8ujne] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.ml .btn.danger[b-6zb7u8ujne], .ml .btn.del[b-6zb7u8ujne] { color: #b02a37; border-color: #e0a1a8; background: #fff5f5; }
.ml .btn.danger:hover[b-6zb7u8ujne], .ml .btn.del:hover[b-6zb7u8ujne] { background: #ffe3e6; }
.ml .tb[b-6zb7u8ujne] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; }
.ml textarea.tb[b-6zb7u8ujne] { height: auto; padding: 0.4rem 0.5rem; resize: vertical; line-height: 1.35; }

.split[b-6zb7u8ujne] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.6rem; }
@media (min-width: 1200px) { .split[b-6zb7u8ujne] { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
.panel[b-6zb7u8ujne] { border: 1px solid #b9bec7; border-radius: 6px; padding: 0.6rem 0.75rem; background: var(--uds-white); min-width: 0; }
.panel.lists[b-6zb7u8ujne] { background: #d4e7ff; }
.cap[b-6zb7u8ujne] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); font-size: 0.95rem; margin-bottom: 0.5rem; }
.cap.small[b-6zb7u8ujne] { font-size: 0.85rem; margin-bottom: 0.3rem; }
.cap .selname[b-6zb7u8ujne] { color: #3c8dbc; }
.fr[b-6zb7u8ujne] { display: flex; align-items: center; gap: 0.45rem; margin: 0.3rem 0; }
.fr.top[b-6zb7u8ujne] { align-items: flex-start; }
.fr .lbl[b-6zb7u8ujne] { flex: 0 0 110px; font-size: 0.78rem; font-weight: 600; color: #555; }
.fr .tb[b-6zb7u8ujne] { flex: 1 1 auto; }
.addrow[b-6zb7u8ujne] { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: flex-end; margin-bottom: 0.5rem; }
.fld[b-6zb7u8ujne] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: #555; }
.fld .tb[b-6zb7u8ujne] { width: 15rem; max-width: 100%; }
.toolbar[b-6zb7u8ujne] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin: 0.4rem 0; }
.toolbar .grow[b-6zb7u8ujne] { flex: 1 1 auto; }
.pager[b-6zb7u8ujne] { display: inline-flex; align-items: center; gap: 0.3rem; }
.pager span[b-6zb7u8ujne] { padding: 0 0.4rem; color: var(--uds-secondary); }

.grid-wrap[b-6zb7u8ujne] { overflow-x: auto; }
.ml table.grid[b-6zb7u8ujne] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); margin-top: 0.5rem; }
.ml table.grid th[b-6zb7u8ujne] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.ml table.grid tr.filterrow th[b-6zb7u8ujne] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.ml table.grid tr.filterrow th .tb[b-6zb7u8ujne] { width: 100%; min-width: 5rem; height: 26px; font-size: 0.78rem; font-weight: 400; }
.ml table.grid td[b-6zb7u8ujne] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.ml table.grid td.c[b-6zb7u8ujne], .ml table.grid th.c[b-6zb7u8ujne] { text-align: center; }
.ml table.grid td.r[b-6zb7u8ujne], .ml table.grid th.r[b-6zb7u8ujne] { text-align: right; }
.ml table.grid td.acts[b-6zb7u8ujne] { white-space: nowrap; }
.ml table.grid td.acts .btn[b-6zb7u8ujne] { margin: 0 0.1rem; }
.ml table.grid tbody tr:hover td[b-6zb7u8ujne] { background: #f6faff; }
.ml table.grid tbody tr.sel td[b-6zb7u8ujne] { background: #fff4d6; }
.ml table.grid td.unsub[b-6zb7u8ujne] { color: #a02020; font-weight: 600; }
.ml table.grid tr.skip td[b-6zb7u8ujne] { color: #888; }
.ml table.grid td.st[b-6zb7u8ujne] { font-weight: 600; }
.ml table.grid td.st.ok[b-6zb7u8ujne] { color: #2e7d32; }

.import[b-6zb7u8ujne] { margin-top: 1rem; padding: 0.75rem; background: #f7f7f7; border: 1px solid #b9bec7; border-radius: 4px; }
.importrow[b-6zb7u8ujne] { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-top: 0.5rem; }
.importrow .fname[b-6zb7u8ujne] { color: var(--uds-secondary); max-width: 18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.importrow .mode[b-6zb7u8ujne] { display: inline-flex; gap: 0.8rem; align-items: center; }
.importrow .mode label[b-6zb7u8ujne] { display: inline-flex; gap: 0.25rem; align-items: center; cursor: pointer; }
.importrow .lblx[b-6zb7u8ujne] { font-size: 0.78rem; font-weight: 600; color: #555; }
.preview[b-6zb7u8ujne] { margin-top: 0.75rem; }
/* /Components/Pages/Announcements/SendLog.razor.rz.scp.css */
/* CHG-137 — the printable send log (announcement_log.aspx's print-friendly CSS carried over). */

.lg[b-dchug1njck] { font-size: 0.86rem; max-width: 80rem; }
.lg .notice[b-dchug1njck] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.lg .notice.error[b-dchug1njck] { border-left-color: var(--uds-red); }
.lg h1[b-dchug1njck] { font-size: 1.25rem; color: #3c8dbc; margin: 0.4rem 0 0.4rem; }
.lg .toolbar[b-dchug1njck] { display: flex; gap: 0.5rem; align-items: center; margin-bottom: 0.6rem; flex-wrap: wrap; }
.lg .btn[b-dchug1njck] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.lg .btn:hover[b-dchug1njck] { background: var(--uds-grey-100); }
.lg .btn:disabled[b-dchug1njck] { opacity: 0.5; cursor: default; }
.lg .live[b-dchug1njck] { padding: 0.4rem 0.8rem; background: #eef5fb; border: 1px solid #3c8dbc; border-radius: 4px; color: #3c8dbc; font-weight: 700; }
.lg .meta[b-dchug1njck] { border: 1px solid #ddd; background: #f9f9f9; padding: 0.6rem 0.9rem; border-radius: 4px; margin-bottom: 0.9rem; }
.lg .meta div[b-dchug1njck] { margin: 0.15rem 0; }
.lg .meta strong[b-dchug1njck] { display: inline-block; min-width: 110px; color: #555; }
.lg .summary[b-dchug1njck] { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-bottom: 0.9rem; }
.lg .pill[b-dchug1njck] { padding: 0.4rem 0.8rem; border-radius: 4px; font-weight: 700; border: 1px solid #ddd; }
.lg .pill.total[b-dchug1njck] { background: #eef5fb; border-color: #3c8dbc; color: #3c8dbc; }
.lg .pill.sent[b-dchug1njck] { background: #e6f6e6; border-color: #2c8a2c; color: #2c8a2c; }
.lg .pill.failed[b-dchug1njck] { background: #fdecec; border-color: #a02020; color: #a02020; }
.lg .pill.unsub[b-dchug1njck] { background: #f4f0e3; border-color: #a67d00; color: #a67d00; }
.lg .pill.skipped[b-dchug1njck] { background: #efefef; border-color: #777; color: #555; }
.lg table.recipients[b-dchug1njck] { width: 100%; border-collapse: collapse; margin-top: 0.4rem; font-size: 0.78rem; background: #fff; }
.lg table.recipients th[b-dchug1njck] { background: #3c8dbc; color: #fff; padding: 0.45rem 0.6rem; text-align: left; border: 1px solid #2d6f95; white-space: nowrap; }
.lg table.recipients td[b-dchug1njck] { border: 1px solid #ddd; padding: 0.3rem 0.6rem; vertical-align: top; }
.lg table.recipients tr:nth-child(even) td[b-dchug1njck] { background: #fafafa; }
.lg td.nowrap[b-dchug1njck] { white-space: nowrap; }
.lg td.errtext[b-dchug1njck] { max-width: 24rem; word-break: break-word; color: #a02020; }
.lg .outcome-SENT[b-dchug1njck] { color: #2c8a2c; font-weight: 700; }
.lg .outcome-FAILED[b-dchug1njck] { color: #a02020; font-weight: 700; }
.lg .outcome-UNSUBSCRIBED[b-dchug1njck] { color: #a67d00; font-weight: 700; }
.lg .outcome-SKIPPED_NO_EMAIL[b-dchug1njck], .lg .outcome-SKIPPED_BAD_EMAIL[b-dchug1njck] { color: #555; font-weight: 700; }
@media print {
    .lg .toolbar[b-dchug1njck] { display: none; }
    .lg table.recipients[b-dchug1njck] { font-size: 11px; }
}
/* /Components/Pages/Bookings/Bookings.razor.rz.scp.css */
/* CHG-128 — Bookings page. One stylesheet for the page and its child components: Blazor scoped CSS does not
   cross component boundaries, so every rule that must reach a child is written with ::deep (the children
   render inside this page's .bk root). Visible borders (#b9bec7), never grey-200 (Farrukh's rule). */

.bk[b-hb5arcd9b5] { font-size: 0.86rem; position: relative; }
.bk[b-hb5arcd9b5]  .notice { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.bk[b-hb5arcd9b5]  .notice.error { border-left-color: var(--uds-red); }
.bk[b-hb5arcd9b5]  .muted { color: var(--uds-secondary); }
.bk[b-hb5arcd9b5]  .padded { padding: 0.75rem 1rem; }
.bk[b-hb5arcd9b5]  .right { text-align: right; }

/* ── toasts (RadNotification) ── */
/* bottom-right, as the legacy RadNotification (staff habit), stacked upwards above the AI Assistant button; covers no controls */
.bk-toasts[b-hb5arcd9b5] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.bk-toast[b-hb5arcd9b5] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.bk-toast-error[b-hb5arcd9b5] { border-left-color: var(--uds-red); }
.bk-toast-warning[b-hb5arcd9b5] { border-left-color: #e0a800; }
.bk-toast-info[b-hb5arcd9b5] { border-left-color: #2779ce; }
.bk-toast-head[b-hb5arcd9b5] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.bk-toast-head button[b-hb5arcd9b5] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.bk-toast-body[b-hb5arcd9b5] { padding: 0.55rem 0.75rem; }

/* ── tabs (RadTabStrip1) + sub-tabs (RadTabStrip2) ── */
.tabs[b-hb5arcd9b5] { display: flex; gap: 0.25rem; margin-bottom: 0.6rem; border-bottom: 2px solid #b9bec7; }
.tab[b-hb5arcd9b5] { background: var(--uds-white); border: 1px solid #b9bec7; border-bottom: none; border-radius: 6px 6px 0 0; padding: 0.45rem 1rem; font: inherit; font-size: 0.86rem; color: var(--uds-secondary); cursor: pointer; }
.tab.on[b-hb5arcd9b5] { color: var(--uds-ink); font-weight: 600; border-bottom: 2px solid var(--uds-red); margin-bottom: -2px; background: var(--uds-grey-100); }
.bk[b-hb5arcd9b5]  .subtabs { display: flex; gap: 0.2rem; border-bottom: 1px solid #b9bec7; margin-bottom: 0.5rem; }
.bk[b-hb5arcd9b5]  .subtabs button { border: 1px solid #b9bec7; border-bottom: none; background: var(--uds-white); border-radius: 5px 5px 0 0; padding: 0.3rem 0.8rem; font: inherit; font-size: 0.8rem; color: var(--uds-secondary); cursor: pointer; }
.bk[b-hb5arcd9b5]  .subtabs button.on { background: var(--uds-navy); color: var(--uds-white); font-weight: 600; }
.bk[b-hb5arcd9b5]  .hidden { display: none !important; }

/* ── command bar (the blue bar, aspx:729) ── */
.cmdbar[b-hb5arcd9b5] { display: flex; gap: 0.35rem; background: #2779ce; padding: 0.3rem; border-radius: 6px 6px 0 0; }
.cmd[b-hb5arcd9b5] { flex: 1 1 0; height: 40px; border: 1px solid #b9bec7; border-radius: 4px; background: #D7E5F4; color: #555; font: inherit; font-size: 0.86rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 0.4rem; }
.cmd:disabled[b-hb5arcd9b5] { opacity: 0.45; cursor: default; }
.cmd .ico[b-hb5arcd9b5] { font-size: 1rem; }

/* ── search row + flags (aspx:775) ── */
.searchrow[b-hb5arcd9b5] { display: flex; align-items: center; gap: 1rem; background: #d4e7ff; border: 1px solid #b9bec7; padding: 0.4rem 0.75rem; flex-wrap: wrap; }
.searchrow .create[b-hb5arcd9b5] { width: 80px; padding-left: 12px; font-weight: 600; color: #555; }
.searchbox[b-hb5arcd9b5] { display: flex; gap: 0.5rem; align-items: center; margin-right: auto; }
.search[b-hb5arcd9b5] { width: 190px; height: 30px; padding: 0 0.5rem; border: 1px solid #b9bec7; border-radius: 4px; background: #dbfdee; text-transform: uppercase; font: inherit; font-size: 0.95rem; letter-spacing: 1px; }
.newbtn[b-hb5arcd9b5] { background: #f9f9f9; color: #555; }
.flags[b-hb5arcd9b5] { display: flex; align-items: center; gap: 0.3rem; }
.flaglbl[b-hb5arcd9b5] { color: #aaa; margin-right: 0.3rem; }
.flag[b-hb5arcd9b5] { width: 30px; height: 30px; border: 0; background: transparent; font-size: 1.05rem; opacity: 0; cursor: default; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
.flag.on[b-hb5arcd9b5] { opacity: 1; cursor: pointer; }

/* ── confirm (inline, Core convention) ── */
.confirm-panel[b-hb5arcd9b5] { margin: 0.6rem 0; background: #fdf3f3; border: 1px solid var(--uds-red); border-left-width: 4px; border-radius: 8px; padding: 0.9rem 1.1rem; max-width: 40rem; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.confirm-panel h3[b-hb5arcd9b5] { margin: 0 0 0.4rem; font-family: var(--uds-font-head); font-size: 1rem; color: var(--uds-navy); }
.confirm-panel p[b-hb5arcd9b5] { margin: 0 0 0.6rem; }
.confirm-actions[b-hb5arcd9b5] { display: flex; justify-content: flex-end; gap: 0.6rem; }

/* ── buttons ── */
.bk[b-hb5arcd9b5]  .btn { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.bk[b-hb5arcd9b5]  .btn:hover { background: var(--uds-grey-100); }
.bk[b-hb5arcd9b5]  .btn-primary { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.bk[b-hb5arcd9b5]  .btn-quiet { background: transparent; }
.bk[b-hb5arcd9b5]  .btn-link { border: 0; background: transparent; padding: 0.1rem 0.3rem; color: #2779ce; }
.bk[b-hb5arcd9b5]  .btn.mini { padding: 0.2rem 0.45rem; margin-left: 4px; }
.bk[b-hb5arcd9b5]  .btn.warn { background: #ffc107; border-color: #d39e00; color: #212121; margin-left: 0.75rem; }
.bk[b-hb5arcd9b5]  .ib { border: 0; background: transparent; color: #757575; cursor: pointer; font: inherit; font-size: 0.95rem; padding: 0.1rem 0.35rem; }
.bk[b-hb5arcd9b5]  .ib:hover { color: var(--uds-navy); }
.bk[b-hb5arcd9b5]  .ib.add { color: #2779ce; font-weight: 700; font-size: 1.1rem; }
.bk[b-hb5arcd9b5]  .ib.del { background: #ececec; border-radius: 3px; padding: 0.15rem 0.5rem; font-size: 0.8rem; }

/* ── the form (editPanel) ── */
.bk[b-hb5arcd9b5]  .editpanel { border: 1px solid #b9bec7; border-top: 0; padding: 0.5rem; background: var(--uds-white); }
.bk[b-hb5arcd9b5]  .editpanel.uds-noclick { pointer-events: none; }
.bk[b-hb5arcd9b5]  .editpanel.uds-noclick .tb, .bk[b-hb5arcd9b5]  .editpanel.uds-noclick .cb { background: #f7f7f7; }
.bk[b-hb5arcd9b5]  .uds-clickable { pointer-events: auto; }
.bk[b-hb5arcd9b5]  .uds-noclick { pointer-events: none; }
.bk[b-hb5arcd9b5]  .border-red { outline: 2px dotted red; }
.bk[b-hb5arcd9b5]  .border-draft { outline: 2px dotted #0a6ab5; }
.bk[b-hb5arcd9b5]  .border-draft-save { outline: 2px dotted #0034FF; }
.bk[b-hb5arcd9b5]  .border-transfer { outline: 2px dotted #baaf3b; }

/* header panels 1-4: 2+2 below ~1200px, four across above */
/* header panels: one column when narrow, 2+2 on a laptop, four across on a wide screen (never 3+1) */
.bk[b-hb5arcd9b5]  .hdr { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.4rem; margin-bottom: 0.4rem; }
@media (min-width: 1000px) { .bk[b-hb5arcd9b5]  .hdr { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1500px) { .bk[b-hb5arcd9b5]  .hdr { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.bk[b-hb5arcd9b5]  .panel { border: 1px solid #b9bec7; border-radius: 4px; padding: 0.35rem 0.5rem; background: var(--uds-white); }
.bk[b-hb5arcd9b5]  .fr { display: flex; align-items: center; gap: 0.35rem; margin: 0.12rem 0; }
.bk[b-hb5arcd9b5]  .fr.two .lbl.short { min-width: 40px; margin-left: 0.5rem; }
.bk[b-hb5arcd9b5]  .lbl { min-width: 103px; max-width: 103px; font-size: 0.78rem; font-weight: 600; color: #555; }
.bk[b-hb5arcd9b5]  .lbl.billto { display: flex; align-items: center; gap: 0.3rem; }
.bk[b-hb5arcd9b5]  .tb { flex: 1 1 auto; min-width: 0; height: 25px; padding: 0 0.4rem; border: 1px solid #b9bec7; border-radius: 3px; font-family: "Source Code Pro", Consolas, monospace; font-size: 0.78rem; background: var(--uds-white); }
.bk[b-hb5arcd9b5]  .tb.hawb { flex: 1 1 60px; font-size: 0.95rem; height: 30px; background: #f4f4f4; }
.bk[b-hb5arcd9b5]  .panel { min-width: 0; }
.bk[b-hb5arcd9b5]  .tb.up { text-transform: uppercase; }
.bk[b-hb5arcd9b5]  .tb.lo { text-transform: lowercase; }
.bk[b-hb5arcd9b5]  .tb.ro, .bk[b-hb5arcd9b5]  .tb:read-only { background: #eeeeee; color: #555; }
.bk[b-hb5arcd9b5]  .tb.misty { background: mistyrose; }
.bk[b-hb5arcd9b5]  .tb.google { background: #f6faff; border: none; color: #777; font-family: "Roboto Condensed", var(--uds-font-body); font-size: 11px; padding-left: 10px; }
.bk[b-hb5arcd9b5]  .tb.ref-bad { border-color: #d9534f; }
.bk[b-hb5arcd9b5]  .ref-warn { color: #d9534f; font-size: 10px; padding-left: 103px; }
.bk[b-hb5arcd9b5]  .cb { flex: 1 1 auto; min-width: 0; height: 25px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 3px; font: inherit; font-size: 0.78rem; background: var(--uds-white); }
.bk[b-hb5arcd9b5]  .cb:disabled { background: #eeeeee; color: #777; }
.bk[b-hb5arcd9b5]  .toggle { display: inline-flex; flex: none; border: 1px solid #b9bec7; border-radius: 4px; overflow: hidden; }
.bk[b-hb5arcd9b5]  .toggle button { border: 0; background: var(--uds-white); padding: 0.15rem 0.45rem; font: inherit; font-size: 0.9rem; line-height: 1.2; cursor: pointer; color: var(--uds-navy); }
.bk[b-hb5arcd9b5]  .toggle button.on { background: var(--uds-navy); color: var(--uds-white); }
.bk[b-hb5arcd9b5]  .cash { margin: 0; }

/* body: left (parties + strips + grids) | totals column 360px #eff7fd */
/* the totals column (360px, as the legacy page) sits beside the left column while both fit, and WRAPS below it when not */
.bk[b-hb5arcd9b5]  .body { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: flex-start; }
.bk[b-hb5arcd9b5]  .left { flex: 1 1 560px; min-width: 0; border: 1px solid #b9bec7; border-radius: 4px; padding: 0.4rem; }   /* 620 → 560 with the totals panel's 360 → 420 (below): the panel still sits BESIDE the form from the same page width (a 1366px laptop with the menu open) */
.bk[b-hb5arcd9b5]  .totals { flex: 1 0 360px; max-width: 100%; background: #eff7fd; border: 1px solid #b9bec7; border-radius: 4px; padding: 0.5rem; }
/* Farrukh, 10 Nov 2026: the three address blocks carried ~40px of empty space between their labels and their boxes (the
   label column is 103px, the longest label there ~62px). Half of it — 20px a block, 60px in all — goes to the Revenue / Costs
   panel (360 → 420px), which was too narrow for the Costs grid. The address BOXES keep their width: each block narrows by the
   20px its label column gives up, and the block's minimum drops by the same 20px so three-across starts at the same page width. */
@media (min-width: 1100px) { .bk[b-hb5arcd9b5]  .totals { flex: 0 0 420px; width: 420px; } }
.bk[b-hb5arcd9b5]  .parties { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 0.4rem; }
.bk[b-hb5arcd9b5]  .party { border: 1px solid #b9bec7; border-radius: 4px; padding: 0.3rem 0.45rem 0.6rem; }
.bk[b-hb5arcd9b5]  .party .lbl { min-width: 83px; max-width: 83px; }
.bk[b-hb5arcd9b5]  .phead { display: flex; justify-content: space-between; align-items: center; font-weight: 700; color: #555; opacity: 0.85; font-size: 0.8rem; padding-bottom: 0.2rem; }
.bk[b-hb5arcd9b5]  .phead.yellow { background: yellow; padding-left: 0.3rem; }
.bk[b-hb5arcd9b5]  .hchk { font-weight: 500; font-size: 0.72rem; display: flex; align-items: center; gap: 0.25rem; }
.bk[b-hb5arcd9b5]  .lbl.g { font-weight: 700; }
.bk[b-hb5arcd9b5]  .g1 { color: #4285F4; } .bk[b-hb5arcd9b5]  .g2 { color: #EA4335; } .bk[b-hb5arcd9b5]  .g3 { color: #FBBC05; } .bk[b-hb5arcd9b5]  .g4 { color: #34A853; }

/* package + description strips */
.bk[b-hb5arcd9b5]  .strip { display: flex; gap: 0.5rem; align-items: flex-end; background: #eaeaea; padding: 0.3rem 0.5rem 0.4rem; margin-top: 0.4rem; border-bottom: 1px solid #F5F5F5; justify-content: space-between; flex-wrap: wrap; }
.bk[b-hb5arcd9b5]  .strip .cell { display: flex; flex-direction: column; min-width: 70px; }
.bk[b-hb5arcd9b5]  .strip .cell label { font-size: 0.72rem; font-weight: 600; color: #555; }
.bk[b-hb5arcd9b5]  .strip .cell .cb, .bk[b-hb5arcd9b5]  .strip .cell .tb { width: 80px; flex: none; }
.bk[b-hb5arcd9b5]  .strip.desc { justify-content: flex-start; align-items: center; }
.bk[b-hb5arcd9b5]  .strip.desc .form-labels { font-size: 0.78rem; font-weight: 600; color: #555; white-space: nowrap; }
.bk[b-hb5arcd9b5]  .tb.grow { flex: 1 1 auto; }
.bk[b-hb5arcd9b5]  .tb.num { text-align: right; width: 80px; flex: none; }

/* grids */
.bk[b-hb5arcd9b5]  table.grid { width: 100%; border-collapse: collapse; margin-top: 0.5rem; font-size: 0.8rem; background: var(--uds-white); }
.bk[b-hb5arcd9b5]  table.grid th { background: #4697d7; color: #fff; font-weight: 600; text-align: center; padding: 0.3rem 0.4rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.bk[b-hb5arcd9b5]  table.grid th a { color: #fff; }
.bk[b-hb5arcd9b5]  table.grid td { border: 1px solid #CCCCCC; padding: 0.15rem 0.3rem; color: #000066; vertical-align: middle; }
.bk[b-hb5arcd9b5]  table.grid td.num { text-align: right; }
.bk[b-hb5arcd9b5]  table.grid td.acts { white-space: nowrap; text-align: center; }
/* grid inputs fill their cells (the columns set the widths, not the boxes) */
.bk[b-hb5arcd9b5]  table.grid td .tb, .bk[b-hb5arcd9b5]  table.grid td .cb { width: 100%; min-width: 4.5rem; }
.bk[b-hb5arcd9b5]  table.grid td .tb.num { width: 100%; }
.bk[b-hb5arcd9b5]  table.pkg td .cb { width: 100%; min-width: 7rem; }
.bk[b-hb5arcd9b5]  table.contents th.wide { width: 40%; }
.bk[b-hb5arcd9b5]  table.contents td.hs { min-width: 200px; }
.bk[b-hb5arcd9b5]  table.surcharges th { background: #eaeaea; color: #777; text-align: left; }
.bk[b-hb5arcd9b5]  table.surcharges td .tb.big { font-size: 1rem; }
.bk[b-hb5arcd9b5]  table.costs td.num, .bk[b-hb5arcd9b5]  table.kychist td.num { text-align: right; }
.bk[b-hb5arcd9b5]  tr.grp td { background: var(--uds-grey-100); font-weight: 600; color: var(--uds-navy); }
.bk[b-hb5arcd9b5]  tr.editing td { background: #fffeee; }
.bk[b-hb5arcd9b5]  .grid-wrap { overflow-x: auto; }
.bk[b-hb5arcd9b5]  .cap { font-size: 0.95rem; color: var(--uds-navy); margin: 0.5rem 0 0.25rem; }

/* totals column rows */
.bk[b-hb5arcd9b5]  .tr { display: flex; align-items: center; gap: 0.4rem; margin: 0.25rem 0; }
.bk[b-hb5arcd9b5]  .tl { flex: 0 0 130px; font-size: 0.78rem; font-weight: 600; color: #555; display: flex; align-items: center; gap: 0.3rem; }
.bk[b-hb5arcd9b5]  .tb.money { width: 100px; flex: none; text-align: right; height: 27px; font-weight: 500; }
.bk[b-hb5arcd9b5]  .tb.money.pink { background: #ffe7eb; }
.bk[b-hb5arcd9b5]  .tb.money.green { background: #dbfdee; }
.bk[b-hb5arcd9b5]  .tb.money.bold { font-weight: 700; border-color: darkgray; }
.bk[b-hb5arcd9b5]  .tb.reason { flex: 0 0 130px; width: 130px; background: #eeeeee; text-transform: uppercase; font-size: 0.72rem; }
.bk[b-hb5arcd9b5]  .vat { font-size: 0.72rem; color: #555; display: flex; align-items: center; gap: 0.2rem; }
.bk[b-hb5arcd9b5]  fieldset.classified { border: 0; padding: 0; margin: 0; min-inline-size: 0; }
.bk[b-hb5arcd9b5]  fieldset.classified:disabled .tb, .bk[b-hb5arcd9b5]  fieldset.classified:disabled .cb { background: #f1f1f1; }
.bk[b-hb5arcd9b5]  .totalsarea { border-top: 1px solid #b9bec7; margin-top: 0.4rem; padding-top: 0.3rem; }
.bk[b-hb5arcd9b5]  .costcmd { margin: 0.3rem 0; }
.bk[b-hb5arcd9b5]  .costpage { overflow-x: auto; }

/* other tabs */
.bk[b-hb5arcd9b5]  .tabpage { border: 1px solid #b9bec7; border-top: 0; padding: 0.75rem; background: var(--uds-white); }
.bk[b-hb5arcd9b5]  .tabpage.twocol { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 1100px) { .bk[b-hb5arcd9b5]  .tabpage.twocol { grid-template-columns: 1fr; } }
.bk[b-hb5arcd9b5]  .filter label { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: var(--uds-navy); max-width: 250px; }
.bk[b-hb5arcd9b5]  .upload { margin-top: 0.6rem; }
.bk[b-hb5arcd9b5]  td.fn { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bk[b-hb5arcd9b5]  .mailform { background: #cce0ea; padding: 0.75rem; border-radius: 6px; display: flex; flex-direction: column; gap: 0.4rem; }
.bk[b-hb5arcd9b5]  .mailform.centre { max-width: 50%; margin: 1rem auto 0; }
.bk[b-hb5arcd9b5]  .mailform label { display: flex; flex-direction: column; font-size: 0.78rem; font-weight: 600; color: var(--uds-navy); gap: 0.15rem; }
.bk[b-hb5arcd9b5]  .mailtile { background: #4697d7; color: #fff; font-family: var(--uds-font-head); font-weight: 600; padding: 1.5rem; border-radius: 4px; text-align: center; }
.bk[b-hb5arcd9b5]  .mailform .ok { color: #1c6b34; font-weight: 600; }
.bk[b-hb5arcd9b5]  .mailform .err { color: var(--uds-red); font-weight: 600; }
.bk[b-hb5arcd9b5]  ul.attach { margin: 0; padding-left: 1.1rem; }
.bk[b-hb5arcd9b5]  .kyc { background: #f9f9f9; }
.bk[b-hb5arcd9b5]  .kyc h4 { color: #2779ce; font-size: 1.05rem; }
.bk[b-hb5arcd9b5]  .kyc h5 { color: #555; font-size: 0.95rem; }
.bk[b-hb5arcd9b5]  .cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; margin: 0.5rem 0; }
.bk[b-hb5arcd9b5]  .card { background: #fff; border: 1px solid #dfe7ef; padding: 0.6rem; }
.bk[b-hb5arcd9b5]  .card strong { color: #2779ce; }
.bk[b-hb5arcd9b5]  .card hr { margin: 6px 0; }
.bk[b-hb5arcd9b5]  .chk { display: block; padding: 3px 0; font-size: 0.82rem; }
.bk[b-hb5arcd9b5]  .kycrow { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.75rem; align-items: end; }
.bk[b-hb5arcd9b5]  .kycrow label { display: flex; flex-direction: column; font-size: 0.78rem; color: #555; gap: 0.2rem; }
.bk[b-hb5arcd9b5]  .kycbtn { background: #2779ce; border-color: #2779ce; height: 32px; }

/* new-customer modal */
.bk[b-hb5arcd9b5]  .nc-modal-back { position: fixed; inset: 0; background: rgba(0,0,0,0.35); z-index: 70; }
.bk[b-hb5arcd9b5]  .nc-modal { position: fixed; z-index: 71; top: 6rem; left: 50%; transform: translateX(-50%); width: 56rem; max-width: calc(100vw - 2rem); background: #fff; border-radius: 8px; box-shadow: 0 10px 40px rgba(0,0,0,0.3); overflow: hidden; }
.bk[b-hb5arcd9b5]  .nc-modal-head { background: #4697d7; color: #fff; padding: 0.6rem 1rem; font-weight: 600; display: flex; justify-content: space-between; }
.bk[b-hb5arcd9b5]  .nc-modal-head .ib { color: #fff; font-size: 1.2rem; }
.bk[b-hb5arcd9b5]  .nc-modal-body { padding: 1rem; }
.bk[b-hb5arcd9b5]  .nc-modal-foot { padding: 0.6rem 1rem; display: flex; justify-content: flex-end; gap: 0.5rem; border-top: 1px solid var(--uds-grey-200); }
.bk[b-hb5arcd9b5]  .dup { background: #fff3cd; border: 1px solid #ffc107; padding: 10px; margin-bottom: 10px; border-radius: 4px; }
.bk[b-hb5arcd9b5]  .nc-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.bk[b-hb5arcd9b5]  .nc-col label { display: flex; align-items: center; gap: 0.4rem; margin-bottom: 4px; }
.bk[b-hb5arcd9b5]  .nc-col label span { min-width: 80px; font-size: 0.78rem; font-weight: 600; color: #555; }
.bk[b-hb5arcd9b5]  table.costs td.sup { max-width: 11rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }   /* CHG-160 */

/* DP 10 (CHG-163): automatic cost rows + the accounts-only supplier documents under the Costs grid */
.bk[b-hb5arcd9b5]  .autocost { display: inline-block; margin-left: 0.3rem; padding: 0 0.3rem; font-size: 0.66rem; font-weight: 600; letter-spacing: 0.02em; color: #1c6b34; background: #e3f4e8; border-radius: 3px; vertical-align: middle; }
.bk[b-hb5arcd9b5]  .costdocs-cap { margin-top: 0.8rem; }
.bk[b-hb5arcd9b5]  table.costdocs td.fn { max-width: 16rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bk[b-hb5arcd9b5]  table.costdocs td.muted { color: #777; white-space: nowrap; }
/* CHG-163 (CD363): the Charge column, the per-invoice subtotal and the per-currency total on the Costs grid */
/* The grid must fit the 360px totals column (342px inside): tighter cells, and the description on its own line. */
.bk[b-hb5arcd9b5]  table.costs th { padding: 0.3rem 0.2rem; }
.bk[b-hb5arcd9b5]  table.costs td { padding: 0.15rem 0.2rem; }
.bk[b-hb5arcd9b5]  table.costs td .ib { padding: 0.1rem 0.15rem; }
.bk[b-hb5arcd9b5]  table.costs td .btn-link { padding-left: 0.1rem; padding-right: 0.1rem; }
.bk[b-hb5arcd9b5]  table.costs td.sup { max-width: 5.5rem; }
.bk[b-hb5arcd9b5]  table.costs tr.chgrow td { border-top: 0; padding-top: 0; padding-bottom: 0.25rem; font-size: 0.74rem; color: #555; line-height: 1.25; overflow-wrap: anywhere; }
.bk[b-hb5arcd9b5]  table.costs tr.chgrow td:first-child, .bk[b-hb5arcd9b5]  table.costs tr.chgrow td:last-child { border-top: 0; }
.bk[b-hb5arcd9b5]  table.costs tr.editing.chgrow td { padding-bottom: 0.3rem; }
.bk[b-hb5arcd9b5]  table.costs tr.costsub td { background: #f4f6f8; color: #555; font-size: 0.8rem; font-style: italic; border-top: 1px dashed #b9bec7; }
.bk[b-hb5arcd9b5]  table.costs tr.costsub td.num { font-style: normal; font-weight: 600; color: #333; }
.bk[b-hb5arcd9b5]  table.costs tfoot tr.costtotal td { background: #eaf3fb; border-top: 2px solid #b9bec7; font-weight: 600; }
/* /Components/Pages/Bookings/BulkPriceSheet.razor.rz.scp.css */
/* CHG-168 — Bulk Price Sheet. Scoped; bps-… names keep clear of Bootstrap. Visible borders #b9bec7 (the Administration-port convention);
   the sheet colours echo the workbook: grey = identification (A:E WhiteSmoke), light cyan = editable (F:AU LightCyan), LightBlue header. */

.bps[b-if73k5uwoc] { font-size: 0.86rem; position: relative; }
.bps .notice[b-if73k5uwoc] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.bps .notice.error[b-if73k5uwoc] { border-left-color: var(--uds-red); }
.bps .muted[b-if73k5uwoc] { color: var(--uds-secondary); }
.bps .small[b-if73k5uwoc] { font-size: 0.76rem; }
.bps .padded[b-if73k5uwoc] { padding: 0.75rem 1rem; }
.bps .mono[b-if73k5uwoc] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }
.bps .cap[b-if73k5uwoc] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bps .cap.err[b-if73k5uwoc] { color: #8a1c12; }
.bps .grow[b-if73k5uwoc] { flex: 1 1 auto; }

/* toasts (RadNotification Notify) */
.bps-toasts[b-if73k5uwoc] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.bps-toast[b-if73k5uwoc] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.bps-toast-error[b-if73k5uwoc] { border-left-color: var(--uds-red); }
.bps-toast-warning[b-if73k5uwoc] { border-left-color: #e0a800; }
.bps-toast-info[b-if73k5uwoc] { border-left-color: #2779ce; }
.bps-toast-success[b-if73k5uwoc] { border-left-color: #2e8b57; }
.bps-toast-head[b-if73k5uwoc] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.bps-toast-head button[b-if73k5uwoc] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.bps-toast-body[b-if73k5uwoc] { padding: 0.55rem 0.75rem; }

/* buttons (RadPushButton) */
.bps .btn[b-if73k5uwoc] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; text-decoration: none; height: 30px; }
.bps .btn:hover[b-if73k5uwoc] { background: var(--uds-grey-100); }
.bps .btn:disabled[b-if73k5uwoc], .bps .btn.disabled[b-if73k5uwoc] { opacity: 0.5; cursor: default; }
.bps .btn-primary[b-if73k5uwoc] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.bps .btn-primary:hover[b-if73k5uwoc] { background: #0a3a66; }
.bps .btn.mini[b-if73k5uwoc] { padding: 0.15rem 0.6rem; font-size: 0.78rem; height: 26px; }
.bps .btn.dl[b-if73k5uwoc] { background: #e8f5e9; border-color: #9ccc9f; color: #1b5e20; }
.bps .tb[b-if73k5uwoc] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.bps .tb:disabled[b-if73k5uwoc] { opacity: 0.6; }

/* the criteria panel (grey, #b9bec7 border) */
.panel[b-if73k5uwoc] { border: 1px solid #b9bec7; border-radius: 6px; background: #e9ecef; padding: 0.55rem 0.75rem; margin-bottom: 0.6rem; }
.ph[b-if73k5uwoc] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; }
.sgrid[b-if73k5uwoc] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .sgrid[b-if73k5uwoc] { grid-template-columns: 2fr 1fr 1fr 1fr; } }
.fld[b-if73k5uwoc] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.fld.wide[b-if73k5uwoc] { grid-column: span 1; }
.fld[b-if73k5uwoc]  .ta-input { height: 29px; padding: 0 0.45rem; font-size: 0.84rem; }
.sactions[b-if73k5uwoc] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.55rem; flex-wrap: wrap; }

/* HOW TO USE (A170-181) */
.howto[b-if73k5uwoc] { background: #fffbe6; border: 1px solid #f0d98c; border-left: 5px solid #e0a800; border-radius: 4px; padding: 0.6rem 0.9rem; margin: 0 0 0.6rem; line-height: 1.45; }
.howto ol[b-if73k5uwoc] { margin: 0.3rem 0 0 1.1rem; padding: 0; }
.howto li[b-if73k5uwoc] { margin: 0.15rem 0; }

/* result bar + grids — wide grids scroll on their own, never the page */
.rbar[b-if73k5uwoc] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.scroll[b-if73k5uwoc] { overflow-x: auto; max-height: 60vh; overflow-y: auto; border: 1px solid #b9bec7; }
.bps table.grid[b-if73k5uwoc] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.bps table.grid th[b-if73k5uwoc] { background: #add8e6; color: #0b2a4a; font-weight: 700; text-align: left; padding: 0.3rem 0.45rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); position: sticky; top: 0; }
.bps table.grid th.ed[b-if73k5uwoc] { background: #c9edf2; }
.bps table.grid td[b-if73k5uwoc] { border: 1px solid #e5e5e5; padding: 0.2rem 0.45rem; color: #333; vertical-align: middle; white-space: nowrap; background: whitesmoke; }
.bps table.grid td.ed[b-if73k5uwoc] { background: #e0ffff; }
.bps table.grid td.c[b-if73k5uwoc], .bps table.grid th.c[b-if73k5uwoc] { text-align: center; }
.bps table.grid td.r[b-if73k5uwoc], .bps table.grid th.r[b-if73k5uwoc] { text-align: right; }
.bps table.grid td.txt[b-if73k5uwoc] { max-width: 22rem; overflow: hidden; text-overflow: ellipsis; }
.bps table.grid td.sur[b-if73k5uwoc] { max-width: 30rem; }
.bps table.grid td a[b-if73k5uwoc] { color: #0a6ab5; text-decoration: none; font-weight: 600; }
.bps table.grid td a:hover[b-if73k5uwoc] { text-decoration: underline; }
.bps table.grid tbody tr:hover td[b-if73k5uwoc] { filter: brightness(0.97); }

/* the upload + preview */
.upload[b-if73k5uwoc] { margin-top: 0.9rem; border: 1px solid #b9bec7; border-radius: 6px; padding: 0.55rem 0.75rem; background: #f7f9fb; }
.uhead[b-if73k5uwoc] { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.fname[b-if73k5uwoc] { max-width: 24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hint[b-if73k5uwoc] { margin-top: 0.4rem; }
.errors[b-if73k5uwoc] { margin-top: 0.5rem; background: #fdecea; border: 1px solid #f5b5b0; border-left: 5px solid var(--uds-red); border-radius: 4px; padding: 0.5rem 0.8rem; }
.errors ul[b-if73k5uwoc] { margin: 0.3rem 0 0 1.1rem; padding: 0; max-height: 16rem; overflow-y: auto; }
.warn[b-if73k5uwoc] { margin-top: 0.5rem; background: #fff8e1; border: 1px solid #f0ad4e; border-left: 5px solid #e0a800; border-radius: 4px; padding: 0.5rem 0.8rem; color: #6b4e00; }
.chk[b-if73k5uwoc] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: #555; cursor: pointer; }
.bps table.preview td[b-if73k5uwoc] { background: var(--uds-white); }
.bps table.preview tr.changed td[b-if73k5uwoc] { background: #fbfdff; }
.bps table.preview tr.missing td[b-if73k5uwoc] { background: #fdecea; }
.bps table.preview td.diff[b-if73k5uwoc] { background: #fff4d6; }
.bps table.preview td .old[b-if73k5uwoc] { color: #8a1c12; text-decoration: line-through; margin-right: 0.3rem; }
.bps table.preview td .arr[b-if73k5uwoc] { color: #555; margin-right: 0.3rem; }
.bps table.preview td .new[b-if73k5uwoc] { color: #1b5e20; font-weight: 600; }
.tag[b-if73k5uwoc] { display: inline-block; margin-left: 0.4rem; padding: 0 0.4rem; border-radius: 999px; font-size: 0.7rem; font-weight: 600; border: 1px solid #b9bec7; }
.tag.bad[b-if73k5uwoc] { background: #fdecea; border-color: #f5b5b0; color: #8a1c12; }
.tag.inv[b-if73k5uwoc] { background: #fff8e1; border-color: #f0ad4e; color: #6b4e00; }
.lastrun[b-if73k5uwoc] { margin-top: 0.5rem; }
/* /Components/Pages/Bookings/Collections.razor.rz.scp.css */
/* CHG-131 — Collections page. Scoped; page-prefixed names (co-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.co[b-6f9fqhl0j7] { font-size: 0.86rem; position: relative; }
.co .notice[b-6f9fqhl0j7] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.co .notice.error[b-6f9fqhl0j7] { border-left-color: var(--uds-red); }
.co .muted[b-6f9fqhl0j7] { color: var(--uds-secondary); }
.co .padded[b-6f9fqhl0j7] { padding: 0.75rem 1rem; }
.co .err[b-6f9fqhl0j7] { color: var(--uds-red); font-weight: 600; }

/* toasts — bottom-right, stacked upwards above the AI Assistant button (the Core convention) */
.co-toasts[b-6f9fqhl0j7] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.co-toast[b-6f9fqhl0j7] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.co-toast-error[b-6f9fqhl0j7] { border-left-color: var(--uds-red); }
.co-toast-warning[b-6f9fqhl0j7] { border-left-color: #e0a800; }
.co-toast-info[b-6f9fqhl0j7] { border-left-color: #2779ce; }
.co-toast-head[b-6f9fqhl0j7] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.co-toast-head button[b-6f9fqhl0j7] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.co-toast-body[b-6f9fqhl0j7] { padding: 0.55rem 0.75rem; }

/* tabs */
.tabs[b-6f9fqhl0j7] { display: flex; gap: 0.25rem; margin-bottom: 0.6rem; border-bottom: 2px solid #b9bec7; }
.tab[b-6f9fqhl0j7] { background: var(--uds-white); border: 1px solid #b9bec7; border-bottom: none; border-radius: 6px 6px 0 0; padding: 0.45rem 1rem; font: inherit; font-size: 0.86rem; color: var(--uds-secondary); cursor: pointer; }
.tab.on[b-6f9fqhl0j7] { color: var(--uds-ink); font-weight: 600; border-bottom: 2px solid var(--uds-red); margin-bottom: -2px; background: var(--uds-grey-100); }

/* buttons + inputs */
.co .btn[b-6f9fqhl0j7] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; }
.co .btn:hover[b-6f9fqhl0j7] { background: var(--uds-grey-100); }
.co .btn:disabled[b-6f9fqhl0j7] { opacity: 0.5; cursor: default; }
.co .btn-primary[b-6f9fqhl0j7] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.co .btn.mini[b-6f9fqhl0j7] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.co .btn.big[b-6f9fqhl0j7] { height: 44px; padding: 0 1rem; justify-content: center; }
.co .btn.sms[b-6f9fqhl0j7] { background: #e2f4d7; border-color: #b9d9a5; }
.co .btn.save[b-6f9fqhl0j7] { background: #e2f4d7; border-color: #b9d9a5; }
.co .btn.lbl-btn[b-6f9fqhl0j7] { flex: 0 0 125px; justify-content: flex-start; padding: 0.2rem 0.5rem; font-size: 0.78rem; }
.co .ib[b-6f9fqhl0j7] { border: 0; background: transparent; color: #757575; cursor: pointer; font: inherit; font-size: 1rem; }
.co .tb[b-6f9fqhl0j7] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; }
.co .tb.ro[b-6f9fqhl0j7], .co .tb:read-only[b-6f9fqhl0j7] { background: #eeeeee; color: #555; }
.co .tb.mono[b-6f9fqhl0j7] { font-family: "Source Code Pro", Consolas, monospace; }
.co textarea.tb[b-6f9fqhl0j7] { height: auto; padding: 0.4rem 0.5rem; resize: vertical; line-height: 1.35; width: 100%; }
.co .cb[b-6f9fqhl0j7] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; }

/* filters */
.filters[b-6f9fqhl0j7] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.6rem 1rem; background: #d4e7ff; border: 1px solid #b9bec7; border-radius: 6px; padding: 0.6rem 0.75rem; margin-bottom: 0.6rem; }
.fld[b-6f9fqhl0j7] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: #555; }
.fld.billto[b-6f9fqhl0j7] { flex: 1 1 240px; max-width: 380px; }
.fld.actions[b-6f9fqhl0j7] { flex-direction: row; gap: 0.5rem; }
.fld.right[b-6f9fqhl0j7] { margin-left: auto; flex-direction: row; align-items: center; gap: 0.75rem; font-weight: 500; }

/* grid */
.grid-wrap[b-6f9fqhl0j7] { overflow-x: auto; }
.co table.grid[b-6f9fqhl0j7] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.co table.grid th[b-6f9fqhl0j7] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.co table.grid tr.filterrow th[b-6f9fqhl0j7] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.co table.grid tr.filterrow th .tb[b-6f9fqhl0j7] { width: 100%; min-width: 5rem; height: 26px; font-size: 0.78rem; font-weight: 400; }
.co table.grid td[b-6f9fqhl0j7] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.co table.grid td.c[b-6f9fqhl0j7] { text-align: center; }
.co table.grid td.nowrap[b-6f9fqhl0j7] { white-space: nowrap; }
.co table.grid td.addr[b-6f9fqhl0j7] { min-width: 14rem; }
.co table.grid td.notes[b-6f9fqhl0j7] { min-width: 12rem; white-space: pre-line; }
.co table.grid th.acts[b-6f9fqhl0j7], .co table.grid td.acts[b-6f9fqhl0j7] { text-align: center; white-space: nowrap; }
.co table.grid tbody tr:hover td[b-6f9fqhl0j7] { background: #f6faff; }
.co table.grid tr.done td[b-6f9fqhl0j7] { color: #1c6b34; }
.co .tick[b-6f9fqhl0j7] { color: #1c6b34; font-weight: 700; }

/* VIEW */
.hdr[b-6f9fqhl0j7] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.5rem; margin-bottom: 0.5rem; }
@media (min-width: 1100px) { .hdr[b-6f9fqhl0j7] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1500px) { .hdr[b-6f9fqhl0j7] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.panel[b-6f9fqhl0j7] { border: 1px solid #b9bec7; border-radius: 6px; padding: 0.5rem 0.65rem; background: var(--uds-white); min-width: 0; }
.panel.actions[b-6f9fqhl0j7] { display: flex; gap: 0.5rem; align-items: center; justify-content: flex-end; }
.fr[b-6f9fqhl0j7] { display: flex; align-items: center; gap: 0.45rem; margin: 0.2rem 0; }
.fr .lbl[b-6f9fqhl0j7] { flex: 0 0 125px; font-size: 0.78rem; font-weight: 600; color: #555; }
.fr .tb[b-6f9fqhl0j7], .fr .cb[b-6f9fqhl0j7] { flex: 1 1 auto; }
.fr[b-6f9fqhl0j7]  .ta { flex: 1 1 auto; }
.body[b-6f9fqhl0j7] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.5rem; }
@media (min-width: 1100px) { .body[b-6f9fqhl0j7] { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); } }
.pager[b-6f9fqhl0j7] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; justify-content: flex-end; }
.pager span[b-6f9fqhl0j7] { padding: 0 0.5rem; color: var(--uds-secondary); }
.panel.address[b-6f9fqhl0j7] { position: relative; }
.panel.notes[b-6f9fqhl0j7] { display: flex; flex-direction: column; gap: 0.3rem; }
.panel.notes .lbl[b-6f9fqhl0j7] { font-size: 0.78rem; font-weight: 600; color: #555; }
.savebar[b-6f9fqhl0j7] { display: flex; gap: 0.5rem; margin-top: auto; padding-top: 0.5rem; }
.savebar .btn[b-6f9fqhl0j7] { flex: 1 1 0; }

/* inline postcode list (replaces the Bootstrap zipModal) */
.zip[b-6f9fqhl0j7] { position: absolute; left: 0.65rem; right: 0.65rem; bottom: 0.5rem; z-index: 20; background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 6px; box-shadow: 0 8px 24px rgba(0,0,0,0.2); max-height: 20rem; overflow-y: auto; }
.ziphead[b-6f9fqhl0j7] { display: flex; justify-content: space-between; align-items: center; background: #4697d7; color: #fff; padding: 0.4rem 0.7rem; font-weight: 600; }
.ziphead .ib[b-6f9fqhl0j7] { color: #fff; }
.zip ul[b-6f9fqhl0j7] { list-style: none; margin: 0; padding: 0.25rem 0; }
.zip li button[b-6f9fqhl0j7] { display: block; width: 100%; text-align: left; border: 0; background: transparent; padding: 0.35rem 0.7rem; font: inherit; font-size: 0.82rem; cursor: pointer; }
.zip li button:hover[b-6f9fqhl0j7] { background: var(--uds-grey-100); }
.zip .muted[b-6f9fqhl0j7], .zip .err[b-6f9fqhl0j7] { padding: 0.5rem 0.7rem; }
/* /Components/Pages/Bookings/Quotes.razor.rz.scp.css */
/* CHG-130 — Customer Quotes page. Scoped: every rule the page needs lives here (the dashboard classes are NOT
   global — see the Bookings page). Visible borders (#b9bec7), never grey-200. Page-prefixed names (qt-…) keep
   clear of Bootstrap's .toast / .modal / .col / .row, which are loaded site-wide and hide what they own. */

.qt[b-yf5azhps8v] { font-size: 0.86rem; position: relative; }
.qt .notice[b-yf5azhps8v] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.qt .notice.error[b-yf5azhps8v] { border-left-color: var(--uds-red); }
.qt .muted[b-yf5azhps8v] { color: var(--uds-secondary); }
.qt .padded[b-yf5azhps8v] { padding: 0.75rem 1rem; }

/* ── toasts (RadNotification) — bottom-right as the legacy position and the Bookings page, stacked upwards above the AI Assistant button ── */
.qt-toasts[b-yf5azhps8v] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.qt-toast[b-yf5azhps8v] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.qt-toast-error[b-yf5azhps8v] { border-left-color: var(--uds-red); }
.qt-toast-warning[b-yf5azhps8v] { border-left-color: #e0a800; }
.qt-toast-info[b-yf5azhps8v] { border-left-color: #2779ce; }
.qt-toast-head[b-yf5azhps8v] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.qt-toast-head button[b-yf5azhps8v] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.qt-toast-body[b-yf5azhps8v] { padding: 0.55rem 0.75rem; }

/* ── tabs (RadTabStrip1) ── */
.tabs[b-yf5azhps8v] { display: flex; gap: 0.25rem; margin-bottom: 0.6rem; border-bottom: 2px solid #b9bec7; }
.tab[b-yf5azhps8v] { background: var(--uds-white); border: 1px solid #b9bec7; border-bottom: none; border-radius: 6px 6px 0 0; padding: 0.45rem 1rem; font: inherit; font-size: 0.86rem; color: var(--uds-secondary); cursor: pointer; }
.tab.on[b-yf5azhps8v] { color: var(--uds-ink); font-weight: 600; border-bottom: 2px solid var(--uds-red); margin-bottom: -2px; background: var(--uds-grey-100); }
.tab:disabled[b-yf5azhps8v] { opacity: 0.5; cursor: default; }

/* ── buttons ── */
.qt .btn[b-yf5azhps8v] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; gap: 0.3rem; }
.qt .btn:hover[b-yf5azhps8v] { background: var(--uds-grey-100); }
.qt .btn:disabled[b-yf5azhps8v] { opacity: 0.5; cursor: default; }
.qt .btn-primary[b-yf5azhps8v] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.qt .btn-primary:hover[b-yf5azhps8v] { background: #1f3a66; }
.qt .btn.mini[b-yf5azhps8v] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.qt .btn.wide[b-yf5azhps8v] { width: 100%; justify-content: center; margin-bottom: 0.5rem; }
.qt .ib[b-yf5azhps8v] { border: 0; background: transparent; color: #757575; cursor: pointer; font: inherit; font-size: 0.95rem; padding: 0.1rem 0.35rem; }
.qt .ib:hover[b-yf5azhps8v] { color: var(--uds-navy); }

/* ── filters panel (the grey search panel convention) ── */
.filters[b-yf5azhps8v] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.75rem 1rem; background: #d4e7ff; border: 1px solid #b9bec7; border-radius: 6px; padding: 0.6rem 0.75rem; margin-bottom: 0.6rem; }
.fld[b-yf5azhps8v] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: #555; }
.fld.billto[b-yf5azhps8v] { flex: 1 1 260px; max-width: 420px; }
.fld.actions[b-yf5azhps8v] { flex-direction: row; gap: 0.5rem; }
.fld.right[b-yf5azhps8v] { margin-left: auto; flex-direction: row; align-items: center; gap: 0.75rem; font-weight: 500; }
.qt .tb[b-yf5azhps8v] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; }
.qt .tb.ro[b-yf5azhps8v], .qt .tb:read-only[b-yf5azhps8v] { background: #eeeeee; color: #555; }
.qt .tb.num[b-yf5azhps8v] { text-align: right; }
.qt textarea.tb[b-yf5azhps8v] { height: auto; padding: 0.4rem 0.5rem; resize: vertical; line-height: 1.35; }
.qt textarea.mono[b-yf5azhps8v] { font-family: "Source Code Pro", Consolas, monospace; font-size: 0.8rem; }

/* ── grids ── */
.grid-wrap[b-yf5azhps8v] { overflow-x: auto; }
.qt table.grid[b-yf5azhps8v] { width: 100%; border-collapse: collapse; font-size: 0.82rem; background: var(--uds-white); }
.qt table.grid th[b-yf5azhps8v] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.qt table.grid th.num[b-yf5azhps8v] { text-align: right; }
.qt table.grid tr.filterrow th[b-yf5azhps8v] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.qt table.grid tr.filterrow th .tb[b-yf5azhps8v] { width: 100%; height: 26px; font-size: 0.78rem; font-weight: 400; }
.qt table.grid td[b-yf5azhps8v] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.qt table.grid td.num[b-yf5azhps8v] { text-align: right; font-variant-numeric: tabular-nums; }
.qt table.grid th.exp[b-yf5azhps8v], .qt table.grid td.exp[b-yf5azhps8v] { width: 2rem; text-align: center; padding: 0.1rem; }
.qt table.grid th.view[b-yf5azhps8v], .qt table.grid td.view[b-yf5azhps8v] { width: 4.5rem; text-align: center; }
.qt table.grid tbody tr:hover td[b-yf5azhps8v] { background: #f6faff; }
.qt table.grid tr.detail td[b-yf5azhps8v] { background: #ECF0F5; padding: 0.5rem 0.75rem; }
.qt table.grid.sub[b-yf5azhps8v] { width: auto; min-width: 32rem; }
.qt table.grid.sub th[b-yf5azhps8v] { background: #8ab6dd; }
.qt .stars[b-yf5azhps8v] { color: #f0a500; letter-spacing: 1px; white-space: nowrap; font-size: 0.95rem; }
.pager[b-yf5azhps8v] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; justify-content: flex-end; }
.pager span[b-yf5azhps8v] { padding: 0 0.5rem; color: var(--uds-secondary); }

/* ── VIEW: header strip + the step strip ── */
.qhead[b-yf5azhps8v] { display: flex; justify-content: space-between; align-items: center; background: var(--uds-grey-100); border: 1px solid #b9bec7; border-radius: 6px; padding: 0.5rem 0.9rem; margin-bottom: 0.6rem; font-size: 0.95rem; }
.steps[b-yf5azhps8v] { display: flex; gap: 0.3rem; margin-bottom: 0; flex-wrap: wrap; }
.step[b-yf5azhps8v] { display: inline-flex; align-items: center; gap: 0.45rem; border: 1px solid #b9bec7; border-bottom: none; border-radius: 6px 6px 0 0; background: var(--uds-white); padding: 0.45rem 0.9rem; font: inherit; font-size: 0.84rem; font-weight: 600; color: var(--uds-secondary); cursor: pointer; }
.step .n[b-yf5azhps8v] { display: inline-flex; width: 1.4rem; height: 1.4rem; align-items: center; justify-content: center; border-radius: 50%; background: #e3e7ee; color: #555; font-size: 0.75rem; }
.step.done .n[b-yf5azhps8v] { background: #1c6b34; color: #fff; }
.step.on[b-yf5azhps8v] { background: var(--uds-navy); color: var(--uds-white); border-color: var(--uds-navy); }
.step.on .n[b-yf5azhps8v] { background: var(--uds-white); color: var(--uds-navy); }
.steppanel[b-yf5azhps8v] { border: 1px solid #b9bec7; border-radius: 0 6px 6px 6px; padding: 0.9rem 1rem; background: var(--uds-white); }
.stepnav[b-yf5azhps8v] { display: flex; justify-content: space-between; margin-top: 0.6rem; }

/* step 1 details / step 2 pricing rows */
.details[b-yf5azhps8v] { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 0.35rem 1.5rem; }
.fr[b-yf5azhps8v] { display: flex; align-items: center; gap: 0.5rem; margin: 0.15rem 0; }
.fr.wide[b-yf5azhps8v] { grid-column: 1 / -1; align-items: flex-start; }
.fr .lbl[b-yf5azhps8v] { flex: 0 0 125px; font-size: 0.78rem; font-weight: 600; color: #555; }
.fr .tb[b-yf5azhps8v] { flex: 1 1 auto; max-width: 420px; }
.fr.wide .tb[b-yf5azhps8v] { max-width: 100%; }
.fr .awb[b-yf5azhps8v] { font-weight: 600; color: #2779ce; }
.pricing[b-yf5azhps8v] { margin-top: 0.75rem; display: grid; grid-template-columns: 1fr; gap: 0.1rem; max-width: 700px; }

/* step 3: mail form | marks */
.twocol[b-yf5azhps8v] { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr); gap: 1rem; }
@media (max-width: 1100px) { .twocol[b-yf5azhps8v] { grid-template-columns: 1fr; } }
.mailform[b-yf5azhps8v] { background: #cce0ea; padding: 0.75rem; border-radius: 6px; display: flex; flex-direction: column; gap: 0.4rem; }
.mailform label[b-yf5azhps8v] { display: flex; flex-direction: column; font-size: 0.78rem; font-weight: 600; color: var(--uds-navy); gap: 0.15rem; }
.mailtile[b-yf5azhps8v] { background: #4697d7; color: #fff; font-family: var(--uds-font-head); font-weight: 600; padding: 1rem; border-radius: 4px; text-align: center; }
.marks[b-yf5azhps8v] { padding: 0.75rem; border: 1px solid #b9bec7; border-radius: 6px; align-self: start; }

/* steps 4 + 5 */
.linkstep[b-yf5azhps8v] { display: flex; flex-direction: column; gap: 0.6rem; max-width: 720px; }
.linkstep .row[b-yf5azhps8v] { display: flex; gap: 0.6rem; flex-wrap: wrap; }
/* /Components/Pages/Bookings/RichText.razor.rz.scp.css */
.rt[b-p6t8yhhuz9] { border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); }
.rt-bar[b-p6t8yhhuz9] { display: flex; gap: 0.2rem; padding: 0.25rem 0.4rem; border-bottom: 1px solid var(--uds-grey-200); background: var(--uds-grey-100); border-radius: 4px 4px 0 0; }
.rt-bar button[b-p6t8yhhuz9] { border: 1px solid #b9bec7; background: var(--uds-white); border-radius: 3px; padding: 0.1rem 0.5rem; font: inherit; font-size: 0.78rem; cursor: pointer; color: var(--uds-navy); }
.rt-bar button:hover[b-p6t8yhhuz9] { background: #e8ecf3; }
.rt-body[b-p6t8yhhuz9] { min-height: 9rem; padding: 0.5rem 0.65rem; font-size: 0.9rem; line-height: 1.4; outline: none; }
.rt-body:empty[b-p6t8yhhuz9]::before { content: attr(data-placeholder); color: #9aa0ab; }
.rt-disabled .rt-body[b-p6t8yhhuz9] { background: #f4f4f4; color: #777; }
/* /Components/Pages/Bookings/TaggedBookings.razor.rz.scp.css */
/* CHG-168 — Tagged Bookings. Scoped; page-prefixed names (tg-…) keep clear of Bootstrap. Visible borders #b9bec7. */

.tg[b-duf0k1ucx5] { font-size: 0.86rem; position: relative; max-width: 100rem; }
.tg .notice[b-duf0k1ucx5] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.tg .notice.error[b-duf0k1ucx5] { border-left-color: var(--uds-red); }
.tg .muted[b-duf0k1ucx5] { color: var(--uds-secondary); }
.tg .small[b-duf0k1ucx5] { font-size: 0.76rem; }
.tg .padded[b-duf0k1ucx5] { padding: 0.75rem 1rem; }
.tg .mono[b-duf0k1ucx5] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }
.tg code[b-duf0k1ucx5] { font-size: 0.8em; }

/* toasts (RadNotification Notify, A202) */
.tg-toasts[b-duf0k1ucx5] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.tg-toast[b-duf0k1ucx5] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.tg-toast-error[b-duf0k1ucx5] { border-left-color: var(--uds-red); }
.tg-toast-warning[b-duf0k1ucx5] { border-left-color: #e0a800; }
.tg-toast-info[b-duf0k1ucx5] { border-left-color: #2779ce; }
.tg-toast-head[b-duf0k1ucx5] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.tg-toast-head button[b-duf0k1ucx5] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.tg-toast-body[b-duf0k1ucx5] { padding: 0.55rem 0.75rem; line-height: 1.4; }

/* the grey criteria panel (A39-54) */
.panel[b-duf0k1ucx5] { border: 1px solid #b9bec7; border-radius: 8px; background: var(--uds-grey-100); padding: 0.75rem 1rem; margin-bottom: 0.75rem; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.crit[b-duf0k1ucx5] { display: flex; gap: 0.5rem; align-items: flex-end; flex-wrap: wrap; min-width: 0; }
.fld[b-duf0k1ucx5] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; width: 220px; }
.hint[b-duf0k1ucx5] { font-size: 0.76rem; align-self: center; flex: 1 1 20rem; line-height: 1.35; padding-bottom: 0.1rem; }

.tg .btn[b-duf0k1ucx5] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; gap: 0.3rem; height: 29px; }
.tg .btn:hover[b-duf0k1ucx5] { background: var(--uds-grey-100); }
.tg .btn:disabled[b-duf0k1ucx5] { opacity: 0.5; cursor: default; }
.tg .btn-primary[b-duf0k1ucx5] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.tg .btn-primary:hover[b-duf0k1ucx5] { background: #0a3a66; }
.tg .btn.mini[b-duf0k1ucx5] { padding: 0.1rem 0.55rem; font-size: 0.76rem; height: auto; line-height: 1.5; }
.tg .btn.mini.red[b-duf0k1ucx5] { color: #b02a37; border-color: #e2a4aa; }           /* dashGridBtnRed (A133) */
.tg .btn.mini.red:hover[b-duf0k1ucx5] { background: #fdecea; }
.tg .btn.mini.danger[b-duf0k1ucx5] { background: #b02a37; border-color: #b02a37; color: var(--uds-white); }
.tg .btn.mini.cur[b-duf0k1ucx5] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.tg .tb[b-duf0k1ucx5] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); width: 100%; min-width: 0; }
.tg .tb.up[b-duf0k1ucx5] { text-transform: uppercase; }
.tg .tb.awb[b-duf0k1ucx5] { background: #dbfdee; font-family: "Roboto Condensed", var(--uds-font-body); letter-spacing: 1px; }   /* the legacy's #DAFFE7 accent (A45) */
.tg .tb.filter[b-duf0k1ucx5] { width: 20rem; height: 26px; font-size: 0.78rem; }
.tg .tb:disabled[b-duf0k1ucx5] { opacity: 0.6; }

/* the parent summary line (the hidden parentTB, A66-71, made visible) */
.parent[b-duf0k1ucx5] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin: 0 0 0.6rem; padding: 0.5rem 0.9rem; border: 1px solid #b9bec7; border-left: 5px solid #2779ce; border-radius: 4px; background: #f3f7fb; }
.parent.billed[b-duf0k1ucx5] { border-left-color: #8a1c12; }
.parent.gone[b-duf0k1ucx5] { border-left-color: #e0a800; background: #fff8e1; }
.parent .pl[b-duf0k1ucx5] { display: flex; align-items: center; gap: 0.5rem; }
.parent .plbl[b-duf0k1ucx5] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); font-size: 0.78rem; letter-spacing: 0.04em; }
.parent .pawb[b-duf0k1ucx5] { font-size: 1.05rem; font-weight: 700; color: var(--uds-navy); text-decoration: none; }
.parent .pawb:hover[b-duf0k1ucx5] { text-decoration: underline; }
.parent .pf[b-duf0k1ucx5] { display: inline-flex; flex-direction: column; gap: 0; line-height: 1.2; }
.parent .pf em[b-duf0k1ucx5] { font-style: normal; font-size: 0.68rem; color: #777; text-transform: uppercase; letter-spacing: 0.03em; }
.parent .pf.co[b-duf0k1ucx5] { max-width: 18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.chip[b-duf0k1ucx5] { display: inline-block; padding: 0.15rem 0.6rem; border-radius: 999px; font-size: 0.74rem; font-weight: 600; letter-spacing: 0.02em; border: 1px solid #b9bec7; background: var(--uds-white); color: #333; }
.chip.open[b-duf0k1ucx5] { background: #e8f5e9; border-color: #9ccc9f; color: #1b5e20; }
.chip.billed[b-duf0k1ucx5] { background: #fdecea; border-color: #f5b5b0; color: #8a1c12; }
.chip.draft[b-duf0k1ucx5] { background: #e3f2fd; border-color: #90caf9; color: #0034FF; }
.chip.gone[b-duf0k1ucx5] { background: #fff8e1; border-color: #f0ad4e; color: #6b4e00; }

/* TAGGED CHILDREN caption (A73-75) */
.bar[b-duf0k1ucx5] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-duf0k1ucx5] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-duf0k1ucx5] { flex: 1 1 auto; }

/* awbGrid (A76-151): WhiteSmoke, Windows7 skin → the Core grid look; the parent column keeps its #DAFFE7 (A130) */
.scroll[b-duf0k1ucx5] { overflow-x: auto; }
.tg table.grid[b-duf0k1ucx5] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: whitesmoke; }
.tg table.grid th[b-duf0k1ucx5] { background: #3c8dbc; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.tg table.grid th.r[b-duf0k1ucx5], .tg table.grid td.r[b-duf0k1ucx5] { text-align: right; }
.tg table.grid th.c[b-duf0k1ucx5], .tg table.grid td.c[b-duf0k1ucx5] { text-align: center; }
.tg table.grid th.x[b-duf0k1ucx5], .tg table.grid td.x[b-duf0k1ucx5] { width: 1.6rem; padding: 0.1rem; text-align: center; }
.tg table.grid td[b-duf0k1ucx5] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; white-space: nowrap; }
.tg table.grid td.pcell[b-duf0k1ucx5] { background: #DAFFE7; }
.tg table.grid td.co[b-duf0k1ucx5] { max-width: 14rem; overflow: hidden; text-overflow: ellipsis; }
.tg table.grid td a[b-duf0k1ucx5] { color: #000066; }
.tg table.grid tbody tr:hover td[b-duf0k1ucx5] { background: #f6faff; }
.tg table.grid tbody tr:hover td.pcell[b-duf0k1ucx5] { background: #cdf3dc; }
.tg table.grid tbody tr.draft td[b-duf0k1ucx5] { color: #0034FF; }                /* L101-102 */
.tg table.grid tbody tr.draft td a[b-duf0k1ucx5] { color: #0034FF; }
.tg table.grid tr.detail td[b-duf0k1ucx5] { background: #ECF0F5; white-space: normal; padding: 0.4rem 0.75rem; }   /* GridTableView BackColor (A112) */
.xbtn[b-duf0k1ucx5] { width: 1.3rem; height: 1.3rem; line-height: 1; border: 1px solid #b9bec7; border-radius: 3px; background: var(--uds-white); color: var(--uds-navy); font-weight: 700; cursor: pointer; font-size: 0.8rem; padding: 0; }
.xbtn:hover[b-duf0k1ucx5] { background: var(--uds-grey-100); }
.confirm[b-duf0k1ucx5] { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.76rem; color: #8a1c12; font-weight: 600; }

/* the pieces detail table (A116-123) */
.tg table.pieces[b-duf0k1ucx5] { border-collapse: collapse; font-size: 0.76rem; background: var(--uds-white); min-width: 36rem; }
.tg table.pieces th[b-duf0k1ucx5] { background: #dfe6ee; color: var(--uds-navy); font-weight: 600; text-align: left; padding: 0.2rem 0.5rem; border: 1px solid #c9d1da; }
.tg table.pieces td[b-duf0k1ucx5] { border: 1px solid #d9dee5; padding: 0.15rem 0.5rem; color: #000066; }
.tg table.pieces th.r[b-duf0k1ucx5], .tg table.pieces td.r[b-duf0k1ucx5] { text-align: right; }

.pager[b-duf0k1ucx5] { display: flex; gap: 0.25rem; align-items: center; margin: 0.4rem 0; flex-wrap: wrap; }

/* ADD NEW CHILD (A55-63) */
.addbox[b-duf0k1ucx5] { margin-top: 0.75rem; padding: 0.6rem 0.9rem; border: 1px dashed #b9bec7; border-radius: 6px; background: #fbfcfd; }
.addbox .fld[b-duf0k1ucx5] { width: 220px; }
/* /Components/Pages/Bookings/TypeAhead.razor.rz.scp.css */
.ta[b-bkfk3ztedb] { position: relative; width: 100%; }
.ta-input[b-bkfk3ztedb] { width: 100%; padding: 0.3rem 0.5rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.86rem; background: var(--uds-white); }
.ta-input:disabled[b-bkfk3ztedb] { background: #eeeeee; color: #777; }
.ta-disabled .ta-input[b-bkfk3ztedb] { background: #eeeeee; }
.ta-backdrop[b-bkfk3ztedb] { position: fixed; inset: 0; z-index: 25; background: transparent; }
.ta-list[b-bkfk3ztedb] { position: absolute; z-index: 30; left: 0; top: 100%; margin: 0; padding: 0.2rem 0; list-style: none; min-width: 100%; max-height: 22rem; overflow-y: auto; background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }
.ta-list li button[b-bkfk3ztedb] { display: block; width: 100%; text-align: left; border: 0; background: transparent; padding: 0.35rem 0.6rem; font: inherit; font-size: 0.84rem; cursor: pointer; white-space: nowrap; }
.ta-list li button:hover[b-bkfk3ztedb] { background: var(--uds-grey-100); }
.ta-l1[b-bkfk3ztedb] { display: block; font-weight: 600; color: var(--uds-navy); }
.ta-l2[b-bkfk3ztedb] { display: block; font-size: 0.76rem; color: var(--uds-secondary); white-space: normal; }
.ta-none[b-bkfk3ztedb] { padding: 0.35rem 0.6rem; font-size: 0.8rem; color: var(--uds-secondary); }
/* /Components/Pages/Dashboards/ActivityLog.razor.rz.scp.css */
.page-head[b-y1vzlbhrjz] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

.subtitle[b-y1vzlbhrjz] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 46rem;
    font-size: 0.9rem;
}

.notice[b-y1vzlbhrjz] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}
.notice.error[b-y1vzlbhrjz] { border-left-color: var(--uds-red); }

/* ── Command area (window + filters + refresh) vs results ────────────────── */
.controls[b-y1vzlbhrjz] {
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 1.1rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.results[b-y1vzlbhrjz] { margin-top: 1.5rem; }

/* ── Filter rows ─────────────────────────────────────────────────────────── */
.filters[b-y1vzlbhrjz] {
    display: flex;
    align-items: flex-end;
    gap: 1.25rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.fld[b-y1vzlbhrjz] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: var(--uds-navy); }
.fld em[b-y1vzlbhrjz] { font-weight: 400; font-style: normal; color: var(--uds-secondary); }
.fld input[b-y1vzlbhrjz] {
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.88rem;
    background: var(--uds-white);
    min-width: 10rem;
}

.presets[b-y1vzlbhrjz] { display: flex; align-items: flex-end; gap: 0.25rem; }
.fbtns[b-y1vzlbhrjz] { display: flex; align-items: center; gap: 0.75rem; }

.refresh-bar[b-y1vzlbhrjz] {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 0.9rem;
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: var(--uds-navy);
}
.refresh-toggle[b-y1vzlbhrjz] { display: flex; align-items: center; gap: 0.4rem; font-weight: 600; cursor: pointer; }
.refreshed[b-y1vzlbhrjz], .suspended[b-y1vzlbhrjz] { color: var(--uds-secondary); }

/* ── Grid ────────────────────────────────────────────────────────────────── */
.grid-wrap[b-y1vzlbhrjz] { overflow-x: auto; }

[b-y1vzlbhrjz] table { font-size: 0.85rem; border-collapse: collapse; width: 100%; }
[b-y1vzlbhrjz] th {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.4rem 0.7rem;
    white-space: nowrap;
}
[b-y1vzlbhrjz] td { border-bottom: 1px solid var(--uds-grey-200); padding: 0.3rem 0.7rem; vertical-align: top; }
[b-y1vzlbhrjz] td.ts-col { white-space: nowrap; }
[b-y1vzlbhrjz] td.action-col { max-width: 24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[b-y1vzlbhrjz] td.view-col { white-space: nowrap; }

[b-y1vzlbhrjz] button.link {
    background: none;
    border: none;
    padding: 0;
    color: var(--uds-navy);
    text-decoration: underline;
    cursor: pointer;
    font-size: 0.85rem;
}

/* ── Pager ───────────────────────────────────────────────────────────────── */
.pager[b-y1vzlbhrjz] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.6rem;
    font-size: 0.85rem;
    color: var(--uds-navy);
}
.pager .count[b-y1vzlbhrjz] { color: var(--uds-secondary); margin-left: auto; }

/* ── Detail panel ────────────────────────────────────────────────────────── */
.detail-panel[b-y1vzlbhrjz] {
    margin-top: 1.25rem;
    background: var(--uds-white);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.detail-head[b-y1vzlbhrjz] {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    font-size: 0.9rem;
    color: var(--uds-navy);
}
.detail-head button[b-y1vzlbhrjz] { margin-left: auto; }
.detail-meta[b-y1vzlbhrjz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.5rem;
    margin: 0.6rem 0;
    font-size: 0.85rem;
}
.detail-meta em[b-y1vzlbhrjz] {
    font-style: normal;
    font-weight: 600;
    color: var(--uds-secondary);
    margin-right: 0.3rem;
}
.detail-action[b-y1vzlbhrjz] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--uds-navy);
    word-break: break-all;
    margin-bottom: 0.6rem;
}
.payload[b-y1vzlbhrjz] {
    background: var(--uds-grey-100);
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    padding: 0.75rem 1rem;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.8rem;
    max-height: 24rem;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
}
.no-payload[b-y1vzlbhrjz] { font-size: 0.85rem; color: var(--uds-secondary); }
.truncated[b-y1vzlbhrjz] { font-size: 0.8rem; color: var(--uds-red); margin-top: 0.4rem; }
/* /Components/Pages/Dashboards/ApiClients.razor.rz.scp.css */
/* API Clients (Dashboards) — the READ-ONLY register view; actions live at
 * Administration > API Access, which carries its own stylesheet.
 *
 * ⚠ Blazor CSS isolation: NOTHING below is inherited. `.notice`, `.controls`,
 * `.grid`, `.pill`, `.fld` and friends are NOT global — every dashboard carries
 * its own scoped copy (app.css defines only `.btn`). The base set is repeated
 * here deliberately, matched to Scan Devices so the Dashboards section reads as
 * one thing rather than pages that grew separately.
 */

.page-head[b-ybw0gaggxr] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

.subtitle[b-ybw0gaggxr] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 46rem;
    font-size: 0.9rem;
}

.notice[b-ybw0gaggxr] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}

.muted[b-ybw0gaggxr] { color: var(--uds-secondary); }
.small[b-ybw0gaggxr] { font-size: 0.78rem; }

/* ── Command area ────────────────────────────────────────────────────────── */
.controls[b-ybw0gaggxr] {
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 1.1rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.filters[b-ybw0gaggxr] {
    display: flex;
    align-items: flex-end;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.fld[b-ybw0gaggxr] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: var(--uds-navy); }

.fld input[type="text"][b-ybw0gaggxr],
.fld select[b-ybw0gaggxr] {
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.88rem;
    background: var(--uds-white);
    min-width: 14rem;
}

/* The window selector is a short numeric choice — it does not need list width. */
.fld select[b-ybw0gaggxr] { min-width: 9rem; }

.summary[b-ybw0gaggxr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 0.85rem;
    margin-top: 0.9rem;
}

/* ── Table ───────────────────────────────────────────────────────────────── */
table.grid[b-ybw0gaggxr] {
    font-size: 0.85rem;
    border-collapse: collapse;
    width: 100%;
    margin-top: 1.5rem;
}

table.grid th[b-ybw0gaggxr] {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.5rem 0.9rem;
    white-space: nowrap;
}

table.grid td[b-ybw0gaggxr] {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.55rem 0.9rem;
    vertical-align: top;
}

table.grid tbody tr:hover[b-ybw0gaggxr] { background: var(--uds-grey-100); }

/* Carrier pills wrap inside their cells rather than forcing the table wide. */
table.grid td .pill[b-ybw0gaggxr] { margin: 0 0.25rem 0.2rem 0; }

/* Has called a carrier with no entitlement recorded. AMBER, not red: today this
   is every active account, because nothing has been granted yet. It marks a gap
   in the register, not a breach. */
table.grid tr.row-warn[b-ybw0gaggxr] { background: #fffaf0; }
table.grid tr.row-warn:hover[b-ybw0gaggxr] { background: #fdf3e0; }

/* ── Pills ─────────────────────────────────────────────────────────────────
   Entitled and observed are deliberately DIFFERENT colours. The whole screen
   turns on not confusing "was sold this" with "has called this". */
.pill[b-ybw0gaggxr] {
    display: inline-block;
    padding: 0.12rem 0.55rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}

.pill-entitled[b-ybw0gaggxr] { background: #e3f0e8; color: #1f5c3a; }   /* green — sold    */
.pill-observed[b-ybw0gaggxr] { background: #e8eef6; color: #274b73; }   /* blue  — called  */
.pill-warn[b-ybw0gaggxr]     { background: #fdf3dd; color: #86620d; margin-left: 0.4rem; }
.pill-revoked[b-ybw0gaggxr]  { background: #fbe0e0; color: #a02020; }
.pill-idle[b-ybw0gaggxr]     { background: #fdf3dd; color: #86620d; }

.pill-api2[b-ybw0gaggxr] { background: #ece9e3; color: #5a4f3d; }
.pill-api3[b-ybw0gaggxr] { background: #e4ecfa; color: #24457e; }
.pill-portal[b-ybw0gaggxr] { background: #e2f1ec; color: #1f5c47; }   /* the secret-less partner-portal door */
.pill-test[b-ybw0gaggxr] { background: #fdf0d5; color: #8a5a00; }

/* Internal callers — SVC-SCANAPP carries the whole handset fleet. */
.pill-internal[b-ybw0gaggxr] { background: #ede4f5; color: #543b73; }

/* ── Buttons (Refresh only on this page) ─────────────────────────────────── */
.btn[b-ybw0gaggxr] {
    padding: 0.35rem 0.85rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    background: var(--uds-white);
    color: var(--uds-navy);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}
.btn:hover[b-ybw0gaggxr] { background: var(--uds-grey-100); }

/* Inline code — account numbers and key ids, distinguishable from prose at a
   glance and safe to select. */
code[b-ybw0gaggxr] {
    font-family: var(--uds-font-mono, ui-monospace, "Cascadia Mono", Consolas, monospace);
    font-size: 0.82rem;
    color: var(--uds-secondary);
    background: var(--uds-grey-100);
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
    white-space: nowrap;
}
/* /Components/Pages/Dashboards/ChangeLog.razor.rz.scp.css */
/* Change Log — follows the Activity Log / Scan Devices dashboard conventions: grey command
   panel with the #b9bec7 border, the section-page title in the top bar (never a body h1),
   and the same table metrics so the Dashboards section reads as one thing.

   The one departure is deliberate: the three EDITABLE columns are tinted and separated by a
   rule, so at a glance it is obvious which side of the table is yours and which is
   maintained for you. That mirrors the amber/cream split of the spreadsheet this replaced. */

.page-head[b-f5sr04mhrf] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

.subtitle[b-f5sr04mhrf] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 52rem;
    font-size: 0.9rem;
}

.notice[b-f5sr04mhrf] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}

/* ── Command area ────────────────────────────────────────────────────────── */
.controls[b-f5sr04mhrf] {
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 1.1rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.filters[b-f5sr04mhrf] { display: flex; align-items: flex-end; gap: 1.25rem; flex-wrap: wrap; }

.fld[b-f5sr04mhrf] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: var(--uds-navy); }
.fld input[type="text"][b-f5sr04mhrf], .fld select[b-f5sr04mhrf] {
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.88rem;
    background: var(--uds-white);
}
.fld input[type="text"][b-f5sr04mhrf] { min-width: 16rem; }
.fld.chk[b-f5sr04mhrf] { flex-direction: row; align-items: center; gap: 0.45rem; }
.fld.chk input[b-f5sr04mhrf] { margin: 0; }

.count[b-f5sr04mhrf] { font-size: 0.8rem; color: var(--uds-secondary); font-weight: 600; }

/* Confirmation that an edit persisted — quiet, not a toast. */
.saved[b-f5sr04mhrf] { font-size: 0.78rem; color: #0a7d33; font-weight: 600; align-self: center; }

/* ── Table ───────────────────────────────────────────────────────────────── */
.grid-wrap[b-f5sr04mhrf] { margin-top: 1rem; overflow-x: auto; }

table.chg[b-f5sr04mhrf] { width: 100%; border-collapse: collapse; font-size: 0.84rem; }

table.chg th[b-f5sr04mhrf] {
    background: var(--uds-navy);
    color: var(--uds-white);
    text-align: left;
    padding: 0.5rem 0.6rem;
    font-weight: 600;
    font-size: 0.78rem;
    position: sticky;
    top: 0;
    z-index: 2;
}

table.chg td[b-f5sr04mhrf] {
    padding: 0.5rem 0.6rem;
    border-bottom: 1px solid var(--uds-grey-200);
    vertical-align: top;
}

table.chg tbody tr:hover[b-f5sr04mhrf] { background: var(--uds-grey-100); }

/* A row someone has annotated is worth spotting from across the table. */
table.chg tbody tr.annotated[b-f5sr04mhrf] { background: #fffdf5; }
table.chg tbody tr.annotated:hover[b-f5sr04mhrf] { background: #fdf8e8; }

.c-ref[b-f5sr04mhrf] { width: 5.5rem; white-space: nowrap; }
.ref[b-f5sr04mhrf] {
    font-family: Consolas, "Courier New", monospace;
    font-weight: 700;
    color: var(--uds-navy);
    cursor: help;
}

.c-date[b-f5sr04mhrf] { width: 7rem; white-space: nowrap; color: var(--uds-secondary); }
.c-area[b-f5sr04mhrf] { width: 9rem; }
.c-title[b-f5sr04mhrf] { min-width: 22rem; }
.c-title .t[b-f5sr04mhrf] { font-weight: 700; color: var(--uds-navy); margin-bottom: 0.2rem; }
.c-title .d[b-f5sr04mhrf] { color: var(--uds-secondary); line-height: 1.35; }

.c-status[b-f5sr04mhrf] { width: 8rem; }
.c-todo[b-f5sr04mhrf] { min-width: 18rem; color: var(--uds-secondary); line-height: 1.35; }

/* One open item per line. Stored as prose (it mirrors Open-Items), split for reading. */
ul.todo[b-f5sr04mhrf] { list-style: none; margin: 0; padding: 0; }
ul.todo li[b-f5sr04mhrf] {
    position: relative;
    padding-left: 0.75rem;
    margin-bottom: 0.4rem;
}
ul.todo li:last-child[b-f5sr04mhrf] { margin-bottom: 0; }
ul.todo li[b-f5sr04mhrf]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--uds-secondary);
}
.oi[b-f5sr04mhrf] {
    font-family: Consolas, "Courier New", monospace;
    font-weight: 700;
    color: var(--uds-navy);
    margin-right: 0.3rem;
}
.c-sess[b-f5sr04mhrf] { width: 13rem; color: var(--uds-secondary); font-size: 0.78rem; }

/* One session per line — a row can span several. */
ul.sess[b-f5sr04mhrf] { list-style: none; margin: 0; padding: 0; }
ul.sess li[b-f5sr04mhrf] {
    position: relative;
    padding-left: 0.7rem;
    margin-bottom: 0.35rem;
    line-height: 1.3;
}
ul.sess li:last-child[b-f5sr04mhrf] { margin-bottom: 0; }
ul.sess li[b-f5sr04mhrf]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.45rem;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--uds-grey-200);
}

/* ── The editable side ───────────────────────────────────────────────────── */
/* Tinted + ruled off, so ownership of the columns is visible without a legend. */
.c-mine[b-f5sr04mhrf], .c-notes[b-f5sr04mhrf] { background: #fffbf0; }
.c-mine:first-of-type[b-f5sr04mhrf] { border-left: 2px solid #bf8f00; }
th.c-mine[b-f5sr04mhrf] { background: #8a6a00; }
th.c-notes[b-f5sr04mhrf] { background: #8a6a00; }

.c-mine[b-f5sr04mhrf] { width: 7.5rem; }
.c-notes[b-f5sr04mhrf] { width: 16rem; }

.c-mine select[b-f5sr04mhrf], .c-notes textarea[b-f5sr04mhrf] {
    width: 100%;
    padding: 0.3rem 0.4rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.82rem;
    background: var(--uds-white);
}
.c-notes textarea[b-f5sr04mhrf] { resize: vertical; min-height: 2.4rem; line-height: 1.3; }

/* ── Status pills ────────────────────────────────────────────────────────── */
.pill[b-f5sr04mhrf] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 10px;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}
.pill.ok[b-f5sr04mhrf] { background: #e3f5e9; color: #0a7d33; }
.pill.amber[b-f5sr04mhrf] { background: #fdf3e0; color: #9a6a00; }
.pill.info[b-f5sr04mhrf] { background: #e6f0fa; color: #1f4e79; }
.pill.muted[b-f5sr04mhrf] { background: var(--uds-grey-100); color: var(--uds-secondary); }
/* /Components/Pages/Dashboards/CustomerInsights.razor.rz.scp.css */
.page-head[b-sttl3olnu3] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

.subtitle[b-sttl3olnu3] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 46rem;
    font-size: 0.9rem;
}

.notice[b-sttl3olnu3] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}
.notice.error[b-sttl3olnu3] { border-left-color: var(--uds-red); }

/* ── Command area vs results (shared demarcation with the other dashboards) ─ */
.controls[b-sttl3olnu3] {
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 1.1rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.results[b-sttl3olnu3] { margin-top: 1.5rem; }

.filters[b-sttl3olnu3] {
    display: flex;
    align-items: flex-end;
    gap: 1.25rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.fld[b-sttl3olnu3] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: var(--uds-navy); }
.fbtns[b-sttl3olnu3] { display: flex; align-items: center; gap: 0.75rem; }

.chk[b-sttl3olnu3] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--uds-navy);
    cursor: pointer;
}

/* ── Segmented control ───────────────────────────────────────────────────── */
.seg[b-sttl3olnu3] { display: inline-flex; border: 1px solid var(--uds-grey-200); border-radius: 4px; overflow: hidden; background: var(--uds-white); }
.seg button[b-sttl3olnu3] {
    border: none;
    background: var(--uds-white);
    color: var(--uds-navy);
    font: inherit;
    font-size: 0.85rem;
    font-weight: 500;
    padding: 0.35rem 0.85rem;
    cursor: pointer;
    border-right: 1px solid var(--uds-grey-200);
}
.seg button:last-child[b-sttl3olnu3] { border-right: none; }
.seg button:hover:not(.on):not(:disabled)[b-sttl3olnu3] { background: var(--uds-grey-100); }
.seg button.on[b-sttl3olnu3] { background: var(--uds-navy); color: var(--uds-white); font-weight: 600; }
.seg button:disabled[b-sttl3olnu3] { opacity: 0.6; cursor: default; }

.stamp-bar[b-sttl3olnu3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 0.9rem;
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: var(--uds-navy);
}
.stamp-bar .sep[b-sttl3olnu3], .stamp-bar .muted[b-sttl3olnu3] { color: var(--uds-secondary); }

/* ── Chart ───────────────────────────────────────────────────────────────── */
/* No overflow here on purpose: ApexCharts re-renders to the container width, so a scroll would
   never trigger usefully — and `overflow-x: auto` computes overflow-y to auto too (per spec),
   which turned a 1px rounding difference into a permanent vertical scrollbar. */
.chart-wrap[b-sttl3olnu3] {
    background: var(--uds-white);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 0.75rem 1rem 0.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.foot[b-sttl3olnu3] { font-size: 0.8rem; color: var(--uds-secondary); margin-top: 0.5rem; }
.empty[b-sttl3olnu3] { font-size: 0.9rem; color: var(--uds-secondary); }

/* ── Tables (matrix view + drill-in) ─────────────────────────────────────── */
.grid-wrap[b-sttl3olnu3] { overflow-x: auto; }

table[b-sttl3olnu3] { font-size: 0.85rem; border-collapse: collapse; width: 100%; }
th[b-sttl3olnu3] {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.4rem 0.7rem;
    white-space: nowrap;
}
td[b-sttl3olnu3] { border-bottom: 1px solid var(--uds-grey-200); padding: 0.3rem 0.7rem; }
th.num[b-sttl3olnu3], td.num[b-sttl3olnu3] { text-align: right; white-space: nowrap; }
th.partial[b-sttl3olnu3] { color: var(--uds-secondary); font-style: italic; }
td.rank[b-sttl3olnu3], th.rank[b-sttl3olnu3] { color: var(--uds-secondary); width: 2rem; }
td.cust[b-sttl3olnu3] { white-space: nowrap; max-width: 18rem; overflow: hidden; text-overflow: ellipsis; }
th.total[b-sttl3olnu3], td.total[b-sttl3olnu3] { border-left: 1px solid var(--uds-grey-200); font-weight: 600; }
.matrix tbody tr:hover[b-sttl3olnu3] { background: var(--uds-grey-100); }

/* ── Drill-in panel ──────────────────────────────────────────────────────── */
.detail-panel[b-sttl3olnu3] {
    margin-top: 1.25rem;
    background: var(--uds-white);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.detail-head[b-sttl3olnu3] {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    font-size: 0.9rem;
    color: var(--uds-navy);
    margin-bottom: 0.6rem;
}
.detail-head span[b-sttl3olnu3] { color: var(--uds-secondary); }
.detail-head button[b-sttl3olnu3] { margin-left: auto; }
.no-rows[b-sttl3olnu3] { font-size: 0.85rem; color: var(--uds-secondary); }
.capped[b-sttl3olnu3] { font-size: 0.8rem; color: var(--uds-secondary); margin-top: 0.4rem; }
/* /Components/Pages/Dashboards/FlightsExpected.razor.rz.scp.css */
/* Flights Expected — the Dashboards conventions (base block copied from ScanDevices.razor.css,
   the layout classes are per-page in this app, not global): grey command panel with the
   #b9bec7 border, the section-page title in the top bar (never a body h1), same table metrics
   so the Dashboards section reads as one thing. */

.page-head[b-576q68g24t] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

.subtitle[b-576q68g24t] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 52rem;
    font-size: 0.9rem;
}

.notice[b-576q68g24t] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}

.muted[b-576q68g24t] { color: var(--uds-secondary); }
.small[b-576q68g24t] { font-size: 0.78rem; }
.nowrap[b-576q68g24t] { white-space: nowrap; }

/* ── Command area ────────────────────────────────────────────────────────── */
.controls[b-576q68g24t] {
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 1.1rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.filters[b-576q68g24t] {
    display: flex;
    align-items: flex-end;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.fld[b-576q68g24t] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: var(--uds-navy); }
.fld input[type="text"][b-576q68g24t],
.fld input[type="date"][b-576q68g24t],
.fld select[b-576q68g24t] {
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.88rem;
    background: var(--uds-white);
}
.fld input[type="text"][b-576q68g24t] { min-width: 14rem; }
.fld select[b-576q68g24t] { min-width: 9rem; }

/* Day navigation: prev / date / next / Today on one line. */
.daynav[b-576q68g24t] { display: flex; align-items: center; gap: 0.3rem; }
.daynav .btn-quiet[b-576q68g24t] { padding: 0.3rem 0.6rem; font-size: 1rem; line-height: 1; }

/* Checkbox sits ON the baseline with its label, not stacked above it. */
.fld.chk[b-576q68g24t] { flex-direction: row; align-items: center; gap: 0.45rem; font-weight: 600; }
.fld.chk input[b-576q68g24t] { margin: 0; }

/* Counts belong under the filters, with room to breathe. */
.summary[b-576q68g24t] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 0.85rem;
    margin-top: 0.9rem;
}
.summary .sep[b-576q68g24t] { margin: 0 0.2rem; }

/* Airport chips — a filter that looks like what it counts. */
.chip[b-576q68g24t] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.12rem 0.55rem;
    border-radius: 999px;
    border: 1px solid #b9bec7;
    background: var(--uds-white);
    color: var(--uds-navy);
    font: inherit;
    font-size: 0.76rem;
    font-weight: 600;
    cursor: pointer;
}
.chip:hover[b-576q68g24t] { background: var(--uds-grey-100); }
.chip-on[b-576q68g24t] { background: var(--uds-navy); border-color: var(--uds-navy); color: #fff; }
.chip-n[b-576q68g24t] { font-weight: 400; opacity: 0.85; }

/* ── Table ───────────────────────────────────────────────────────────────── */
table.grid[b-576q68g24t] {
    font-size: 0.85rem;
    border-collapse: collapse;
    width: 100%;
    margin-top: 1.5rem;
}

table.grid th[b-576q68g24t] {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.5rem 0.9rem;
    white-space: nowrap;
}

table.grid td[b-576q68g24t] {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.55rem 0.9rem;
    vertical-align: top;
}

table.grid th.num[b-576q68g24t], table.grid td.num[b-576q68g24t] { text-align: right; }

/* Column widths (Farrukh, 21 Aug): Flight and Actual narrow, Expected wide enough that a
   date + time + the "due …" hint never wraps — a wrapped timestamp is the hardest thing on the
   row to read, and it is the column the page exists for. */
table.grid .col-flight[b-576q68g24t]   { width: 7rem; }
table.grid .col-expected[b-576q68g24t] { min-width: 11rem; white-space: nowrap; }
table.grid .col-actual[b-576q68g24t]   { width: 6.5rem; white-space: nowrap; }

table.grid tbody tr:hover[b-576q68g24t] { background: var(--uds-grey-100); }

/* Received rows recede (the work is done); overdue-and-pending rows get a warm tint so the
   ones needing a phone call stand out without anyone reading the timestamps. */
table.grid tr.row-received td[b-576q68g24t] { color: var(--uds-secondary); }
table.grid tr.row-received td strong[b-576q68g24t] { font-weight: 500; }
table.grid tr.row-overdue[b-576q68g24t] { background: #fff8ec; }
table.grid tr.row-overdue:hover[b-576q68g24t] { background: #fdf1d8; }

.mawb[b-576q68g24t] {
    font-family: var(--uds-font-mono, ui-monospace, "Cascadia Mono", Consolas, monospace);
    font-size: 0.82rem;
    color: var(--uds-navy);
    background: var(--uds-grey-100);
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
    white-space: nowrap;
}

.shed[b-576q68g24t] { margin-left: 0.45rem; }

.note-link[b-576q68g24t] { text-decoration: none; }
.note-link:hover .pill[b-576q68g24t] { filter: brightness(0.95); text-decoration: underline; }

/* ── Pills ───────────────────────────────────────────────────────────────── */
.pill[b-576q68g24t] {
    display: inline-block;
    padding: 0.12rem 0.55rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}

.pill-total[b-576q68g24t]    { background: var(--uds-navy); color: #fff; }
.pill-received[b-576q68g24t] { background: #e3f4e8; color: #1c6b34; }
.pill-pending[b-576q68g24t]  { background: #fdf3dd; color: #86620d; }
.pill-note[b-576q68g24t]     { background: #e8ecf7; color: #2b3a7a; }
.pill-none[b-576q68g24t]     { background: var(--uds-grey-100); color: var(--uds-secondary); border: 1px dashed #b9bec7; }
.pill-missing[b-576q68g24t]  { background: #fbe0e0; color: #a02020; }
.pill-warn[b-576q68g24t]     { background: #fdf3dd; color: #86620d; }

/* ── Buttons ─────────────────────────────────────────────────────────────── */
.btn[b-576q68g24t] {
    padding: 0.35rem 0.85rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    background: var(--uds-white);
    color: var(--uds-navy);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}
.btn:hover[b-576q68g24t] { background: var(--uds-grey-100); }
.btn-quiet[b-576q68g24t] { background: transparent; }
/* /Components/Pages/Dashboards/LiveSessions.razor.rz.scp.css */
/* Live Sessions (CHG-173) — the Dashboards base block (copied per page by convention: these classes are
   NOT global) plus the state dots, the range segment control and the expandable session rows. */

.page-head[b-i4gry7hzz8] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

.subtitle[b-i4gry7hzz8] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 46rem;
    font-size: 0.9rem;
}

.notice[b-i4gry7hzz8] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}

.muted[b-i4gry7hzz8] { color: var(--uds-secondary); }
.small[b-i4gry7hzz8] { font-size: 0.78rem; }

/* ── Command area ────────────────────────────────────────────────────────── */
.controls[b-i4gry7hzz8] {
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 1.1rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.filters[b-i4gry7hzz8] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.fld[b-i4gry7hzz8] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: var(--uds-navy); }
.fld.chk[b-i4gry7hzz8] { flex-direction: row; align-items: center; gap: 0.45rem; font-weight: 600; }
.fld.chk input[b-i4gry7hzz8] { margin: 0; }

/* Range segment control — three states, the current one filled. Visible border per the UI rule. */
.range[b-i4gry7hzz8] { display: inline-flex; border: 1px solid #b9bec7; border-radius: 6px; overflow: hidden; background: var(--uds-white); }
.seg[b-i4gry7hzz8] {
    padding: 0.4rem 0.9rem;
    border: 0;
    border-right: 1px solid #b9bec7;
    background: transparent;
    color: var(--uds-navy);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}
.seg:last-child[b-i4gry7hzz8] { border-right: 0; }
.seg:hover[b-i4gry7hzz8] { background: var(--uds-grey-100); }
.seg.on[b-i4gry7hzz8] { background: var(--uds-navy); color: #fff; }

.summary[b-i4gry7hzz8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 0.85rem;
    margin-top: 0.9rem;
}

/* ── Sign-in trouble ─────────────────────────────────────────────────────── */
.trouble[b-i4gry7hzz8] {
    margin-top: 1rem;
    background: #fdf3f3;
    border: 1px solid var(--uds-red, #c62828);
    border-left-width: 4px;
    border-radius: 8px;
    padding: 0.7rem 1rem;
    font-size: 0.88rem;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: baseline;
}
.trouble-user[b-i4gry7hzz8] { white-space: nowrap; }

/* ── Table ───────────────────────────────────────────────────────────────── */
table.grid[b-i4gry7hzz8] {
    font-size: 0.85rem;
    border-collapse: collapse;
    width: 100%;
    margin-top: 1.5rem;
}

table.grid th[b-i4gry7hzz8] {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.5rem 0.9rem;
    white-space: nowrap;
}

table.grid td[b-i4gry7hzz8] {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.55rem 0.9rem;
    vertical-align: middle;
}

table.grid tbody tr.sess[b-i4gry7hzz8] { cursor: pointer; }
table.grid tbody tr.sess:hover[b-i4gry7hzz8] { background: var(--uds-grey-100); }
table.grid tbody tr.is-open[b-i4gry7hzz8] { background: var(--uds-grey-100); }
table.grid td.caret[b-i4gry7hzz8] { width: 1.2rem; padding-right: 0; color: var(--uds-secondary); }

table.grid tr.detail td[b-i4gry7hzz8] { background: #fbfbfc; border-bottom: 1px solid #b9bec7; padding-top: 0.5rem; padding-bottom: 0.75rem; }

.state[b-i4gry7hzz8] { font-size: 0.78rem; color: var(--uds-secondary); }

/* The event list: time column, then what. Sign-ins and in-page actions are tinted so the eye can skip the navigations. */
ol.events[b-i4gry7hzz8] { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 2.5rem; max-width: 70rem; }
ol.events li[b-i4gry7hzz8] { display: flex; gap: 0.8rem; padding: 0.12rem 0; font-size: 0.82rem; break-inside: avoid; }
ol.events .t[b-i4gry7hzz8] { font-family: var(--uds-font-mono, ui-monospace, Consolas, monospace); color: var(--uds-secondary); font-size: 0.78rem; }
ol.events li.ev-login .l[b-i4gry7hzz8] { color: #1c6b34; font-weight: 600; }
ol.events li.ev-action .l[b-i4gry7hzz8] { color: #86620d; }

table.sub[b-i4gry7hzz8] { font-size: 0.82rem; border-collapse: collapse; }
table.sub th[b-i4gry7hzz8] { text-align: left; font-weight: 600; color: var(--uds-navy); padding: 0.2rem 0.9rem 0.2rem 0; border-bottom: 1px solid var(--uds-grey-200); }
table.sub td[b-i4gry7hzz8] { padding: 0.25rem 0.9rem 0.25rem 0; }

.foot[b-i4gry7hzz8] { margin-top: 0.6rem; }

/* ── Not seen on Core ────────────────────────────────────────────────────── */
.notseen[b-i4gry7hzz8] { margin-top: 1.75rem; max-width: 60rem; }
.notseen h3[b-i4gry7hzz8] { font-family: var(--uds-font-head); font-size: 1rem; color: var(--uds-navy); margin: 0 0 0.5rem; }
.notseen ul[b-i4gry7hzz8] { list-style: none; margin: 0; padding: 0; columns: 3; column-gap: 2rem; }
.notseen li[b-i4gry7hzz8] { padding: 0.2rem 0; font-size: 0.85rem; break-inside: avoid; }

/* ── Dots + pills ────────────────────────────────────────────────────────── */
.dot[b-i4gry7hzz8] { display: inline-block; width: 0.6rem; height: 0.6rem; border-radius: 50%; vertical-align: middle; margin-right: 0.25rem; }
.dot-online[b-i4gry7hzz8] { background: #2e9e4f; box-shadow: 0 0 0 3px #e3f4e8; }
.dot-idle[b-i4gry7hzz8]   { background: #e0a21b; box-shadow: 0 0 0 3px #fdf3dd; }
.dot-away[b-i4gry7hzz8]   { background: #c9ced6; }

.pill[b-i4gry7hzz8] {
    display: inline-block;
    padding: 0.12rem 0.55rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}
.pill-online[b-i4gry7hzz8] { background: #e3f4e8; color: #1c6b34; }
.pill-idle[b-i4gry7hzz8]   { background: #fdf3dd; color: #86620d; }
.pill-fail[b-i4gry7hzz8]   { background: #fbe0e0; color: #a02020; }
.pill-note[b-i4gry7hzz8]   { background: var(--uds-grey-100); color: var(--uds-secondary); }

/* ── Buttons ─────────────────────────────────────────────────────────────── */
.btn[b-i4gry7hzz8] {
    padding: 0.35rem 0.85rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    background: var(--uds-white);
    color: var(--uds-navy);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}
.btn:hover[b-i4gry7hzz8] { background: var(--uds-grey-100); }

/* Numbers and times never wrap — the user column takes the squeeze instead. */
table.grid td:nth-child(n+5)[b-i4gry7hzz8] { white-space: nowrap; }
table.grid td:nth-child(3)[b-i4gry7hzz8] { white-space: normal; }
/* /Components/Pages/Dashboards/ParcelsDashboardView.razor.rz.scp.css */
.page-head[b-csdxtepg8o] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

.subtitle[b-csdxtepg8o] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 46rem;
    font-size: 0.9rem;
}

.notice[b-csdxtepg8o] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}
.notice.error[b-csdxtepg8o] { border-left-color: var(--uds-red); }

/* ── Command area vs results (shared demarcation with the other dashboards) ─ */
.controls[b-csdxtepg8o] {
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 1.1rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.results[b-csdxtepg8o] { margin-top: 1.5rem; }

.filters[b-csdxtepg8o] {
    display: flex;
    align-items: flex-end;
    gap: 1.25rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.fld[b-csdxtepg8o] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: var(--uds-navy); }
.scope[b-csdxtepg8o] { font-size: 0.95rem; font-weight: 600; color: var(--uds-navy); text-transform: capitalize; }
.fbtns[b-csdxtepg8o] { display: flex; align-items: center; gap: 0.75rem; margin-left: auto; }

.stamp-bar[b-csdxtepg8o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 0.9rem;
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: var(--uds-navy);
}
.stamp-bar .sep[b-csdxtepg8o], .stamp-bar .muted[b-csdxtepg8o] { color: var(--uds-secondary); }

/* ── Charts ──────────────────────────────────────────────────────────────── */
/* No overflow: ApexCharts re-renders to the container width, and `overflow-x: auto`
   computes overflow-y to auto too, which turns a 1px rounding difference into a scrollbar. */
.chart-wrap[b-csdxtepg8o] {
    background: var(--uds-white);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 0.9rem 1rem 0.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    margin-bottom: 1.5rem;
}

.chart-title[b-csdxtepg8o] {
    font-family: var(--uds-font-head);
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--uds-navy);
    margin: 0 0 0.25rem;
}

.empty[b-csdxtepg8o] { font-size: 0.9rem; color: var(--uds-secondary); }
/* /Components/Pages/Dashboards/ScanDevices.razor.rz.scp.css */
/* Scan Devices — matches the Activity Log / Customer Insights dashboard conventions:
   grey command panel with the #b9bec7 border, the section-page title in the top bar
   (never a body h1), and the same table metrics so the Dashboards section reads as one
   thing rather than four pages that grew separately. */

.page-head[b-lnek4wkufz] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

.subtitle[b-lnek4wkufz] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 46rem;
    font-size: 0.9rem;
}

.notice[b-lnek4wkufz] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}

.muted[b-lnek4wkufz] { color: var(--uds-secondary); }
.small[b-lnek4wkufz] { font-size: 0.78rem; }

/* ── Command area ────────────────────────────────────────────────────────── */
.controls[b-lnek4wkufz] {
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 1.1rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.filters[b-lnek4wkufz] {
    display: flex;
    align-items: flex-end;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.fld[b-lnek4wkufz] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: var(--uds-navy); }
.fld input[type="text"][b-lnek4wkufz] {
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.88rem;
    background: var(--uds-white);
    min-width: 14rem;
}

/* Checkbox sits ON the baseline with its label, not stacked above it. */
.fld.chk[b-lnek4wkufz] { flex-direction: row; align-items: center; gap: 0.45rem; font-weight: 600; }
.fld.chk input[b-lnek4wkufz] { margin: 0; }

/* Counts belong under the filters, with room to breathe. */
.summary[b-lnek4wkufz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 0.85rem;
    margin-top: 0.9rem;
}

/* ── Table ───────────────────────────────────────────────────────────────── */
/* The default table was unreadable: no cell padding, so headers ran together.
   Same metrics as the Activity Log grid, plus a little more horizontal room —
   this table has fewer, wider columns. */
table.grid[b-lnek4wkufz] {
    font-size: 0.85rem;
    border-collapse: collapse;
    width: 100%;
    margin-top: 1.5rem;
}

table.grid th[b-lnek4wkufz] {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.5rem 0.9rem;
    white-space: nowrap;
}

table.grid td[b-lnek4wkufz] {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.55rem 0.9rem;
    vertical-align: middle;
}

table.grid tbody tr:hover[b-lnek4wkufz] { background: var(--uds-grey-100); }

/* A revoked handset should be obvious at a glance without reading the column. */
table.grid tr.row-revoked[b-lnek4wkufz] { background: #fdf3f3; }
table.grid tr.row-revoked:hover[b-lnek4wkufz] { background: #fbe9e9; }

.device[b-lnek4wkufz] {
    font-family: var(--uds-font-mono, ui-monospace, "Cascadia Mono", Consolas, monospace);
    font-size: 0.8rem;
    color: var(--uds-secondary);
    background: var(--uds-grey-100);
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
    white-space: nowrap;
}

/* ── State pills ─────────────────────────────────────────────────────────── */
.pill[b-lnek4wkufz] {
    display: inline-block;
    padding: 0.12rem 0.55rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}

.pill-active[b-lnek4wkufz]  { background: #e3f4e8; color: #1c6b34; }
.pill-idle[b-lnek4wkufz]    { background: #fdf3dd; color: #86620d; }
.pill-offline[b-lnek4wkufz] { background: var(--uds-grey-100); color: var(--uds-secondary); }
.pill-revoked[b-lnek4wkufz] { background: #fbe0e0; color: #a02020; }
.pill-warn[b-lnek4wkufz]    { background: #fdf3dd; color: #86620d; margin-left: 0.4rem; }

/* ── Buttons ─────────────────────────────────────────────────────────────── */
.btn[b-lnek4wkufz] {
    padding: 0.35rem 0.85rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    background: var(--uds-white);
    color: var(--uds-navy);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}
.btn:hover[b-lnek4wkufz] { background: var(--uds-grey-100); }

.btn-danger[b-lnek4wkufz] { background: var(--uds-red, #c62828); border-color: var(--uds-red, #c62828); color: #fff; }
.btn-danger:hover[b-lnek4wkufz] { filter: brightness(0.92); background: var(--uds-red, #c62828); }

.btn-quiet[b-lnek4wkufz] { background: transparent; }

/* ── Confirm panel ───────────────────────────────────────────────────────── */
/* INLINE, not a fixed-position modal. The overlay version failed in this layout:
   the backdrop painted but the dialog was unreachable — a transformed/filtered
   ancestor had become the containing block for `position: fixed`, putting the
   centred box off-screen. In flow there is no stacking context to fall foul of. */
.confirm-panel[b-lnek4wkufz] {
    margin-top: 1.25rem;
    background: #fdf3f3;
    border: 1px solid var(--uds-red, #c62828);
    border-left-width: 4px;
    border-radius: 8px;
    padding: 1.1rem 1.25rem;
    max-width: 40rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.confirm-panel h3[b-lnek4wkufz] {
    margin: 0 0 0.6rem;
    font-family: var(--uds-font-head);
    font-size: 1rem;
    color: var(--uds-navy);
}
.confirm-panel p[b-lnek4wkufz] { font-size: 0.88rem; margin: 0 0 0.7rem; }
.confirm-panel .fld[b-lnek4wkufz] { margin-bottom: 1rem; }
.confirm-panel .fld input[type="text"][b-lnek4wkufz] { width: 100%; min-width: 0; }

.confirm-actions[b-lnek4wkufz] { display: flex; justify-content: flex-end; gap: 0.6rem; }
/* /Components/Pages/Denied.razor.rz.scp.css */
.denied[b-kifgvprurs] {
    max-width: 34rem;
    margin-top: 1rem;
}

.denied .lead[b-kifgvprurs] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.denied .detail[b-kifgvprurs] {
    color: var(--uds-secondary);
    font-size: 0.92rem;
}

.denied .reason[b-kifgvprurs] {
    font-size: 0.85rem;
    color: var(--uds-secondary);
}

.dev-box[b-kifgvprurs] {
    margin-top: 1.5rem;
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-red);
    padding: 0.6rem 0.9rem;
    font-size: 0.85rem;
}
/* /Components/Pages/Documents/Documents.razor.rz.scp.css */
/* Documents (Document Processing prototype) — same conventions as the dashboard pages:
   grey command panel with the #b9bec7 border, the section-page title in the top bar
   (never a body h1), and the ScanDevices table metrics. ⚠ These classes are per-page
   scoped CSS, not global — copying markup without this file renders unstyled. */

.page-head[b-tec5b6danq] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

.subtitle[b-tec5b6danq] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 46rem;
    font-size: 0.9rem;
}

.notice[b-tec5b6danq] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}

.muted[b-tec5b6danq] { color: var(--uds-secondary); }

/* ── Command area ────────────────────────────────────────────────────────── */
.controls[b-tec5b6danq] {
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 1.1rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.filters[b-tec5b6danq] {
    display: flex;
    align-items: flex-end;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.fld[b-tec5b6danq] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: var(--uds-navy); }
.fld select[b-tec5b6danq],
.fld[b-tec5b6danq]  input[type="file"] {
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.88rem;
    background: var(--uds-white);
}
.file-fld[b-tec5b6danq]  input[type="file"] { min-width: 20rem; }

/* CD120 (built 10 Nov 2026, CHG-163): the file field is a DROP ZONE. The browser's own file control is stretched over the
   whole zone and made invisible, so a file dropped anywhere on it — or a click — goes through the SAME control and the same
   OnChange / validation path as before. The zone shows the chosen file itself (the native control no longer does).
   .drop-over is set by the app-shell script while a file is dragged over the zone. */
.dropzone[b-tec5b6danq] {
    position: relative; display: flex; flex-direction: column; justify-content: center; gap: 0.15rem;
    min-width: 22rem; min-height: 3.4rem; padding: 0.5rem 0.9rem;
    border: 2px dashed #9aa3af; border-radius: 6px; background: #f7f9fb;
    font-weight: 400; color: #444; cursor: pointer; transition: background 0.12s, border-color 0.12s;
}
.dropzone:hover[b-tec5b6danq], .dropzone:focus-within[b-tec5b6danq] { border-color: var(--uds-navy); background: #eef4fa; }
.dropzone.drop-over[b-tec5b6danq] { border-color: #1c6b34; border-style: solid; background: #e3f4e8; }
.dropzone.dz-busy[b-tec5b6danq] { opacity: 0.55; cursor: default; }
.dropzone[b-tec5b6danq]  input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; min-width: 0; padding: 0; border: 0; opacity: 0; cursor: pointer; }
.dropzone.dz-busy[b-tec5b6danq]  input[type="file"] { cursor: default; }
.dz-hint[b-tec5b6danq] { font-size: 0.8rem; color: #666; }
.dz-hint b[b-tec5b6danq] { color: var(--uds-navy); }
.dz-file[b-tec5b6danq] { font-size: 0.9rem; font-weight: 600; color: var(--uds-navy); overflow-wrap: anywhere; }
.dz-size[b-tec5b6danq] { font-weight: 400; color: #777; }

/* Invoice-type tick group (CD125 minutes: check-boxes, one tick at a time) */
.type-fld[b-tec5b6danq] { max-width: 34rem; }
.type-opts[b-tec5b6danq] { display: flex; flex-wrap: wrap; gap: 0.3rem 1.1rem; padding: 0.2rem 0; }
.type-opt[b-tec5b6danq] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 400;
    font-size: 0.85rem;
    cursor: pointer;
    white-space: nowrap;
}
.type-opt input[b-tec5b6danq] { accent-color: var(--uds-navy); cursor: pointer; margin: 0; }

/* Errors render beside the control that raised them — a top-of-page banner goes
   unseen next to a long results grid (the RateCardImport lesson, live 15 Aug). */
.inline-error[b-tec5b6danq] {
    background: #fbe0e0;
    border: 1px solid #a02020;
    border-radius: 4px;
    color: #7c1a1a;
    font-size: 0.85rem;
    padding: 0.5rem 0.75rem;
    margin-top: 0.85rem;
    max-width: 46rem;
}

.progress-line[b-tec5b6danq] {
    margin-top: 0.85rem;
    font-size: 0.85rem;
    color: var(--uds-navy);
    font-weight: 600;
}

/* ── Tables (ScanDevices metrics) ────────────────────────────────────────── */
.grid-wrap[b-tec5b6danq] { overflow-x: auto; }

table.grid[b-tec5b6danq] {
    font-size: 0.85rem;
    border-collapse: collapse;
    width: 100%;
    margin-top: 1rem;
}

table.grid th[b-tec5b6danq] {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.5rem 0.9rem;
    white-space: nowrap;
}

table.grid td[b-tec5b6danq] {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.55rem 0.9rem;
    vertical-align: middle;
}

table.grid tbody tr:hover[b-tec5b6danq] { background: var(--uds-grey-100); }
table.grid tbody tr[b-tec5b6danq] { cursor: pointer; }
/* The selected run must be findable at a glance from the detail below it — the
   navy inset bar is the house selected/highlight convention (Decisions page). */
table.grid tr.row-selected[b-tec5b6danq] { background: #dbe7f5; box-shadow: inset 4px 0 0 var(--uds-navy); }
table.grid tr.row-selected:hover[b-tec5b6danq] { background: #cfdff1; }
table.grid tr.row-selected td:first-child[b-tec5b6danq] { font-weight: 700; color: var(--uds-navy); }
table.grid tr.row-flagged[b-tec5b6danq] { background: #fdf9ee; }
table.grid tr.row-flagged:hover[b-tec5b6danq] { background: #faf3dd; }

.detail table.grid tbody tr[b-tec5b6danq] { cursor: default; }

th.num[b-tec5b6danq], td.num[b-tec5b6danq] { text-align: right; }
.file-name[b-tec5b6danq] { max-width: 18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detail-cell[b-tec5b6danq] { max-width: 30rem; }

.mono[b-tec5b6danq] {
    font-family: var(--uds-font-mono, ui-monospace, "Cascadia Mono", Consolas, monospace);
    font-size: 0.8rem;
    white-space: nowrap;
}

/* ── State pills ─────────────────────────────────────────────────────────── */
.pill[b-tec5b6danq] {
    display: inline-block;
    padding: 0.12rem 0.55rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
    margin-right: 0.25rem;
}

.pill-pass[b-tec5b6danq]  { background: #e3f4e8; color: #1c6b34; }
.pill-warn[b-tec5b6danq]  { background: #fdf3dd; color: #86620d; }
.pill-fail[b-tec5b6danq]  { background: #fbe0e0; color: #a02020; }
.pill-muted[b-tec5b6danq] { background: var(--uds-grey-100); color: var(--uds-secondary); }
/* M115 (CD374): a booking a person entered — its own colour, so it is never mistaken for a match the system found. */
.pill-entered[b-tec5b6danq] { background: #e2ecfa; color: #1f4f8f; }

/* M115: the entry controls — small, in the Match cell and in the bar above the lines. */
.btn-mini[b-tec5b6danq] { padding: 0.05rem 0.5rem; font-size: 0.74rem; vertical-align: middle; }
.entry-inline[b-tec5b6danq] { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; vertical-align: middle; }
.entry-inline input[b-tec5b6danq], .entry-bar input[b-tec5b6danq] {
    width: 8.5rem;
    padding: 0.1rem 0.4rem;
    font-size: 0.8rem;
    font-family: Consolas, "Courier New", monospace;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
}
.entry-bar[b-tec5b6danq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin: 0.4rem 0 0.6rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
    background: #f4f8fd;
    border: 1px solid #d5e2f3;
    border-radius: 6px;
}

/* ── Detail panel ────────────────────────────────────────────────────────── */
.detail[b-tec5b6danq] { margin-top: 1.75rem; }

.detail-head[b-tec5b6danq] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.detail-head h2[b-tec5b6danq] {
    font-family: var(--uds-font-head);
    font-size: 1.05rem;
    color: var(--uds-navy);
    margin: 0;
}
.detail-actions[b-tec5b6danq] { display: flex; gap: 0.5rem; flex-wrap: wrap; }

.section-head[b-tec5b6danq] {
    font-family: var(--uds-font-head);
    font-size: 0.95rem;
    color: var(--uds-navy);
    margin: 1.5rem 0 0.25rem;
}

.summary-grid[b-tec5b6danq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    gap: 0.6rem 1.25rem;
    margin: 1rem 0;
    max-width: 60rem;
}
.sum-item[b-tec5b6danq] { display: flex; flex-direction: column; gap: 0.1rem; font-size: 0.88rem; }
.sum-label[b-tec5b6danq] { font-size: 0.72rem; font-weight: 600; color: var(--uds-secondary); text-transform: uppercase; letter-spacing: 0.03em; }

/* ── Exceptions — the reason this screen exists, so it reads as a highlight ── */
.exceptions[b-tec5b6danq] {
    background: #fdf6f0;
    border: 1px solid #d9822b;
    border-left-width: 4px;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin: 1rem 0;
    max-width: 60rem;
}
.exceptions h3[b-tec5b6danq] {
    margin: 0 0 0.6rem;
    font-family: var(--uds-font-head);
    font-size: 1rem;
    color: var(--uds-navy);
}
.exceptions ul[b-tec5b6danq] { margin: 0; padding-left: 1.1rem; }
.exceptions li[b-tec5b6danq] { font-size: 0.88rem; margin-bottom: 0.35rem; }

.all-clear[b-tec5b6danq] {
    background: #e3f4e8;
    border: 1px solid #1c6b34;
    border-left-width: 4px;
    border-radius: 8px;
    color: #1c6b34;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.75rem 1.25rem;
    margin: 1rem 0;
    max-width: 60rem;
}

/* ── Buttons ─────────────────────────────────────────────────────────────── */
.btn[b-tec5b6danq] {
    display: inline-block;
    padding: 0.35rem 0.85rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    background: var(--uds-white);
    color: var(--uds-navy);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
}
.btn:hover[b-tec5b6danq] { background: var(--uds-grey-100); }

.btn-primary[b-tec5b6danq] { background: var(--uds-navy); border-color: var(--uds-navy); color: #fff; }
.btn-primary:hover[b-tec5b6danq] { filter: brightness(1.12); background: var(--uds-navy); }
.btn:disabled[b-tec5b6danq] { opacity: 0.55; cursor: default; }

/* ── Batch chrome (CHG-076) — appears only when an upload held more than one document ── */
td.expander[b-tec5b6danq] { width: 1.6rem; padding-left: 0.4rem; padding-right: 0; }
.expand-btn[b-tec5b6danq] {
    background: none;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    color: var(--uds-navy);
    cursor: pointer;
    font-size: 0.8rem;
    line-height: 1;
    padding: 0.15rem 0.4rem;
}
.expand-btn:hover[b-tec5b6danq] { background: var(--uds-grey-100); }
.batch-pill[b-tec5b6danq] { margin-left: 0.5rem; font-weight: 600; }
table.grid tr.row-batch td[b-tec5b6danq] { font-weight: 600; }
table.grid tr.row-batch td:nth-child(n+4)[b-tec5b6danq] { font-weight: 400; }
/* Children sit under their upload, indented and a shade lighter */
table.grid tr.row-child[b-tec5b6danq] { background: #fafbfc; }
table.grid tr.row-child:hover[b-tec5b6danq] { background: var(--uds-grey-100); }
table.grid tr.row-child td[b-tec5b6danq] { font-size: 0.82rem; color: #3a3f4a; border-bottom-color: #eef0f3; }
.child-name[b-tec5b6danq] { padding-left: 1.2rem !important; }
.child-name[b-tec5b6danq]::before { content: "└ "; color: var(--uds-secondary); }
.detail table.grid tbody tr.row-link[b-tec5b6danq] { cursor: pointer; }

/* ── DP 10 (CHG-163): Apply to Logix on an invoice — switch line, the button, undo, per-line outcome notes ── */
.small[b-tec5b6danq] { font-size: 0.8rem; }
.switch-line[b-tec5b6danq] { margin-top: 0.85rem; font-size: 0.8rem; color: var(--uds-secondary); }
.switch-line .pill[b-tec5b6danq] { margin-left: 0.3rem; }
.btn-undo[b-tec5b6danq] { padding: 0.1rem 0.55rem; font-size: 0.74rem; margin-left: 0.35rem; vertical-align: middle; }
.btn-apply[b-tec5b6danq] { padding: 0.2rem 0.75rem; font-size: 0.78rem; margin-left: 0.35rem; vertical-align: middle; }
.detail-actions .pill[b-tec5b6danq] { margin-left: 0.35rem; vertical-align: middle; }
/* /Components/Pages/Documents/SupplierCosts/FileImport.razor.rz.scp.css */
/* CHG-160 — Supplier Costs — File Import (+ the Mappings section). Scoped; visible borders #b9bec7 (the View Scan / MAWB List base block). */

.fi[b-ym7ap4txuq] { font-size: 0.86rem; position: relative; max-width: 110rem; }
.fi .notice[b-ym7ap4txuq] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.fi .notice.error[b-ym7ap4txuq] { border-left-color: var(--uds-red); }
.fi .notice.warn[b-ym7ap4txuq] { border-left-color: #e0a800; background: #fff8e1; margin: 0.6rem 0 0; max-width: none; }
.fi .muted[b-ym7ap4txuq] { color: var(--uds-secondary); }
.fi .small[b-ym7ap4txuq] { font-size: 0.78rem; }
.fi .padded[b-ym7ap4txuq] { padding: 0.75rem 1rem; }
.fi .mono[b-ym7ap4txuq] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }
.fi .up[b-ym7ap4txuq] { text-transform: uppercase; }
.fi .ell[b-ym7ap4txuq] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 32rem; display: inline-block; vertical-align: bottom; }
.fi .ok[b-ym7ap4txuq] { color: #1b6e2a; }
.fi .bad[b-ym7ap4txuq] { color: #b02a37; }

.panel[b-ym7ap4txuq] { border: 1px solid #b9bec7; border-radius: 8px; background: azure; padding: 0.6rem 0.9rem; margin-bottom: 0.6rem; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }   /* A101: the legacy's azure head */
.fgrid[b-ym7ap4txuq] { display: grid; grid-template-columns: 16rem 14rem minmax(0, 2fr) auto; gap: 0.4rem 0.8rem; align-items: end; }
@media (max-width: 1100px) { .fgrid[b-ym7ap4txuq] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fld[b-ym7ap4txuq] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.abtns[b-ym7ap4txuq] { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; min-height: 29px; }

.bar[b-ym7ap4txuq] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar.sect[b-ym7ap4txuq] { margin-top: 1rem; padding-top: 0.6rem; border-top: 2px solid #b9bec7; }
.bar .cap[b-ym7ap4txuq] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-ym7ap4txuq] { flex: 1 1 auto; }

.fi .btn[b-ym7ap4txuq] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; gap: 0.3rem; }
.fi .btn:hover[b-ym7ap4txuq] { background: var(--uds-grey-100); }
.fi .btn:disabled[b-ym7ap4txuq], .fi .btn.off[b-ym7ap4txuq] { opacity: 0.5; cursor: default; }
.fi .btn-primary[b-ym7ap4txuq] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.fi .btn-primary:hover[b-ym7ap4txuq] { background: #0a3a66; }
.fi .btn.mini[b-ym7ap4txuq] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.fi .btn.danger[b-ym7ap4txuq] { color: #b02a37; border-color: #e0a1a8; background: #fff5f5; }
.fi .btn.danger:hover[b-ym7ap4txuq] { background: #ffe3e6; }
.fi .ib[b-ym7ap4txuq] { border: 0; background: transparent; color: #b02a37; font-weight: 700; cursor: pointer; font-size: 0.9rem; padding: 0 0.3rem; }
.fi .ib:disabled[b-ym7ap4txuq] { opacity: 0.4; cursor: default; }
.fi .tb[b-ym7ap4txuq] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 3rem; }
.fi .tb.r[b-ym7ap4txuq] { text-align: right; }
.fi .tb.c[b-ym7ap4txuq] { text-align: center; }
.fi .tb.col[b-ym7ap4txuq] { width: 3.4rem; min-width: 3.4rem; }
.fi .cb[b-ym7ap4txuq] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }
.fgrid .tb[b-ym7ap4txuq], .fgrid .cb[b-ym7ap4txuq] { height: 29px; width: 100%; }

.fi table.grid[b-ym7ap4txuq] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: whitesmoke; }
.fi table.grid th[b-ym7ap4txuq] { background: #3c8dbc; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.fi table.grid th.r[b-ym7ap4txuq], .fi table.grid td.r[b-ym7ap4txuq] { text-align: right; }
.fi table.grid th.c[b-ym7ap4txuq], .fi table.grid td.c[b-ym7ap4txuq] { text-align: center; }
.fi table.grid td[b-ym7ap4txuq] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; white-space: nowrap; }
.fi table.grid td.ell[b-ym7ap4txuq] { max-width: 18rem; display: table-cell; }
.fi table.grid tbody tr:hover td[b-ym7ap4txuq] { background: #f6faff; }
.fi table.grid tr.off td[b-ym7ap4txuq] { color: #888; font-style: italic; }
.fi table.grid tr.editing td[b-ym7ap4txuq] { background: #fffbe6; padding: 0.2rem 0.3rem; }
.fi table.grid tr.editing td.acts .btn + .btn[b-ym7ap4txuq] { margin-left: 0.3rem; }
/* I442-I459: matched #cdeccd / unmatched & validation #f4c5c5 / IMPORTED LightSeaGreen */
.fi table.grid td.cell-ok[b-ym7ap4txuq] { background: #cdeccd; color: #1b6e2a; font-weight: 600; }
.fi table.grid td.cell-bad[b-ym7ap4txuq] { background: #f4c5c5; color: #b02a37; font-weight: 600; }
.fi table.grid td.cell-imported[b-ym7ap4txuq] { background: #20b2aa; color: #fff; font-weight: 700; }
/* a wide grid scrolls on its own — never the whole page, so the menu stays put */
.scroll[b-ym7ap4txuq] { overflow-x: auto; }

.guide[b-ym7ap4txuq] { margin: 0.8rem 0 0; font-size: 0.8rem; color: #444; }
.guide summary[b-ym7ap4txuq] { cursor: pointer; font-weight: 600; color: var(--uds-navy); }
.guide ul[b-ym7ap4txuq] { margin: 0.4rem 0 0 1.2rem; line-height: 1.5; }

/* the legacy's informative loading panels (A8-A36) */
.fi-busy[b-ym7ap4txuq] { position: fixed; inset: 0; z-index: 65; background: rgba(240,255,255,0.88); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.fi-busy .spin[b-ym7ap4txuq] { width: 54px; height: 54px; border: 6px solid #d6e9f2; border-top-color: #3c8dbc; border-radius: 50%; animation: fi-spin-b-ym7ap4txuq 0.9s linear infinite; }
.fi-busy .txt[b-ym7ap4txuq] { margin-top: 16px; text-align: center; color: #3c8dbc; font-size: 1rem; font-weight: 600; max-width: 30rem; }
@keyframes fi-spin-b-ym7ap4txuq { to { transform: rotate(360deg); } }

.fi-toasts[b-ym7ap4txuq] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.fi-toast[b-ym7ap4txuq] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.fi-toast-error[b-ym7ap4txuq] { border-left-color: var(--uds-red); }
.fi-toast-warning[b-ym7ap4txuq] { border-left-color: #e0a800; }
.fi-toast-info[b-ym7ap4txuq] { border-left-color: #2779ce; }
.fi-toast-success[b-ym7ap4txuq] { border-left-color: #2e7d32; }
.fi-toast-head[b-ym7ap4txuq] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.fi-toast-head button[b-ym7ap4txuq] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.fi-toast-body[b-ym7ap4txuq] { padding: 0.55rem 0.75rem; }

.fi-dim[b-ym7ap4txuq] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.fi-dialog[b-ym7ap4txuq] { position: fixed; z-index: 71; left: 50%; top: 22%; transform: translateX(-50%); width: 30rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.fi-dialog-head[b-ym7ap4txuq] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.fi-dialog-body[b-ym7ap4txuq] { padding: 0.9rem; line-height: 1.45; }
.fi-dialog-foot[b-ym7ap4txuq] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }
/* /Components/Pages/Documents/SupplierCosts/ManualEntry.razor.rz.scp.css */
/* CHG-160 — Supplier Costs — Manual Entry. Scoped; visible borders #b9bec7 (the View Scan / MAWB List base block). */

.sc[b-07070xa08i] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.sc .notice[b-07070xa08i] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.sc .notice.error[b-07070xa08i] { border-left-color: var(--uds-red); }
.sc .notice.warn[b-07070xa08i] { border-left-color: #e0a800; background: #fff8e1; margin: 0.6rem 0 0; }
.sc .muted[b-07070xa08i] { color: var(--uds-secondary); }
.sc .small[b-07070xa08i] { font-size: 0.78rem; }
.sc .padded[b-07070xa08i] { padding: 0.75rem 1rem; }
.sc .mono[b-07070xa08i] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }
.sc .up[b-07070xa08i] { text-transform: uppercase; }

.panel[b-07070xa08i] { border: 1px solid #b9bec7; border-radius: 8px; background: var(--uds-grey-100); padding: 0.6rem 0.9rem; margin-bottom: 0.6rem; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.fgrid[b-07070xa08i] { display: grid; grid-template-columns: 12rem 8rem minmax(0, 2fr) minmax(0, 1.4fr) auto; gap: 0.4rem 0.8rem; align-items: end; }
@media (max-width: 1000px) { .fgrid[b-07070xa08i] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fld[b-07070xa08i] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.fld .val[b-07070xa08i] { font-size: 0.9rem; color: var(--uds-ink); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 29px; line-height: 29px; }
.abtns[b-07070xa08i] { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }

.bar[b-07070xa08i] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-07070xa08i] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-07070xa08i] { flex: 1 1 auto; }

.sc .btn[b-07070xa08i] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; gap: 0.3rem; }
.sc .btn:hover[b-07070xa08i] { background: var(--uds-grey-100); }
.sc .btn:disabled[b-07070xa08i] { opacity: 0.5; cursor: default; }
.sc .btn-primary[b-07070xa08i] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.sc .btn-primary:hover[b-07070xa08i] { background: #0a3a66; }
.sc .btn.mini[b-07070xa08i] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.sc .btn.danger[b-07070xa08i] { color: #b02a37; border-color: #e0a1a8; background: #fff5f5; }
.sc .btn.danger:hover[b-07070xa08i] { background: #ffe3e6; }
.sc .ib[b-07070xa08i] { border: 0; background: transparent; color: #b02a37; font-weight: 700; cursor: pointer; font-size: 0.9rem; padding: 0 0.3rem; }
.sc .ib:disabled[b-07070xa08i] { opacity: 0.4; cursor: default; }
.sc .tb[b-07070xa08i] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 4rem; }
.sc .tb.r[b-07070xa08i] { text-align: right; }
.sc .cb[b-07070xa08i] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }
.fgrid .tb[b-07070xa08i] { height: 29px; background: #dbfdee; font-size: 0.9rem; letter-spacing: 0.08em; }   /* A68: the legacy AWB box tint */

.sc table.grid[b-07070xa08i] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: whitesmoke; }
.sc table.grid th[b-07070xa08i] { background: #3c8dbc; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.sc table.grid th.r[b-07070xa08i], .sc table.grid td.r[b-07070xa08i] { text-align: right; }
.sc table.grid th.c[b-07070xa08i], .sc table.grid td.c[b-07070xa08i] { text-align: center; }
.sc table.grid td[b-07070xa08i] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; white-space: nowrap; }
.sc table.grid tbody tr:hover td[b-07070xa08i] { background: #f6faff; }
.sc table.grid tr.editing td[b-07070xa08i] { background: #fffbe6; padding: 0.2rem 0.3rem; }
.sc table.grid tr.editing td.acts[b-07070xa08i] { white-space: nowrap; }
.sc table.grid tr.editing td.acts .btn + .btn[b-07070xa08i] { margin-left: 0.3rem; }
.sc table.grid tfoot td[b-07070xa08i] { background: #eaf3fb; border-top: 2px solid #b9bec7; }
/* CHG-163 (CD363): the Charge column + the marker on a line written automatically from a supplier invoice */
.sc table.grid td.chg[b-07070xa08i] { max-width: 22rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc .autocost[b-07070xa08i] { display: inline-block; margin-left: 0.3rem; padding: 0 0.3rem; font-size: 0.66rem; font-weight: 600; letter-spacing: 0.02em; color: #1c6b34; background: #e3f4e8; border-radius: 3px; vertical-align: middle; font-family: inherit; }
/* a wide grid scrolls on its own — never the whole page, so the menu stays put */
.scroll[b-07070xa08i] { overflow-x: auto; }

.sc-toasts[b-07070xa08i] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.sc-toast[b-07070xa08i] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.sc-toast-error[b-07070xa08i] { border-left-color: var(--uds-red); }
.sc-toast-warning[b-07070xa08i] { border-left-color: #e0a800; }
.sc-toast-info[b-07070xa08i] { border-left-color: #2779ce; }
.sc-toast-success[b-07070xa08i] { border-left-color: #2e7d32; }
.sc-toast-head[b-07070xa08i] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.sc-toast-head button[b-07070xa08i] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.sc-toast-body[b-07070xa08i] { padding: 0.55rem 0.75rem; }

.sc-dim[b-07070xa08i] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.sc-dialog[b-07070xa08i] { position: fixed; z-index: 71; left: 50%; top: 22%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.sc-dialog-head[b-07070xa08i] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.sc-dialog-body[b-07070xa08i] { padding: 0.9rem; line-height: 1.45; }
.sc-dialog-foot[b-07070xa08i] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }
/* /Components/Pages/Documents/TransportDocuments.razor.rz.scp.css */
/* Transport Documents (CD125 split, CHG-075) — the Documents page's stylesheet, duplicated
   because scoped CSS is per-page, not global: shared markup without its own copy renders
   unstyled. Keep visual changes in step with Documents.razor.css. */

.page-head[b-mhqfpexmpc] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

.subtitle[b-mhqfpexmpc] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 46rem;
    font-size: 0.9rem;
}

.notice[b-mhqfpexmpc] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}

.muted[b-mhqfpexmpc] { color: var(--uds-secondary); }

/* ── Command area ────────────────────────────────────────────────────────── */
.controls[b-mhqfpexmpc] {
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 1.1rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.filters[b-mhqfpexmpc] {
    display: flex;
    align-items: flex-end;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.fld[b-mhqfpexmpc] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: var(--uds-navy); }
.fld select[b-mhqfpexmpc],
.fld[b-mhqfpexmpc]  input[type="file"] {
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.88rem;
    background: var(--uds-white);
}
.file-fld[b-mhqfpexmpc]  input[type="file"] { min-width: 20rem; }

/* CD120 (built 10 Nov 2026, CHG-163): the file field is a DROP ZONE. The browser's own file control is stretched over the
   whole zone and made invisible, so a file dropped anywhere on it — or a click — goes through the SAME control and the same
   OnChange / validation path as before. The zone shows the chosen file itself (the native control no longer does).
   .drop-over is set by the app-shell script while a file is dragged over the zone. */
.dropzone[b-mhqfpexmpc] {
    position: relative; display: flex; flex-direction: column; justify-content: center; gap: 0.15rem;
    min-width: 22rem; min-height: 3.4rem; padding: 0.5rem 0.9rem;
    border: 2px dashed #9aa3af; border-radius: 6px; background: #f7f9fb;
    font-weight: 400; color: #444; cursor: pointer; transition: background 0.12s, border-color 0.12s;
}
.dropzone:hover[b-mhqfpexmpc], .dropzone:focus-within[b-mhqfpexmpc] { border-color: var(--uds-navy); background: #eef4fa; }
.dropzone.drop-over[b-mhqfpexmpc] { border-color: #1c6b34; border-style: solid; background: #e3f4e8; }
.dropzone.dz-busy[b-mhqfpexmpc] { opacity: 0.55; cursor: default; }
.dropzone[b-mhqfpexmpc]  input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; min-width: 0; padding: 0; border: 0; opacity: 0; cursor: pointer; }
.dropzone.dz-busy[b-mhqfpexmpc]  input[type="file"] { cursor: default; }
.dz-hint[b-mhqfpexmpc] { font-size: 0.8rem; color: #666; }
.dz-hint b[b-mhqfpexmpc] { color: var(--uds-navy); }
.dz-file[b-mhqfpexmpc] { font-size: 0.9rem; font-weight: 600; color: var(--uds-navy); overflow-wrap: anywhere; }
.dz-size[b-mhqfpexmpc] { font-weight: 400; color: #777; }

/* Errors render beside the control that raised them — a top-of-page banner goes
   unseen next to a long results grid (the RateCardImport lesson, live 15 Aug). */
.inline-error[b-mhqfpexmpc] {
    background: #fbe0e0;
    border: 1px solid #a02020;
    border-radius: 4px;
    color: #7c1a1a;
    font-size: 0.85rem;
    padding: 0.5rem 0.75rem;
    margin-top: 0.85rem;
    max-width: 46rem;
}

.progress-line[b-mhqfpexmpc] {
    margin-top: 0.85rem;
    font-size: 0.85rem;
    color: var(--uds-navy);
    font-weight: 600;
}

/* ── Tables (ScanDevices metrics) ────────────────────────────────────────── */
.grid-wrap[b-mhqfpexmpc] { overflow-x: auto; }

table.grid[b-mhqfpexmpc] {
    font-size: 0.85rem;
    border-collapse: collapse;
    width: 100%;
    margin-top: 1rem;
}

table.grid th[b-mhqfpexmpc] {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.5rem 0.9rem;
    white-space: nowrap;
}

table.grid td[b-mhqfpexmpc] {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.55rem 0.9rem;
    vertical-align: middle;
}

table.grid tbody tr:hover[b-mhqfpexmpc] { background: var(--uds-grey-100); }
table.grid tbody tr[b-mhqfpexmpc] { cursor: pointer; }
/* The selected run must be findable at a glance from the detail below it — the
   navy inset bar is the house selected/highlight convention (Decisions page). */
table.grid tr.row-selected[b-mhqfpexmpc] { background: #dbe7f5; box-shadow: inset 4px 0 0 var(--uds-navy); }
table.grid tr.row-selected:hover[b-mhqfpexmpc] { background: #cfdff1; }
table.grid tr.row-selected td:first-child[b-mhqfpexmpc] { font-weight: 700; color: var(--uds-navy); }
table.grid tr.row-flagged[b-mhqfpexmpc] { background: #fdf9ee; }
table.grid tr.row-flagged:hover[b-mhqfpexmpc] { background: #faf3dd; }

.detail table.grid tbody tr[b-mhqfpexmpc] { cursor: default; }

th.num[b-mhqfpexmpc], td.num[b-mhqfpexmpc] { text-align: right; }
.file-name[b-mhqfpexmpc] { max-width: 18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detail-cell[b-mhqfpexmpc] { max-width: 30rem; }

.mono[b-mhqfpexmpc] {
    font-family: var(--uds-font-mono, ui-monospace, "Cascadia Mono", Consolas, monospace);
    font-size: 0.8rem;
    white-space: nowrap;
}

/* ── State pills ─────────────────────────────────────────────────────────── */
.pill[b-mhqfpexmpc] {
    display: inline-block;
    padding: 0.12rem 0.55rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
    margin-right: 0.25rem;
}

.pill-pass[b-mhqfpexmpc]  { background: #e3f4e8; color: #1c6b34; }
.pill-warn[b-mhqfpexmpc]  { background: #fdf3dd; color: #86620d; }
.pill-fail[b-mhqfpexmpc]  { background: #fbe0e0; color: #a02020; }
.pill-muted[b-mhqfpexmpc] { background: var(--uds-grey-100); color: var(--uds-secondary); }

/* ── Detail panel ────────────────────────────────────────────────────────── */
.detail[b-mhqfpexmpc] { margin-top: 1.75rem; }

.detail-head[b-mhqfpexmpc] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.detail-head h2[b-mhqfpexmpc] {
    font-family: var(--uds-font-head);
    font-size: 1.05rem;
    color: var(--uds-navy);
    margin: 0;
}
.detail-actions[b-mhqfpexmpc] { display: flex; gap: 0.5rem; flex-wrap: wrap; }

.section-head[b-mhqfpexmpc] {
    font-family: var(--uds-font-head);
    font-size: 0.95rem;
    color: var(--uds-navy);
    margin: 1.5rem 0 0.25rem;
}

.summary-grid[b-mhqfpexmpc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    gap: 0.6rem 1.25rem;
    margin: 1rem 0;
    max-width: 60rem;
}
.sum-item[b-mhqfpexmpc] { display: flex; flex-direction: column; gap: 0.1rem; font-size: 0.88rem; }
.sum-label[b-mhqfpexmpc] { font-size: 0.72rem; font-weight: 600; color: var(--uds-secondary); text-transform: uppercase; letter-spacing: 0.03em; }

/* ── Exceptions — the reason this screen exists, so it reads as a highlight ── */
.exceptions[b-mhqfpexmpc] {
    background: #fdf6f0;
    border: 1px solid #d9822b;
    border-left-width: 4px;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin: 1rem 0;
    max-width: 60rem;
}
.exceptions h3[b-mhqfpexmpc] {
    margin: 0 0 0.6rem;
    font-family: var(--uds-font-head);
    font-size: 1rem;
    color: var(--uds-navy);
}
.exceptions ul[b-mhqfpexmpc] { margin: 0; padding-left: 1.1rem; }
.exceptions li[b-mhqfpexmpc] { font-size: 0.88rem; margin-bottom: 0.35rem; }

.all-clear[b-mhqfpexmpc] {
    background: #e3f4e8;
    border: 1px solid #1c6b34;
    border-left-width: 4px;
    border-radius: 8px;
    color: #1c6b34;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.75rem 1.25rem;
    margin: 1rem 0;
    max-width: 60rem;
}

/* ── Buttons ─────────────────────────────────────────────────────────────── */
.btn[b-mhqfpexmpc] {
    display: inline-block;
    padding: 0.35rem 0.85rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    background: var(--uds-white);
    color: var(--uds-navy);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
}
.btn:hover[b-mhqfpexmpc] { background: var(--uds-grey-100); }

.btn-primary[b-mhqfpexmpc] { background: var(--uds-navy); border-color: var(--uds-navy); color: #fff; }
.btn-primary:hover[b-mhqfpexmpc] { filter: brightness(1.12); background: var(--uds-navy); }
.btn:disabled[b-mhqfpexmpc] { opacity: 0.55; cursor: default; }

/* ── Records (M090, CHG-078): run-sheet cards + note rows ─────────────────── */
.record-card[b-mhqfpexmpc] {
    border: 1px solid var(--uds-grey-200, #d9dde3);
    border-left: 4px solid var(--uds-navy);
    border-radius: 8px;
    padding: 0.9rem 1.1rem 0.6rem;
    margin: 0.9rem 0;
    background: #fff;
}
.record-head[b-mhqfpexmpc] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.record-title[b-mhqfpexmpc] { font-family: var(--uds-font-head); font-size: 0.98rem; font-weight: 700; color: var(--uds-navy); }
.record-pills[b-mhqfpexmpc] { display: flex; gap: 0.3rem; }
.record-summary[b-mhqfpexmpc] { margin: 0.6rem 0 0.4rem; }
.record-note[b-mhqfpexmpc] { font-size: 0.86rem; margin: 0.3rem 0; }
.record-note .pill[b-mhqfpexmpc] { margin-right: 0.3rem; }
.lines-grid[b-mhqfpexmpc] { margin-top: 0.4rem; }
.line-check[b-mhqfpexmpc] { margin: 0.1rem 0; }
.hand[b-mhqfpexmpc] {
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    color: #4a3b8c;
    margin-left: 0.35rem;
}
table.grid tr.note-row[b-mhqfpexmpc] { cursor: pointer; }
table.grid tr.note-detail td[b-mhqfpexmpc] { background: #f6f7f9; cursor: default; }
.small[b-mhqfpexmpc] { font-size: 0.8rem; }

/* ── Writes (M101, CHG-100): switch status line, undo controls, undone rows ── */
.switch-line[b-mhqfpexmpc] { margin-top: 0.85rem; font-size: 0.8rem; color: var(--uds-secondary); }
.switch-line .pill[b-mhqfpexmpc] { margin-left: 0.3rem; }
.btn-undo[b-mhqfpexmpc] { padding: 0.1rem 0.55rem; font-size: 0.74rem; margin-left: 0.35rem; vertical-align: middle; }
table.grid tr.row-reverted td[b-mhqfpexmpc] { color: var(--uds-secondary); }

/* ── DP 07 (CHG-104): per-sheet Apply, the signature cell in place of a name ── */
.btn-apply[b-mhqfpexmpc] { padding: 0.2rem 0.75rem; font-size: 0.78rem; margin-left: 0.35rem; vertical-align: middle; }
.btn-small[b-mhqfpexmpc] { padding: 0.1rem 0.55rem; font-size: 0.74rem; margin-left: 0.35rem; vertical-align: middle; }
.sig[b-mhqfpexmpc] {
    display: block;
    max-height: 4.2rem;
    max-width: 26rem;
    margin-top: 0.3rem;
    border: 1px solid var(--uds-grey-200, #d9dde3);
    border-radius: 4px;
    background: #fff;
}

/* DP 08: the receipt box of a carrier delivery note — wider and taller than a run-sheet row */
.sig-receipt[b-mhqfpexmpc] {
    max-height: 9rem;
    max-width: 40rem;
    border: 1px solid #d9dee5;
}

/* DP 09 (CHG-127): one reference / booking per line inside a summary cell */
.ref-line[b-mhqfpexmpc] { display: block; line-height: 1.6; }
.ref-line .pill[b-mhqfpexmpc] { margin-left: 0.3rem; }
/* /Components/Pages/Error.razor.rz.scp.css */
/* CHG-170: the error page, styled like /denied */
.errpage[b-7m1lwsp0k1] {
    max-width: 34rem;
    margin-top: 1rem;
}

.errpage .lead[b-7m1lwsp0k1] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.errpage .detail[b-7m1lwsp0k1],
.errpage .actions[b-7m1lwsp0k1] {
    color: var(--uds-secondary);
    font-size: 0.92rem;
}

.errpage .actions .sep[b-7m1lwsp0k1] {
    margin: 0 0.5rem;
}

.errpage .reason[b-7m1lwsp0k1] {
    font-size: 0.85rem;
    color: var(--uds-secondary);
}
/* /Components/Pages/Home.razor.rz.scp.css */
.welcome[b-t2vm4low4l] {
    max-width: 40rem;
}

.welcome h1[b-t2vm4low4l] {
    margin-bottom: 0.25rem;
}

.welcome .lead[b-t2vm4low4l] {
    font-size: 1.15rem;
    color: var(--uds-ink);
    margin-bottom: 1.25rem;
}

.welcome .skeleton-note[b-t2vm4low4l] {
    font-size: 0.9rem;
    color: var(--uds-secondary);
    border-left: 3px solid var(--uds-red);
    padding-left: 0.75rem;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login[b-b1nupsnraq] {
    max-width: 24rem;
    margin: 2rem auto 0;
}

.login h1[b-b1nupsnraq] {
    font-family: var(--uds-font-head);
    color: var(--uds-navy);
    margin-bottom: 0.25rem;
}

.login .lead[b-b1nupsnraq] {
    font-size: 1.05rem;
    margin-bottom: 1rem;
}

.login .form[b-b1nupsnraq] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 6px;
    padding: 1rem;
}

.login .fld[b-b1nupsnraq] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--uds-navy);
}

.login .fld input[b-b1nupsnraq] {
    font: inherit;
    font-weight: 400;
    padding: 0.45rem 0.6rem;
    border: 1px solid #b9bec7;
    border-radius: 4px;
    background: #fff;
}

.login .fld input:focus[b-b1nupsnraq] {
    outline: 2px solid var(--uds-navy);
    outline-offset: 1px;
}

.login .btn[b-b1nupsnraq] {
    margin-top: 0.25rem;
    padding: 0.55rem 1rem;
    font: inherit;
    font-weight: 700;
    color: #fff;
    background: var(--uds-navy);
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}

.login .btn:hover[b-b1nupsnraq] {
    filter: brightness(1.15);
}

.login .err[b-b1nupsnraq] {
    background: #fff3f3;
    color: #8a1c1c;
    border: 1px solid #e3a3a3;
    border-radius: 4px;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
}

.login .detail[b-b1nupsnraq] {
    color: var(--uds-secondary);
    font-size: 0.85rem;
    margin-top: 0.9rem;
}

.dev-box[b-b1nupsnraq] {
    margin-top: 1.5rem;
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-red);
    padding: 0.6rem 0.9rem;
    font-size: 0.85rem;
}
/* /Components/Pages/Operations/AssignMawb.razor.rz.scp.css */
/* CHG-148 — Assign MAWB page. Scoped; page-prefixed names (am-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.am[b-sgd2mvvlff] { font-size: 0.86rem; position: relative; }
.am .notice[b-sgd2mvvlff] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.am .notice.error[b-sgd2mvvlff] { border-left-color: var(--uds-red); }
.am .muted[b-sgd2mvvlff] { color: var(--uds-secondary); }
.am .padded[b-sgd2mvvlff] { padding: 0.75rem 1rem; }
.am .mono[b-sgd2mvvlff] { font-family: "Source Code Pro", Consolas, monospace; }
.am .nowrap[b-sgd2mvvlff] { white-space: nowrap; }

/* toasts — bottom-right, stacked upwards above the AI Assistant button (the Core convention) */
.am-toasts[b-sgd2mvvlff] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.am-toast[b-sgd2mvvlff] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.am-toast-error[b-sgd2mvvlff] { border-left-color: var(--uds-red); }
.am-toast-warning[b-sgd2mvvlff] { border-left-color: #e0a800; }
.am-toast-info[b-sgd2mvvlff] { border-left-color: #2779ce; }
.am-toast-head[b-sgd2mvvlff] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.am-toast-head button[b-sgd2mvvlff] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.am-toast-body[b-sgd2mvvlff] { padding: 0.55rem 0.75rem; }

/* confirm dialog (the JS confirm of shouldApply) */
.am-dim[b-sgd2mvvlff] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.am-dialog[b-sgd2mvvlff] { position: fixed; z-index: 71; left: 50%; top: 18%; transform: translateX(-50%); width: 34rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.am-dialog-head[b-sgd2mvvlff] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.am-dialog-body[b-sgd2mvvlff] { padding: 0.9rem; line-height: 1.45; }
.am-dialog-foot[b-sgd2mvvlff] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }
/* the confirm body is MarkupString — not scoped — so its parts are reached with ::deep */
.am-dialog-body[b-sgd2mvvlff]  table.am-confirm { border-collapse: collapse; margin: 0.3rem 0 0.2rem; }
.am-dialog-body[b-sgd2mvvlff]  table.am-confirm td { border: 1px solid #d7dbe2; padding: 0.15rem 0.6rem; }
.am-dialog-body[b-sgd2mvvlff]  table.am-confirm td:first-child { color: #555; background: #f6f8fb; }
.am-dialog-body[b-sgd2mvvlff]  .am-blank { color: #b02a37; font-style: italic; }
.am-dialog-body[b-sgd2mvvlff]  .am-warn { color: #8a6d00; background: #fff8dc; border: 1px solid #f0d58c; border-radius: 4px; padding: 0.3rem 0.5rem; margin-top: 0.4rem; font-size: 0.8rem; }
.am-dialog-body[b-sgd2mvvlff]  ul.am-warnlist { margin: 0.2rem 0 0 1.1rem; padding: 0; color: #b02a37; }
.am-dialog-body[b-sgd2mvvlff]  code { font-family: "Source Code Pro", Consolas, monospace; font-size: 0.8rem; }

/* buttons + inputs */
.am .btn[b-sgd2mvvlff] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; }
.am .btn:hover[b-sgd2mvvlff] { background: var(--uds-grey-100); }
.am .btn:disabled[b-sgd2mvvlff] { opacity: 0.5; cursor: default; }
.am .btn-primary[b-sgd2mvvlff] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.am .btn-primary:hover[b-sgd2mvvlff] { background: #0a3a66; }
.am .btn.danger[b-sgd2mvvlff] { color: #b02a37; border-color: #e0a1a8; background: #fff5f5; }
.am .btn.danger:hover[b-sgd2mvvlff] { background: #ffe3e6; }
.am .btn.mini[b-sgd2mvvlff] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.am .link[b-sgd2mvvlff] { border: 0; background: transparent; color: #2779ce; cursor: pointer; font: inherit; font-size: 0.78rem; text-decoration: underline; padding: 0 0.2rem; }
.am .tb[b-sgd2mvvlff] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.am .cb[b-sgd2mvvlff] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.am input[type="checkbox"][b-sgd2mvvlff] { width: 15px; height: 15px; cursor: pointer; }

/* panels */
.panel[b-sgd2mvvlff] { border: 1px solid #b9bec7; border-radius: 6px; background: var(--uds-white); min-width: 0; margin-bottom: 0.6rem; }
.panel.mawb[b-sgd2mvvlff] { background: #f6f8fb; padding: 0.55rem 0.75rem; }
.panel.search[b-sgd2mvvlff] { background: #d4e7ff; padding: 0.55rem 0.75rem; }
.ph[b-sgd2mvvlff] { display: flex; justify-content: space-between; align-items: baseline; font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; }
.ph .hint[b-sgd2mvvlff] { font-weight: 400; text-transform: none; color: var(--uds-secondary); font-size: 0.76rem; }
.mgrid[b-sgd2mvvlff] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0.4rem 1rem; align-items: end; }
@media (max-width: 900px) { .mgrid[b-sgd2mvvlff] { grid-template-columns: minmax(0, 1fr); } }
.sgrid[b-sgd2mvvlff] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .sgrid[b-sgd2mvvlff] { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fld[b-sgd2mvvlff] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.fld.ticks[b-sgd2mvvlff] { flex-direction: row; gap: 1rem; align-items: center; height: 29px; font-size: 0.82rem; }
.fld.ticks label[b-sgd2mvvlff] { display: inline-flex; align-items: center; gap: 0.3rem; cursor: pointer; }
.fld.pick .cb[b-sgd2mvvlff] { font-family: "Source Code Pro", Consolas, monospace; font-size: 0.82rem; }
.abtns[b-sgd2mvvlff] { display: flex; flex-direction: row; gap: 0.5rem; align-items: center; }
.selcount[b-sgd2mvvlff] { color: #1c6b34; font-size: 0.78rem; white-space: nowrap; }
.strip[b-sgd2mvvlff] { display: flex; flex-wrap: wrap; gap: 0.3rem 1.4rem; margin-top: 0.55rem; padding-top: 0.45rem; border-top: 1px dashed #b9bec7; }
.sitem[b-sgd2mvvlff] { display: flex; flex-direction: column; font-size: 0.72rem; color: #555; min-width: 7rem; }
.sitem b[b-sgd2mvvlff] { font-size: 0.84rem; color: var(--uds-ink); font-weight: 600; }

/* results bar */
.rbar[b-sgd2mvvlff] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; }
.rbar .cap[b-sgd2mvvlff] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.rbar .grow[b-sgd2mvvlff] { flex: 1 1 auto; }
.rbar .pgsz[b-sgd2mvvlff] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: #555; }
.rbar .pgsz .cb[b-sgd2mvvlff] { width: auto; height: 26px; }

/* grid */
.grid-wrap[b-sgd2mvvlff] { overflow-x: auto; }
.am table.grid[b-sgd2mvvlff] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.am table.grid th[b-sgd2mvvlff] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.am table.grid th.sortable[b-sgd2mvvlff] { cursor: pointer; user-select: none; }
.am table.grid th.sortable:hover[b-sgd2mvvlff] { background: #3a86c4; }
.am table.grid tr.filterrow th[b-sgd2mvvlff] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.am table.grid tr.filterrow th .tb[b-sgd2mvvlff], .am table.grid tr.filterrow th .cb[b-sgd2mvvlff] { min-width: 4rem; height: 26px; font-size: 0.78rem; font-weight: 400; }
.am table.grid td[b-sgd2mvvlff] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.am table.grid td.c[b-sgd2mvvlff], .am table.grid th.c[b-sgd2mvvlff] { text-align: center; }
.am table.grid th.sel[b-sgd2mvvlff], .am table.grid td.sel[b-sgd2mvvlff] { width: 2.4rem; }
.am table.grid td.billto[b-sgd2mvvlff] { max-width: 16rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.am table.grid td.ow[b-sgd2mvvlff] { color: #b02a37; font-weight: 600; }
.am table.grid td.mm[b-sgd2mvvlff] { color: #b02a37; font-weight: 700; background: #fff5f5; }
.am table.grid td a[b-sgd2mvvlff] { color: #0a6ab5; text-decoration: none; font-weight: 600; }
.am table.grid td a:hover[b-sgd2mvvlff] { text-decoration: underline; }
.am table.grid tbody tr:hover td[b-sgd2mvvlff] { background: #f6faff; }
.am table.grid tbody tr.ticked td[b-sgd2mvvlff] { background: #fff8dc; }

.pager[b-sgd2mvvlff] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; justify-content: flex-end; }
.pager span[b-sgd2mvvlff] { padding: 0 0.5rem; color: var(--uds-secondary); }
/* /Components/Pages/Operations/Bags.razor.rz.scp.css */
/* CHG-145 — Edit Bags. Scoped; page-prefixed names (bg-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.bg[b-jswve7zaxn] { font-size: 0.86rem; position: relative; max-width: 80rem; }
.bg .notice[b-jswve7zaxn] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.bg .notice.error[b-jswve7zaxn] { border-left-color: var(--uds-red); }
.bg .muted[b-jswve7zaxn] { color: var(--uds-secondary); }
.bg .small[b-jswve7zaxn] { font-size: 0.76rem; }
.bg .mono[b-jswve7zaxn] { font-family: Consolas, "Roboto Mono", monospace; }
.bg .pending[b-jswve7zaxn] { color: #b26a00; font-weight: 600; }

/* toasts (RadNotification Notify) */
.bg-toasts[b-jswve7zaxn] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.bg-toast[b-jswve7zaxn] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.bg-toast-error[b-jswve7zaxn] { border-left-color: var(--uds-red); }
.bg-toast-info[b-jswve7zaxn] { border-left-color: #2779ce; }
.bg-toast-head[b-jswve7zaxn] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.bg-toast-head button[b-jswve7zaxn] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.bg-toast-body[b-jswve7zaxn] { padding: 0.55rem 0.75rem; line-height: 1.4; }

/* the grey filter panel (A54-116) */
.bg .panel[b-jswve7zaxn] { background: #eaeaea; border: 1px solid #b9bec7; padding: 0.6rem 0.75rem; display: flex; gap: 1.5rem; flex-wrap: wrap; align-items: flex-start; }
.bg .fields[b-jswve7zaxn] { display: flex; flex-direction: column; gap: 0.35rem; }
.bg .f[b-jswve7zaxn] { display: flex; align-items: center; gap: 0.4rem; margin: 0; flex-wrap: wrap; }
.bg .f > span[b-jswve7zaxn] { width: 100px; flex: 0 0 100px; color: #555; font-weight: 600; font-size: 0.8rem; }
.bg .tb[b-jswve7zaxn] { height: 30px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.82rem; background: var(--uds-white); width: 200px; }
.bg .tb.up[b-jswve7zaxn] { text-transform: uppercase; background: #dbfdee; }
.bg .cb[b-jswve7zaxn] { height: 30px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.8rem; background: var(--uds-white); width: 320px; max-width: calc(100vw - 12rem); }
.bg .buttons[b-jswve7zaxn] { display: flex; flex-direction: column; gap: 0.35rem; margin-left: auto; }

/* buttons */
.bg .btn[b-jswve7zaxn] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: #f9f9f9; color: #555; font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; width: 200px; }
.bg .btn:hover[b-jswve7zaxn] { background: var(--uds-grey-100); }
.bg .btn:disabled[b-jswve7zaxn] { opacity: 0.5; cursor: default; }
.bg .btn.save[b-jswve7zaxn] { background: #d8fade; }
.bg .btn.mini[b-jswve7zaxn] { padding: 0.15rem 0.6rem; font-size: 0.78rem; width: auto; }

.bg .status[b-jswve7zaxn] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin: 0.5rem 0; }
.bg .status .grow[b-jswve7zaxn] { flex: 1 1 auto; }

/* bagGrid (A123-189) */
.bg .grid-wrap[b-jswve7zaxn] { overflow: auto; max-height: 65vh; border: 1px solid #b9bec7; background: whitesmoke; }
.bg table.grid[b-jswve7zaxn] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.bg table.grid th[b-jswve7zaxn] { position: sticky; top: 0; background: #fff; color: #3c8dbc; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border-bottom: 2px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.bg table.grid td[b-jswve7zaxn] { border-bottom: 1px solid #e5e5e5; padding: 0.2rem 0.5rem; color: #333; vertical-align: middle; }
.bg table.grid td.c[b-jswve7zaxn], .bg table.grid th.c[b-jswve7zaxn] { text-align: center; }
.bg table.grid tr.awb td[b-jswve7zaxn] { background: #e8eef7; color: var(--uds-navy); font-weight: 600; padding: 0.35rem 0.5rem; border-top: 1px solid #b9bec7; }
.bg table.grid tr.awb .awbno[b-jswve7zaxn] { font-size: 0.86rem; margin-right: 0.75rem; }
.bg table.grid tr.awb .ctx[b-jswve7zaxn] { font-weight: 400; color: #555; margin-right: 0.75rem; }
.bg table.grid tr.awb .ctx.warn[b-jswve7zaxn] { color: #b26a00; font-weight: 600; }
.bg table.grid tr.changed td[b-jswve7zaxn] { background: #fff8e1; }
.bg table.grid tbody tr:not(.awb):hover td[b-jswve7zaxn] { background: #f6faff; }
.bg .tb.num[b-jswve7zaxn] { width: 90px; height: 26px; text-align: right; }
/* /Components/Pages/Operations/Manifests/AimsManifest.razor.rz.scp.css */
/* CHG-146 — Run AIMS Manifest. Scoped; page-prefixed names (am-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */
.am[b-92cv6xk33d] { font-size: 0.86rem; position: relative; }
.am .notice[b-92cv6xk33d] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.am .notice.error[b-92cv6xk33d] { border-left-color: var(--uds-red); }
.am .muted[b-92cv6xk33d] { color: var(--uds-secondary); }
.am .small[b-92cv6xk33d] { font-size: 0.76rem; }
.am .mono[b-92cv6xk33d] { font-family: "Source Code Pro", Consolas, monospace; }
.am .empty-hint[b-92cv6xk33d] { color: var(--uds-secondary); padding: 1.5rem 0.5rem; }

.am-toasts[b-92cv6xk33d] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.am-toast[b-92cv6xk33d] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.am-toast-error[b-92cv6xk33d] { border-left-color: var(--uds-red); }
.am-toast-warning[b-92cv6xk33d] { border-left-color: #e0a800; }
.am-toast-info[b-92cv6xk33d] { border-left-color: #2779ce; }
.am-toast-head[b-92cv6xk33d] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.am-toast-head button[b-92cv6xk33d] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.am-toast-body[b-92cv6xk33d] { padding: 0.55rem 0.75rem; white-space: pre-line; }

.am .top[b-92cv6xk33d] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.6rem; margin-bottom: 0.6rem; }
@media (min-width: 1100px) { .am .top[b-92cv6xk33d] { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); } }
.am .controls[b-92cv6xk33d] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.45rem 0.8rem; background: #d4e7ff; border: 1px solid #b9bec7; border-radius: 6px; padding: 0.6rem 0.75rem; align-content: flex-start; }
.am .controls .actions[b-92cv6xk33d] { grid-column: span 2; display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; margin-top: 0.2rem; }
.am .fld[b-92cv6xk33d] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.am .fld .row[b-92cv6xk33d] { display: flex; gap: 0.35rem; align-items: center; }
.am .fname[b-92cv6xk33d] { font-size: 0.78rem; color: #333; max-width: 18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; }
.am .tb[b-92cv6xk33d] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; }
.am .tb.billto[b-92cv6xk33d] { min-width: 7rem; height: 24px; font-size: 0.78rem; }
.am .cb[b-92cv6xk33d] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; }
.am .inl[b-92cv6xk33d] { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.78rem; font-weight: 600; color: #555; }
.am .inl .tb[b-92cv6xk33d] { width: 9rem; height: 26px; }

.am .info[b-92cv6xk33d] { background: #eef1f5; border: 1px solid #b9bec7; border-radius: 6px; padding: 0.6rem 0.9rem; line-height: 1.45; }
.am .info p[b-92cv6xk33d] { margin: 0 0 0.3rem; }
.am .info ul[b-92cv6xk33d] { margin: 0 0 0.4rem 1.2rem; padding: 0; }
.am .info code[b-92cv6xk33d] { background: var(--uds-white); border: 1px solid #d7dbe1; border-radius: 3px; padding: 0 0.25rem; }

.am .btn[b-92cv6xk33d] { padding: 0.4rem 0.9rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.84rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; }
.am .btn:hover[b-92cv6xk33d] { background: var(--uds-grey-100); }
.am .btn:disabled[b-92cv6xk33d], .am .btn.disabled[b-92cv6xk33d] { opacity: 0.5; cursor: default; }
.am .btn.mini[b-92cv6xk33d] { padding: 0.15rem 0.6rem; font-size: 0.78rem; height: 29px; }
.am .btn-primary[b-92cv6xk33d] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.am .btn-primary:hover[b-92cv6xk33d] { background: #0a3a66; }

.am .result[b-92cv6xk33d] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid #1c6b34; border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.12); margin: 0.6rem 0; max-width: 46rem; }
.am .result-head[b-92cv6xk33d] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.am .result-head button[b-92cv6xk33d] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.am .result-body[b-92cv6xk33d] { padding: 0.6rem 0.75rem; line-height: 1.5; }
.am .s3link[b-92cv6xk33d] { font-size: 11px; word-break: break-all; }
.am .warn[b-92cv6xk33d] { margin-top: 0.5rem; padding: 0.35rem 0.6rem; background: #fff7e0; border-left: 3px solid #e0a800; }

.am .vgrid[b-92cv6xk33d] { border-collapse: collapse; margin: 0.6rem 0; min-width: 32rem; background: var(--uds-white); font-size: 0.8rem; }
.am .vgrid th[b-92cv6xk33d] { background: #4697d7; color: #fff; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #4697d7; }
.am .vgrid td[b-92cv6xk33d] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; }
.am .vgrid td.msg[b-92cv6xk33d] { color: indianred; }
.am .vgrid tfoot td[b-92cv6xk33d] { background: #4697d7; color: #fff; border-color: #4697d7; font-weight: 600; }

.am .bar[b-92cv6xk33d] { display: flex; align-items: center; gap: 0.6rem; margin: 0.6rem 0 0.4rem; flex-wrap: wrap; }
.am .bar .cap[b-92cv6xk33d] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.am .bar .grow[b-92cv6xk33d] { flex: 1 1 auto; }
.am .grid-wrap[b-92cv6xk33d] { overflow: auto; max-height: 32rem; border: 1px solid #b9bec7; }
.am table.grid[b-92cv6xk33d] { border-collapse: collapse; font-size: 0.78rem; background: var(--uds-white); }
.am table.grid th[b-92cv6xk33d] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.3rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); position: sticky; top: 0; }
.am table.grid td[b-92cv6xk33d] { border: 1px solid #CCCCCC; padding: 0.2rem 0.45rem; color: #000066; vertical-align: middle; white-space: nowrap; max-width: 18rem; overflow: hidden; text-overflow: ellipsis; }
.am table.grid td.c[b-92cv6xk33d], .am table.grid th.c[b-92cv6xk33d] { text-align: center; }
.am table.grid tbody tr:hover td[b-92cv6xk33d] { background: #f6faff; }
/* /Components/Pages/Operations/Manifests/ExportManifest.razor.rz.scp.css */
/* CHG-146 — Run Export Manifest. Scoped; page-prefixed names (em-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */
.em[b-ghec03tuom] { font-size: 0.86rem; position: relative; }
.em .notice[b-ghec03tuom] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.em .notice.error[b-ghec03tuom] { border-left-color: var(--uds-red); }
.em .muted[b-ghec03tuom] { color: var(--uds-secondary); }
.em .small[b-ghec03tuom] { font-size: 0.76rem; }
.em .mono[b-ghec03tuom] { font-family: "Source Code Pro", Consolas, monospace; }
.em .empty-hint[b-ghec03tuom] { color: var(--uds-secondary); padding: 1.5rem 0.5rem; }

.em-toasts[b-ghec03tuom] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.em-toast[b-ghec03tuom] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.em-toast-error[b-ghec03tuom] { border-left-color: var(--uds-red); }
.em-toast-warning[b-ghec03tuom] { border-left-color: #e0a800; }
.em-toast-info[b-ghec03tuom] { border-left-color: #2779ce; }
.em-toast-head[b-ghec03tuom] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.em-toast-head button[b-ghec03tuom] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.em-toast-body[b-ghec03tuom] { padding: 0.55rem 0.75rem; }

.em .panel[b-ghec03tuom] { border: 1px solid #b9bec7; border-radius: 6px; background: #d4e7ff; padding: 0.55rem 0.75rem; margin-bottom: 0.6rem; }
.em .panel.mail[b-ghec03tuom] { background: #eef1f5; margin-top: 0.8rem; }
.em .ph[b-ghec03tuom] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.em .ph .hint[b-ghec03tuom] { font-family: var(--uds-font-body); font-weight: 400; text-transform: none; color: var(--uds-secondary); font-size: 0.76rem; }
.em .sgrid[b-ghec03tuom] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .em .sgrid[b-ghec03tuom] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1300px) { .em .sgrid[b-ghec03tuom] { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.em .mgrid[b-ghec03tuom] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
.em .fld[b-ghec03tuom] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.em .fld.wide[b-ghec03tuom] { grid-column: span 2; }
.em .chks[b-ghec03tuom] { display: flex; gap: 0.9rem; align-items: center; height: 29px; }
.em .chk[b-ghec03tuom] { display: inline-flex; align-items: center; gap: 0.3rem; font-weight: 500; cursor: pointer; }
.em .chk input[b-ghec03tuom] { width: 0.95rem; height: 0.95rem; }
.em .tb[b-ghec03tuom] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; }
.em .tb.upper[b-ghec03tuom] { text-transform: uppercase; }
.em .tb.ta[b-ghec03tuom] { height: auto; padding: 0.35rem 0.45rem; font-family: "Source Code Pro", Consolas, monospace; font-size: 0.76rem; resize: vertical; }
.em .tb.ta.small[b-ghec03tuom] { background: var(--uds-grey-100); }
.em .cb[b-ghec03tuom] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; }
.em .sactions[b-ghec03tuom] { display: flex; align-items: center; gap: 0.6rem; margin-top: 0.55rem; flex-wrap: wrap; }
.em .preview[b-ghec03tuom] { background: var(--uds-white); border: 1px solid #d7dbe1; border-radius: 4px; padding: 0.5rem 0.75rem; font-weight: 400; color: #222; max-height: 22rem; overflow: auto; }
.em .preview[b-ghec03tuom]  table { border-collapse: collapse; }

.em .btn[b-ghec03tuom] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-block; }
.em .btn:hover[b-ghec03tuom] { background: var(--uds-grey-100); }
.em .btn:disabled[b-ghec03tuom] { opacity: 0.5; cursor: default; }
.em .btn-primary[b-ghec03tuom] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.em .btn-primary:hover[b-ghec03tuom] { background: #0a3a66; }

.em .bar[b-ghec03tuom] { display: flex; align-items: center; gap: 0.6rem; margin: 0.6rem 0 0.4rem; flex-wrap: wrap; }
.em .bar .cap[b-ghec03tuom] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.em .bar .grow[b-ghec03tuom] { flex: 1 1 auto; }
.em .totals[b-ghec03tuom] { display: flex; gap: 1.2rem; flex-wrap: wrap; background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 6px; padding: 0.4rem 0.8rem; margin-bottom: 0.5rem; }
.em .totals b[b-ghec03tuom] { color: var(--uds-navy); margin-right: 0.3rem; }

.em .grid-wrap[b-ghec03tuom] { overflow: auto; max-height: 24rem; border: 1px solid #b9bec7; }
.em table.grid[b-ghec03tuom] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.em table.grid th[b-ghec03tuom] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); position: sticky; top: 0; }
.em table.grid td[b-ghec03tuom] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.em table.grid td.c[b-ghec03tuom], .em table.grid th.c[b-ghec03tuom] { text-align: center; }
.em table.grid td.r[b-ghec03tuom], .em table.grid th.r[b-ghec03tuom] { text-align: right; }
.em table.grid tbody tr:hover td[b-ghec03tuom] { background: #f6faff; }

.em-pdf[b-ghec03tuom] { width: 100%; height: 700px; border: 1px solid #b9bec7; background: #525659; }
/* /Components/Pages/Operations/Manifests/ImportManifest.razor.rz.scp.css */
/* CHG-145 — Run Import Manifest. Scoped; page-prefixed names (imf-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.imf[b-hnqghuxv17] { font-size: 0.86rem; position: relative; }
.imf .notice[b-hnqghuxv17] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 60rem; margin: 0.75rem 0; }
.imf .notice.error[b-hnqghuxv17] { border-left-color: var(--uds-red); }
.imf .notice.warn[b-hnqghuxv17] { border-left-color: #e0a800; background: #fff8e1; }
.imf .muted[b-hnqghuxv17] { color: var(--uds-secondary); }
.imf .small[b-hnqghuxv17] { font-size: 0.76rem; }
.imf .mono[b-hnqghuxv17] { font-family: "Source Code Pro", Consolas, monospace; }
.imf .bad[b-hnqghuxv17] { color: #c62828; font-weight: 600; }

.imf-toasts[b-hnqghuxv17] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.imf-toast[b-hnqghuxv17] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.imf-toast-error[b-hnqghuxv17] { border-left-color: var(--uds-red); }
.imf-toast-warning[b-hnqghuxv17] { border-left-color: #e0a800; }
.imf-toast-info[b-hnqghuxv17] { border-left-color: #2779ce; }
.imf-toast-head[b-hnqghuxv17] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.imf-toast-head button[b-hnqghuxv17] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.imf-toast-body[b-hnqghuxv17] { padding: 0.55rem 0.75rem; }

.imf .btn[b-hnqghuxv17] { padding: 0.4rem 0.9rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.84rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; }
.imf .btn:hover[b-hnqghuxv17] { background: var(--uds-grey-100); }
.imf .btn:disabled[b-hnqghuxv17], .imf .btn.disabled[b-hnqghuxv17] { opacity: 0.5; cursor: default; }
.imf .btn-primary[b-hnqghuxv17] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.imf .btn-primary:hover[b-hnqghuxv17] { background: #0a3a66; }
.imf .btn.mini[b-hnqghuxv17] { padding: 0.1rem 0.45rem; font-size: 0.76rem; }
.imf .cb[b-hnqghuxv17] { height: 28px; padding: 0 0.4rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.8rem; background: var(--uds-white); max-width: 26rem; }

.top[b-hnqghuxv17] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.6rem; margin-bottom: 0.6rem; }
@media (min-width: 1100px) { .top[b-hnqghuxv17] { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); } }
.controls[b-hnqghuxv17] { display: flex; flex-direction: column; gap: 0.5rem; background: #d4e7ff; border: 1px solid #b9bec7; border-radius: 6px; padding: 0.6rem 0.75rem; }
.controls .field label[b-hnqghuxv17] { display: block; font-size: 0.76rem; font-weight: 600; color: var(--uds-navy); margin-bottom: 0.15rem; }
.controls .inline[b-hnqghuxv17] { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; }
.controls .inline .cb[b-hnqghuxv17] { flex: 1 1 14rem; }
.controls .fname[b-hnqghuxv17] { font-size: 0.78rem; color: #333; max-width: 18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.controls .actions[b-hnqghuxv17] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-top: 0.3rem; }
.info[b-hnqghuxv17] { background: #eef1f5; border: 1px solid #b9bec7; border-radius: 6px; padding: 0.6rem 0.9rem; line-height: 1.4; font-size: 0.8rem; }
.info p[b-hnqghuxv17] { margin: 0 0 0.3rem; }
.info ul[b-hnqghuxv17] { margin: 0 0 0.2rem 1.1rem; padding: 0; }
.info code[b-hnqghuxv17] { background: var(--uds-white); border: 1px solid #d7dbe1; border-radius: 3px; padding: 0 0.25rem; }

.bar[b-hnqghuxv17] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-hnqghuxv17] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-hnqghuxv17] { flex: 1 1 auto; }

.grid-wrap[b-hnqghuxv17] { overflow: auto; max-height: 60vh; border: 1px solid #b9bec7; }
.imf table.grid[b-hnqghuxv17] { width: max-content; min-width: 100%; border-collapse: collapse; font-size: 0.78rem; background: var(--uds-white); }
.imf table.grid th[b-hnqghuxv17] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.3rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); position: sticky; top: 0; z-index: 2; }
.imf table.grid tr.subhead th[b-hnqghuxv17] { top: 27px; background: #eaf3fb; color: var(--uds-navy); font-size: 0.7rem; letter-spacing: 0.02em; }
.imf table.grid tr.subhead th.unmapped[b-hnqghuxv17] { color: #999; font-style: italic; }
.imf table.grid td[b-hnqghuxv17] { border: 1px solid #CCCCCC; padding: 0.2rem 0.5rem; color: #000066; vertical-align: middle; white-space: nowrap; max-width: 22rem; overflow: hidden; text-overflow: ellipsis; }
.imf table.grid td.unmapped[b-hnqghuxv17] { color: #aaa; background: #f7f7f7; }
.imf table.grid td.c[b-hnqghuxv17], .imf table.grid th.c[b-hnqghuxv17] { text-align: center; }
.imf table.grid td.billto[b-hnqghuxv17] { white-space: nowrap; }
.imf table.grid td.billto .cb[b-hnqghuxv17] { max-width: 18rem; }
.imf table.grid td.note[b-hnqghuxv17] { color: #555; font-size: 0.74rem; white-space: normal; }
.imf table.grid tbody tr.warn td[b-hnqghuxv17] { background: #fff8e1; }
.imf table.grid.res[b-hnqghuxv17] { width: 100%; }

.val-wrap[b-hnqghuxv17] { margin: 0.8rem 0; max-width: 60rem; }
.imf table.val[b-hnqghuxv17] { border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); width: 100%; border: 3px groove #CCCCCC; }
.imf table.val th[b-hnqghuxv17] { background: #4697d7; color: #fff; font-weight: 400; padding: 0.3rem 0.5rem; border: 1px solid #CCCCCC; text-align: left; font-family: "Roboto Condensed", var(--uds-font-body); }
.imf table.val th.cap-row[b-hnqghuxv17] { text-align: center; }
.imf table.val td[b-hnqghuxv17] { border: 1px solid #CCCCCC; padding: 0.2rem 0.5rem; color: #cd5c5c; }
.imf table.val tfoot td[b-hnqghuxv17] { color: #777; }

.result[b-hnqghuxv17] { margin: 0.8rem 0; padding: 0.6rem 0.9rem; border-radius: 6px; border: 1px solid #b9bec7; }
.result.good[b-hnqghuxv17] { background: #f1f8ec; border-left: 5px solid #1c6b34; }
.result.bad[b-hnqghuxv17] { background: #fff5f5; border-left: 5px solid #c62828; }
.result p[b-hnqghuxv17] { margin: 0 0 0.5rem; }
/* /Components/Pages/Operations/Manifests/ImportMapping.razor.rz.scp.css */
/* CHG-145 — Import Mapping. Scoped; page-prefixed names (im-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.im[b-iqqbsjd5rq] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.im .notice[b-iqqbsjd5rq] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.im .notice.error[b-iqqbsjd5rq] { border-left-color: var(--uds-red); }
.im .muted[b-iqqbsjd5rq] { color: var(--uds-secondary); }
.im .small[b-iqqbsjd5rq] { font-size: 0.76rem; }
.im .mono[b-iqqbsjd5rq] { font-family: Consolas, "Roboto Mono", monospace; }

/* toasts (RadNotification Notify) */
.im-toasts[b-iqqbsjd5rq] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 30rem; max-width: calc(100vw - 2rem); }
.im-toast[b-iqqbsjd5rq] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.im-toast-error[b-iqqbsjd5rq] { border-left-color: var(--uds-red); }
.im-toast-info[b-iqqbsjd5rq] { border-left-color: #2779ce; }
.im-toast-head[b-iqqbsjd5rq] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.im-toast-head button[b-iqqbsjd5rq] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.im-toast-body[b-iqqbsjd5rq] { padding: 0.55rem 0.75rem; line-height: 1.4; }

/* the grey panel (wlFont block, A102-152) */
.im .panel[b-iqqbsjd5rq] { background: #eaeaea; border: 1px solid #b9bec7; padding: 0.5rem 0.75rem 0.6rem; }
.im .line[b-iqqbsjd5rq] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin: 0.25rem 0; }
.im .line .or[b-iqqbsjd5rq] { padding: 0 0.3rem; }
.im .f[b-iqqbsjd5rq] { display: flex; align-items: center; gap: 0.4rem; margin: 0; }
.im .f > span[b-iqqbsjd5rq] { width: 100px; flex: 0 0 100px; color: #555; font-weight: 600; font-size: 0.8rem; }
.im .tick[b-iqqbsjd5rq] { display: inline-flex; align-items: center; gap: 0.4rem; font-weight: 400; }
.im .cb[b-iqqbsjd5rq] { height: 28px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.8rem; background: var(--uds-white); }
.im .cb.wide[b-iqqbsjd5rq] { width: 32rem; max-width: calc(100vw - 14rem); }
.im .cb.field[b-iqqbsjd5rq] { width: 16rem; }
.im .ib[b-iqqbsjd5rq] { border: 0; background: transparent; font: inherit; font-size: 1rem; cursor: pointer; color: var(--uds-navy); padding: 0 0.3rem; }
.im .ib:disabled[b-iqqbsjd5rq] { opacity: 0.4; cursor: default; }

.im .warn[b-iqqbsjd5rq] { margin-top: 0.5rem; background: #fff8e1; border: 1px solid #f1c232; border-left: 4px solid #f1c232; padding: 0.5rem 0.75rem; font-size: 0.8rem; max-width: 60rem; }
.im .warn ul[b-iqqbsjd5rq] { margin: 0.25rem 0 0.35rem 1.1rem; padding: 0; }

.im .status[b-iqqbsjd5rq] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin: 0.5rem 0; }
.im .status .grow[b-iqqbsjd5rq] { flex: 1 1 auto; }

/* buttons */
.im .btn[b-iqqbsjd5rq] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: #f9f9f9; color: #555; font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-block; }
.im .btn:hover[b-iqqbsjd5rq] { background: var(--uds-grey-100); }
.im .btn:disabled[b-iqqbsjd5rq], .im .btn.disabled[b-iqqbsjd5rq] { opacity: 0.5; cursor: default; }
.im .btn.primary[b-iqqbsjd5rq] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.im .buttons[b-iqqbsjd5rq] { display: flex; gap: 0.5rem; margin-top: 0.6rem; }

/* mappingGrid */
.im .grid-wrap[b-iqqbsjd5rq] { overflow-x: auto; max-height: 60vh; overflow-y: auto; border: 1px solid #b9bec7; }
.im table.grid[b-iqqbsjd5rq] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.im table.grid th[b-iqqbsjd5rq] { position: sticky; top: 0; background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.im table.grid td[b-iqqbsjd5rq] { border: 1px solid #CCCCCC; padding: 0.2rem 0.5rem; color: #000066; vertical-align: middle; }
.im table.grid td.c[b-iqqbsjd5rq], .im table.grid th.c[b-iqqbsjd5rq] { text-align: center; }
.im table.grid td.hdr[b-iqqbsjd5rq] { max-width: 28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.im table.grid tbody tr.ignored td[b-iqqbsjd5rq] { background: #f4f4f4; color: #777; }
.im table.grid tbody tr.blank td[b-iqqbsjd5rq] { background: #fff3f3; color: #999; font-style: italic; }
.im table.grid tbody tr.mapped td[b-iqqbsjd5rq] { background: #f3fbf4; }
.im table.grid tbody tr:hover td[b-iqqbsjd5rq] { background: #f6faff; }
/* /Components/Pages/Operations/Manifests/OnlineManifests.razor.rz.scp.css */
/* CHG-146 — Online Manifests. Scoped; page-prefixed names (om-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */
.om[b-th9frrkriy] { font-size: 0.86rem; position: relative; }
.om .notice[b-th9frrkriy] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.om .notice.error[b-th9frrkriy] { border-left-color: var(--uds-red); }
.om .muted[b-th9frrkriy] { color: var(--uds-secondary); }
.om .small[b-th9frrkriy] { font-size: 0.76rem; }
.om .padded[b-th9frrkriy] { padding: 0.75rem 1rem; }
.om .mono[b-th9frrkriy] { font-family: "Source Code Pro", Consolas, monospace; }

.om-toasts[b-th9frrkriy] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.om-toast[b-th9frrkriy] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.om-toast-error[b-th9frrkriy] { border-left-color: var(--uds-red); }
.om-toast-info[b-th9frrkriy] { border-left-color: #2779ce; }
.om-toast-head[b-th9frrkriy] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.om-toast-head button[b-th9frrkriy] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.om-toast-body[b-th9frrkriy] { padding: 0.55rem 0.75rem; }

.om-dim[b-th9frrkriy] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.om-dialog[b-th9frrkriy] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 28rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.om-dialog-head[b-th9frrkriy] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.om-dialog-body[b-th9frrkriy] { padding: 0.9rem; line-height: 1.45; word-break: break-word; }
.om-dialog-foot[b-th9frrkriy] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

.om .panel[b-th9frrkriy] { border: 1px solid #b9bec7; border-radius: 6px; background: #d4e7ff; padding: 0.55rem 0.75rem; margin-bottom: 0.6rem; }
.om .sgrid[b-th9frrkriy] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
.om .fld[b-th9frrkriy] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.om .fld.wide[b-th9frrkriy] { grid-column: span 2; }
.om .cb[b-th9frrkriy] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; }

.om .btn[b-th9frrkriy] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.om .btn:hover[b-th9frrkriy] { background: var(--uds-grey-100); }
.om .btn:disabled[b-th9frrkriy] { opacity: 0.5; cursor: default; }
.om .btn.mini[b-th9frrkriy] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.om .btn.danger[b-th9frrkriy], .om .btn.del[b-th9frrkriy] { color: #b02a37; border-color: #e0a1a8; background: #fff5f5; }
.om .btn.danger:hover[b-th9frrkriy], .om .btn.del:hover[b-th9frrkriy] { background: #ffe3e6; }

.om .bar[b-th9frrkriy] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.om .bar .cap[b-th9frrkriy] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.om .bar .grow[b-th9frrkriy] { flex: 1 1 auto; }

.om table.grid[b-th9frrkriy] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.om table.grid th[b-th9frrkriy] { background: #4697d7; color: #3c8dbc; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.om table.grid td[b-th9frrkriy] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.om table.grid td.c[b-th9frrkriy], .om table.grid th.c[b-th9frrkriy] { text-align: center; }
.om table.grid td.link[b-th9frrkriy] { word-break: break-all; font-size: 0.76rem; }
.om table.grid tbody tr:hover td[b-th9frrkriy] { background: #f6faff; }
/* /Components/Pages/Operations/Manifests/ReverseManifest.razor.rz.scp.css */
/* CHG-145 — Reverse Manifest. Scoped; page-prefixed names (rvm-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.rvm[b-eu7nesnljk] { font-size: 0.86rem; position: relative; max-width: 64rem; }
.rvm .notice[b-eu7nesnljk] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 50rem; margin: 0.75rem 0; }
.rvm .notice.error[b-eu7nesnljk] { border-left-color: var(--uds-red); background: #fff5f5; }
.rvm .muted[b-eu7nesnljk] { color: var(--uds-secondary); }
.rvm .small[b-eu7nesnljk] { font-size: 0.76rem; }

.rvm-toasts[b-eu7nesnljk] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 32rem; max-width: calc(100vw - 2rem); }
.rvm-toast[b-eu7nesnljk] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.rvm-toast-error[b-eu7nesnljk] { border-left-color: var(--uds-red); }
.rvm-toast-warning[b-eu7nesnljk] { border-left-color: #e0a800; }
.rvm-toast-success[b-eu7nesnljk] { border-left-color: #1c6b34; }
.rvm-toast-info[b-eu7nesnljk] { border-left-color: #2779ce; }
.rvm-toast-head[b-eu7nesnljk] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.rvm-toast-head button[b-eu7nesnljk] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.rvm-toast-body[b-eu7nesnljk] { padding: 0.55rem 0.75rem; line-height: 1.45; }
.rvm-toast-body[b-eu7nesnljk]  .small { font-size: 0.76rem; color: #555; }

.rvm-dim[b-eu7nesnljk] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.rvm-dialog[b-eu7nesnljk] { position: fixed; z-index: 71; left: 50%; top: 20%; transform: translateX(-50%); width: 30rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.rvm-dialog-head[b-eu7nesnljk] { background: #b02a37; color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.rvm-dialog-body[b-eu7nesnljk] { padding: 0.9rem; line-height: 1.45; }
.rvm-dialog-body .warnbox[b-eu7nesnljk] { background: #fff5f5; border: 1px solid #e0a1a8; border-radius: 4px; color: #b02a37; padding: 0.5rem 0.7rem; margin: 0 0 0.8rem; }
.rvm-dialog-body .warnbox ul[b-eu7nesnljk] { margin: 0.3rem 0 0 1.1rem; padding: 0; }
.rvm-dialog-foot[b-eu7nesnljk] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

.rvm .btn[b-eu7nesnljk] { padding: 0.4rem 0.9rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.84rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.rvm .btn:hover[b-eu7nesnljk] { background: var(--uds-grey-100); }
.rvm .btn:disabled[b-eu7nesnljk] { opacity: 0.5; cursor: default; }
.rvm .btn.mini[b-eu7nesnljk] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.rvm .btn.danger[b-eu7nesnljk] { color: #fff; border-color: #b02a37; background: #b02a37; }
.rvm .btn.danger:hover[b-eu7nesnljk] { background: #8f1f2a; }
.rvm .cb[b-eu7nesnljk] { height: 30px; padding: 0 0.4rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.82rem; background: var(--uds-white); flex: 1 1 20rem; max-width: 34rem; }

.panel[b-eu7nesnljk] { background: #d4e7ff; border: 1px solid #b9bec7; border-radius: 6px; padding: 0.8rem 0.9rem; display: flex; flex-direction: column; gap: 0.6rem; }
.panel .field label[b-eu7nesnljk] { display: block; font-size: 0.76rem; font-weight: 600; color: var(--uds-navy); margin-bottom: 0.15rem; }
.panel .inline[b-eu7nesnljk] { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; }
.panel .count[b-eu7nesnljk] { color: #c62828; font-weight: 700; font-size: 0.95rem; }
.panel .actions[b-eu7nesnljk] { display: flex; align-items: center; gap: 0.6rem; margin-top: 0.2rem; }

.rvm table.stats[b-eu7nesnljk] { border-collapse: collapse; background: var(--uds-white); font-size: 0.8rem; min-width: 30rem; }
.rvm table.stats td[b-eu7nesnljk] { border: 1px solid #CCCCCC; padding: 0.25rem 0.6rem; color: #000066; }
.rvm table.stats td.n[b-eu7nesnljk] { text-align: right; font-weight: 700; min-width: 3rem; }
.rvm table.stats td.hint[b-eu7nesnljk] { color: #777; font-size: 0.74rem; }
.rvm table.stats tr.warn td[b-eu7nesnljk] { color: #b02a37; background: #fff8f8; }
.rvm table.stats tr.block td[b-eu7nesnljk] { color: #fff; background: #b02a37; }
.rvm table.stats tr.block td.hint[b-eu7nesnljk] { color: #fff; font-weight: 600; }
/* /Components/Pages/Operations/Manifests/ViewMappings.razor.rz.scp.css */
/* CHG-145 — View Import Mappings. Scoped; page-prefixed names (vm-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.vm[b-j8esrugiz7] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.vm .notice[b-j8esrugiz7] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.vm .notice.error[b-j8esrugiz7] { border-left-color: var(--uds-red); }
.vm .muted[b-j8esrugiz7] { color: var(--uds-secondary); }
.vm .small[b-j8esrugiz7] { font-size: 0.76rem; }
.vm .padded[b-j8esrugiz7] { padding: 0.75rem 1rem; }
.vm .mono[b-j8esrugiz7] { font-family: Consolas, "Roboto Mono", monospace; }
.vm .hint[b-j8esrugiz7] { margin: 0.3rem 0 0.5rem; }

/* the grey search panel */
.vm .panel[b-j8esrugiz7] { background: #eaeaea; border: 1px solid #b9bec7; padding: 0.5rem 0.75rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.vm .panel .grow[b-j8esrugiz7] { flex: 1 1 auto; }
.vm .panel .pgsz[b-j8esrugiz7] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: #555; }
.vm .f[b-j8esrugiz7] { display: flex; align-items: center; gap: 0.4rem; margin: 0; }
.vm .f > span[b-j8esrugiz7] { color: #555; font-weight: 600; font-size: 0.8rem; }
.vm .tb[b-j8esrugiz7] { height: 28px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.8rem; background: var(--uds-white); width: 22rem; }
.vm .cb[b-j8esrugiz7] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; background: var(--uds-white); }

.vm .btn[b-j8esrugiz7] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-block; }
.vm .btn:hover[b-j8esrugiz7] { background: var(--uds-grey-100); }
.vm .btn:disabled[b-j8esrugiz7] { opacity: 0.5; cursor: default; }
.vm .btn.mini[b-j8esrugiz7] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }

.vm .grid-wrap[b-j8esrugiz7] { overflow-x: auto; }
.vm table.grid[b-j8esrugiz7] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.vm table.grid th[b-j8esrugiz7] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.vm table.grid th.sortable[b-j8esrugiz7] { cursor: pointer; user-select: none; }
.vm table.grid th.sortable:hover[b-j8esrugiz7] { background: #5aa5e0; }
.vm table.grid td[b-j8esrugiz7] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.vm table.grid td.c[b-j8esrugiz7], .vm table.grid th.c[b-j8esrugiz7] { text-align: center; }
.vm table.grid td.r[b-j8esrugiz7], .vm table.grid th.r[b-j8esrugiz7] { text-align: right; }
.vm table.grid tbody tr:hover td[b-j8esrugiz7] { background: #f6faff; }

.vm .pager[b-j8esrugiz7] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; justify-content: flex-end; }
.vm .pager span[b-j8esrugiz7] { padding: 0 0.5rem; color: var(--uds-secondary); }
/* /Components/Pages/Operations/RunSheets/AmendRunSheets.razor.rz.scp.css */
/* CHG-147 — Run Sheets pages (the same scoped sheet on all four). Page-prefixed names (rs-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.rs[b-i49c4s25w4] { font-size: 0.86rem; position: relative; }
.rs .notice[b-i49c4s25w4] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.rs .notice.error[b-i49c4s25w4] { border-left-color: var(--uds-red); }
.rs .notice.warn[b-i49c4s25w4] { border-left-color: #e0a800; }
.rs .muted[b-i49c4s25w4] { color: var(--uds-secondary); }
.rs .small[b-i49c4s25w4] { font-size: 0.78rem; font-weight: 400; }
.rs .padded[b-i49c4s25w4] { padding: 0.75rem 1rem; }
.rs .mono[b-i49c4s25w4] { font-family: "Source Code Pro", Consolas, monospace; }
.rs .up[b-i49c4s25w4] { text-transform: uppercase; }
.rs .nowrap[b-i49c4s25w4] { white-space: nowrap; }
.rs .ok[b-i49c4s25w4] { color: #1c6b34; font-weight: 600; }
.rs .warn[b-i49c4s25w4] { color: #d9534f; font-size: 0.74rem; font-weight: 500; }

/* toasts — bottom-right, stacked upwards above the AI Assistant button (the Core convention) */
.rs-toasts[b-i49c4s25w4] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.rs-toast[b-i49c4s25w4] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.rs-toast-error[b-i49c4s25w4] { border-left-color: var(--uds-red); }
.rs-toast-warning[b-i49c4s25w4] { border-left-color: #e0a800; }
.rs-toast-info[b-i49c4s25w4] { border-left-color: #2779ce; }
.rs-toast-success[b-i49c4s25w4] { border-left-color: #1c6b34; }
.rs-toast-head[b-i49c4s25w4] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.rs-toast-head button[b-i49c4s25w4] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.rs-toast-body[b-i49c4s25w4] { padding: 0.55rem 0.75rem; }

/* confirm dialog */
.rs-dim[b-i49c4s25w4] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.rs-dialog[b-i49c4s25w4] { position: fixed; z-index: 71; left: 50%; top: 22%; transform: translateX(-50%); width: 30rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.rs-dialog-head[b-i49c4s25w4] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.rs-dialog-body[b-i49c4s25w4] { padding: 0.9rem; line-height: 1.45; }
.rs-dialog-foot[b-i49c4s25w4] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

/* buttons + inputs */
.rs .btn[b-i49c4s25w4] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; text-decoration: none; }
.rs .btn:hover[b-i49c4s25w4] { background: var(--uds-grey-100); }
.rs .btn:disabled[b-i49c4s25w4] { opacity: 0.5; cursor: default; }
.rs .btn-primary[b-i49c4s25w4] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.rs .btn-primary:hover[b-i49c4s25w4] { background: #0a3a66; }
.rs .btn.danger[b-i49c4s25w4] { color: #b02a37; border-color: #e0a1a8; background: #fff5f5; }
.rs .btn.danger:hover[b-i49c4s25w4] { background: #ffe3e6; }
.rs .btn.mini[b-i49c4s25w4] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.rs .link[b-i49c4s25w4] { border: 0; background: transparent; color: #2779ce; cursor: pointer; font: inherit; font-size: 0.78rem; text-decoration: underline; padding: 0 0.2rem; }
.rs .tb[b-i49c4s25w4] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.rs .cb[b-i49c4s25w4] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.rs select.cb.list[b-i49c4s25w4] { height: auto; padding: 0.2rem; }
.rs input[type="checkbox"][b-i49c4s25w4] { width: 15px; height: 15px; cursor: pointer; }
.rs .chk[b-i49c4s25w4] { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.78rem; font-weight: 500; color: #333; cursor: pointer; }

/* panels */
.top[b-i49c4s25w4] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.6rem; margin-bottom: 0.6rem; }
@media (min-width: 1200px) { .top[b-i49c4s25w4] { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); } }
.panel[b-i49c4s25w4] { border: 1px solid #b9bec7; border-radius: 6px; background: var(--uds-white); min-width: 0; }
.panel.search[b-i49c4s25w4] { background: #d4e7ff; padding: 0.55rem 0.75rem; }
.panel.sheet[b-i49c4s25w4] { background: #f6f8fb; padding: 0.55rem 0.75rem; }
.ph[b-i49c4s25w4] { display: flex; justify-content: space-between; align-items: baseline; gap: 0.75rem; font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; }
.ph .hint[b-i49c4s25w4] { font-weight: 400; text-transform: none; color: var(--uds-secondary); font-size: 0.76rem; text-align: right; }
.sgrid[b-i49c4s25w4] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .sgrid[b-i49c4s25w4] { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sgrid.two[b-i49c4s25w4] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fld[b-i49c4s25w4] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.fld.wide[b-i49c4s25w4] { grid-column: span 2; }
.fld.span2[b-i49c4s25w4] { grid-column: span 2; }
.sactions[b-i49c4s25w4] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.55rem; flex-wrap: wrap; }

/* tabs (RadTabStrip FILL SHEETS / VIEW PDF) */
.tabs[b-i49c4s25w4] { display: flex; flex-wrap: nowrap; gap: 0.25rem; align-items: flex-end; margin-bottom: 0.5rem; border-bottom: 2px solid #b9bec7; }
.tab[b-i49c4s25w4] { flex: 0 0 auto; white-space: nowrap; background: var(--uds-white); border: 1px solid #b9bec7; border-bottom: none; border-radius: 6px 6px 0 0; padding: 0.35rem 0.85rem; font: inherit; font-size: 0.82rem; color: var(--uds-secondary); cursor: pointer; }
.tab.on[b-i49c4s25w4] { color: var(--uds-ink); font-weight: 600; border-bottom: 2px solid var(--uds-red); margin-bottom: -2px; background: var(--uds-grey-100); }
.tabs .sel[b-i49c4s25w4] { margin-left: auto; flex: 0 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0.3rem 0.3rem; font-size: 0.78rem; color: #1c6b34; }
.tabs .sel.none[b-i49c4s25w4] { color: var(--uds-secondary); }

/* results bar */
.bar[b-i49c4s25w4] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-i49c4s25w4] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-i49c4s25w4] { flex: 1 1 auto; }
.bar .pgsz[b-i49c4s25w4] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: #555; }
.bar .pgsz .cb[b-i49c4s25w4] { width: auto; height: 26px; }

/* grid */
.grid-wrap[b-i49c4s25w4] { overflow-x: auto; max-height: 34rem; overflow-y: auto; }
.rs table.grid[b-i49c4s25w4] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.rs table.grid.narrow[b-i49c4s25w4] { max-width: 60rem; }
.rs table.grid th[b-i49c4s25w4] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); position: sticky; top: 0; }
.rs table.grid th.sortable[b-i49c4s25w4] { cursor: pointer; user-select: none; }
.rs table.grid th.sortable:hover[b-i49c4s25w4] { background: #3a86c4; }
.rs table.grid tr.filterrow th[b-i49c4s25w4] { background: #eaf3fb; padding: 0.2rem 0.3rem; top: 29px; }
.rs table.grid tr.filterrow th .tb[b-i49c4s25w4], .rs table.grid tr.filterrow th .cb[b-i49c4s25w4] { min-width: 4rem; height: 26px; font-size: 0.78rem; font-weight: 400; }
.rs table.grid td[b-i49c4s25w4] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.rs table.grid td.c[b-i49c4s25w4], .rs table.grid th.c[b-i49c4s25w4] { text-align: center; }
.rs table.grid td.r[b-i49c4s25w4], .rs table.grid th.r[b-i49c4s25w4] { text-align: right; }
.rs table.grid th.sel[b-i49c4s25w4], .rs table.grid td.sel[b-i49c4s25w4] { width: 2.4rem; }
.rs table.grid td.trunc[b-i49c4s25w4] { max-width: 16rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs table.grid tbody tr:hover td[b-i49c4s25w4] { background: #f6faff; }
.rs table.grid tbody tr.ticked td[b-i49c4s25w4] { background: #fff8dc; }
.rs table.grid tbody tr.onsheet td[b-i49c4s25w4] { color: #777; background: #f3f3f3; }
.rs table.grid tbody tr.done td[b-i49c4s25w4] { color: #1c6b34; }

.pager[b-i49c4s25w4] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; justify-content: flex-end; }
.pager span[b-i49c4s25w4] { padding: 0 0.5rem; color: var(--uds-secondary); }

/* the PDF viewer (RadPdfViewer 700 px) */
.rs-pdf[b-i49c4s25w4] { width: 100%; height: 700px; border: 1px solid #b9bec7; border-radius: 6px; background: #525659; }
.rs-pdf-placeholder[b-i49c4s25w4] { border: 1px dashed #b9bec7; border-radius: 6px; padding: 2rem; text-align: center; color: var(--uds-secondary); background: var(--uds-grey-100); }
.rs-pdf-bar[b-i49c4s25w4] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }

/* the sheet's header strip on Amend / View */
.kv[b-i49c4s25w4] { display: grid; grid-template-columns: auto 1fr; gap: 0.15rem 0.8rem; font-size: 0.8rem; margin: 0.4rem 0; }
.kv .k[b-i49c4s25w4] { color: #555; font-weight: 600; }
/* /Components/Pages/Operations/RunSheets/CreateRunSheet.razor.rz.scp.css */
/* CHG-147 — Run Sheets pages (the same scoped sheet on all four). Page-prefixed names (rs-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.rs[b-4ensmhwxeq] { font-size: 0.86rem; position: relative; }
.rs .notice[b-4ensmhwxeq] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.rs .notice.error[b-4ensmhwxeq] { border-left-color: var(--uds-red); }
.rs .notice.warn[b-4ensmhwxeq] { border-left-color: #e0a800; }
.rs .muted[b-4ensmhwxeq] { color: var(--uds-secondary); }
.rs .small[b-4ensmhwxeq] { font-size: 0.78rem; font-weight: 400; }
.rs .padded[b-4ensmhwxeq] { padding: 0.75rem 1rem; }
.rs .mono[b-4ensmhwxeq] { font-family: "Source Code Pro", Consolas, monospace; }
.rs .up[b-4ensmhwxeq] { text-transform: uppercase; }
.rs .nowrap[b-4ensmhwxeq] { white-space: nowrap; }
.rs .ok[b-4ensmhwxeq] { color: #1c6b34; font-weight: 600; }
.rs .warn[b-4ensmhwxeq] { color: #d9534f; font-size: 0.74rem; font-weight: 500; }

/* toasts — bottom-right, stacked upwards above the AI Assistant button (the Core convention) */
.rs-toasts[b-4ensmhwxeq] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.rs-toast[b-4ensmhwxeq] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.rs-toast-error[b-4ensmhwxeq] { border-left-color: var(--uds-red); }
.rs-toast-warning[b-4ensmhwxeq] { border-left-color: #e0a800; }
.rs-toast-info[b-4ensmhwxeq] { border-left-color: #2779ce; }
.rs-toast-success[b-4ensmhwxeq] { border-left-color: #1c6b34; }
.rs-toast-head[b-4ensmhwxeq] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.rs-toast-head button[b-4ensmhwxeq] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.rs-toast-body[b-4ensmhwxeq] { padding: 0.55rem 0.75rem; }

/* confirm dialog */
.rs-dim[b-4ensmhwxeq] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.rs-dialog[b-4ensmhwxeq] { position: fixed; z-index: 71; left: 50%; top: 22%; transform: translateX(-50%); width: 30rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.rs-dialog-head[b-4ensmhwxeq] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.rs-dialog-body[b-4ensmhwxeq] { padding: 0.9rem; line-height: 1.45; }
.rs-dialog-foot[b-4ensmhwxeq] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

/* buttons + inputs */
.rs .btn[b-4ensmhwxeq] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; text-decoration: none; }
.rs .btn:hover[b-4ensmhwxeq] { background: var(--uds-grey-100); }
.rs .btn:disabled[b-4ensmhwxeq] { opacity: 0.5; cursor: default; }
.rs .btn-primary[b-4ensmhwxeq] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.rs .btn-primary:hover[b-4ensmhwxeq] { background: #0a3a66; }
.rs .btn.danger[b-4ensmhwxeq] { color: #b02a37; border-color: #e0a1a8; background: #fff5f5; }
.rs .btn.danger:hover[b-4ensmhwxeq] { background: #ffe3e6; }
.rs .btn.mini[b-4ensmhwxeq] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.rs .link[b-4ensmhwxeq] { border: 0; background: transparent; color: #2779ce; cursor: pointer; font: inherit; font-size: 0.78rem; text-decoration: underline; padding: 0 0.2rem; }
.rs .tb[b-4ensmhwxeq] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.rs .cb[b-4ensmhwxeq] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.rs select.cb.list[b-4ensmhwxeq] { height: auto; padding: 0.2rem; }
.rs input[type="checkbox"][b-4ensmhwxeq] { width: 15px; height: 15px; cursor: pointer; }
.rs .chk[b-4ensmhwxeq] { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.78rem; font-weight: 500; color: #333; cursor: pointer; }

/* panels */
.top[b-4ensmhwxeq] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.6rem; margin-bottom: 0.6rem; }
@media (min-width: 1200px) { .top[b-4ensmhwxeq] { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); } }
.panel[b-4ensmhwxeq] { border: 1px solid #b9bec7; border-radius: 6px; background: var(--uds-white); min-width: 0; }
.panel.search[b-4ensmhwxeq] { background: #d4e7ff; padding: 0.55rem 0.75rem; }
.panel.sheet[b-4ensmhwxeq] { background: #f6f8fb; padding: 0.55rem 0.75rem; }
.ph[b-4ensmhwxeq] { display: flex; justify-content: space-between; align-items: baseline; gap: 0.75rem; font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; }
.ph .hint[b-4ensmhwxeq] { font-weight: 400; text-transform: none; color: var(--uds-secondary); font-size: 0.76rem; text-align: right; }
.sgrid[b-4ensmhwxeq] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .sgrid[b-4ensmhwxeq] { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sgrid.two[b-4ensmhwxeq] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fld[b-4ensmhwxeq] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.fld.wide[b-4ensmhwxeq] { grid-column: span 2; }
.fld.span2[b-4ensmhwxeq] { grid-column: span 2; }
.sactions[b-4ensmhwxeq] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.55rem; flex-wrap: wrap; }

/* tabs (RadTabStrip FILL SHEETS / VIEW PDF) */
.tabs[b-4ensmhwxeq] { display: flex; flex-wrap: nowrap; gap: 0.25rem; align-items: flex-end; margin-bottom: 0.5rem; border-bottom: 2px solid #b9bec7; }
.tab[b-4ensmhwxeq] { flex: 0 0 auto; white-space: nowrap; background: var(--uds-white); border: 1px solid #b9bec7; border-bottom: none; border-radius: 6px 6px 0 0; padding: 0.35rem 0.85rem; font: inherit; font-size: 0.82rem; color: var(--uds-secondary); cursor: pointer; }
.tab.on[b-4ensmhwxeq] { color: var(--uds-ink); font-weight: 600; border-bottom: 2px solid var(--uds-red); margin-bottom: -2px; background: var(--uds-grey-100); }
.tabs .sel[b-4ensmhwxeq] { margin-left: auto; flex: 0 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0.3rem 0.3rem; font-size: 0.78rem; color: #1c6b34; }
.tabs .sel.none[b-4ensmhwxeq] { color: var(--uds-secondary); }

/* results bar */
.bar[b-4ensmhwxeq] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-4ensmhwxeq] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-4ensmhwxeq] { flex: 1 1 auto; }
.bar .pgsz[b-4ensmhwxeq] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: #555; }
.bar .pgsz .cb[b-4ensmhwxeq] { width: auto; height: 26px; }

/* grid */
.grid-wrap[b-4ensmhwxeq] { overflow-x: auto; max-height: 34rem; overflow-y: auto; }
.rs table.grid[b-4ensmhwxeq] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.rs table.grid.narrow[b-4ensmhwxeq] { max-width: 60rem; }
.rs table.grid th[b-4ensmhwxeq] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); position: sticky; top: 0; }
.rs table.grid th.sortable[b-4ensmhwxeq] { cursor: pointer; user-select: none; }
.rs table.grid th.sortable:hover[b-4ensmhwxeq] { background: #3a86c4; }
.rs table.grid tr.filterrow th[b-4ensmhwxeq] { background: #eaf3fb; padding: 0.2rem 0.3rem; top: 29px; }
.rs table.grid tr.filterrow th .tb[b-4ensmhwxeq], .rs table.grid tr.filterrow th .cb[b-4ensmhwxeq] { min-width: 4rem; height: 26px; font-size: 0.78rem; font-weight: 400; }
.rs table.grid td[b-4ensmhwxeq] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.rs table.grid td.c[b-4ensmhwxeq], .rs table.grid th.c[b-4ensmhwxeq] { text-align: center; }
.rs table.grid td.r[b-4ensmhwxeq], .rs table.grid th.r[b-4ensmhwxeq] { text-align: right; }
.rs table.grid th.sel[b-4ensmhwxeq], .rs table.grid td.sel[b-4ensmhwxeq] { width: 2.4rem; }
.rs table.grid td.trunc[b-4ensmhwxeq] { max-width: 16rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs table.grid tbody tr:hover td[b-4ensmhwxeq] { background: #f6faff; }
.rs table.grid tbody tr.ticked td[b-4ensmhwxeq] { background: #fff8dc; }
.rs table.grid tbody tr.onsheet td[b-4ensmhwxeq] { color: #777; background: #f3f3f3; }
.rs table.grid tbody tr.done td[b-4ensmhwxeq] { color: #1c6b34; }

.pager[b-4ensmhwxeq] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; justify-content: flex-end; }
.pager span[b-4ensmhwxeq] { padding: 0 0.5rem; color: var(--uds-secondary); }

/* the PDF viewer (RadPdfViewer 700 px) */
.rs-pdf[b-4ensmhwxeq] { width: 100%; height: 700px; border: 1px solid #b9bec7; border-radius: 6px; background: #525659; }
.rs-pdf-placeholder[b-4ensmhwxeq] { border: 1px dashed #b9bec7; border-radius: 6px; padding: 2rem; text-align: center; color: var(--uds-secondary); background: var(--uds-grey-100); }
.rs-pdf-bar[b-4ensmhwxeq] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }

/* the sheet's header strip on Amend / View */
.kv[b-4ensmhwxeq] { display: grid; grid-template-columns: auto 1fr; gap: 0.15rem 0.8rem; font-size: 0.8rem; margin: 0.4rem 0; }
.kv .k[b-4ensmhwxeq] { color: #555; font-weight: 600; }
/* /Components/Pages/Operations/RunSheets/PrepareRunSheets.razor.rz.scp.css */
/* CHG-147 — Run Sheets pages (the same scoped sheet on all four). Page-prefixed names (rs-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.rs[b-8c864f5d8e] { font-size: 0.86rem; position: relative; }
.rs .notice[b-8c864f5d8e] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.rs .notice.error[b-8c864f5d8e] { border-left-color: var(--uds-red); }
.rs .notice.warn[b-8c864f5d8e] { border-left-color: #e0a800; }
.rs .muted[b-8c864f5d8e] { color: var(--uds-secondary); }
.rs .small[b-8c864f5d8e] { font-size: 0.78rem; font-weight: 400; }
.rs .padded[b-8c864f5d8e] { padding: 0.75rem 1rem; }
.rs .mono[b-8c864f5d8e] { font-family: "Source Code Pro", Consolas, monospace; }
.rs .up[b-8c864f5d8e] { text-transform: uppercase; }
.rs .nowrap[b-8c864f5d8e] { white-space: nowrap; }
.rs .ok[b-8c864f5d8e] { color: #1c6b34; font-weight: 600; }
.rs .warn[b-8c864f5d8e] { color: #d9534f; font-size: 0.74rem; font-weight: 500; }

/* toasts — bottom-right, stacked upwards above the AI Assistant button (the Core convention) */
.rs-toasts[b-8c864f5d8e] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.rs-toast[b-8c864f5d8e] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.rs-toast-error[b-8c864f5d8e] { border-left-color: var(--uds-red); }
.rs-toast-warning[b-8c864f5d8e] { border-left-color: #e0a800; }
.rs-toast-info[b-8c864f5d8e] { border-left-color: #2779ce; }
.rs-toast-success[b-8c864f5d8e] { border-left-color: #1c6b34; }
.rs-toast-head[b-8c864f5d8e] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.rs-toast-head button[b-8c864f5d8e] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.rs-toast-body[b-8c864f5d8e] { padding: 0.55rem 0.75rem; }

/* confirm dialog */
.rs-dim[b-8c864f5d8e] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.rs-dialog[b-8c864f5d8e] { position: fixed; z-index: 71; left: 50%; top: 22%; transform: translateX(-50%); width: 30rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.rs-dialog-head[b-8c864f5d8e] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.rs-dialog-body[b-8c864f5d8e] { padding: 0.9rem; line-height: 1.45; }
.rs-dialog-foot[b-8c864f5d8e] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

/* buttons + inputs */
.rs .btn[b-8c864f5d8e] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; text-decoration: none; }
.rs .btn:hover[b-8c864f5d8e] { background: var(--uds-grey-100); }
.rs .btn:disabled[b-8c864f5d8e] { opacity: 0.5; cursor: default; }
.rs .btn-primary[b-8c864f5d8e] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.rs .btn-primary:hover[b-8c864f5d8e] { background: #0a3a66; }
.rs .btn.danger[b-8c864f5d8e] { color: #b02a37; border-color: #e0a1a8; background: #fff5f5; }
.rs .btn.danger:hover[b-8c864f5d8e] { background: #ffe3e6; }
.rs .btn.mini[b-8c864f5d8e] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.rs .link[b-8c864f5d8e] { border: 0; background: transparent; color: #2779ce; cursor: pointer; font: inherit; font-size: 0.78rem; text-decoration: underline; padding: 0 0.2rem; }
.rs .tb[b-8c864f5d8e] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.rs .cb[b-8c864f5d8e] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.rs select.cb.list[b-8c864f5d8e] { height: auto; padding: 0.2rem; }
.rs input[type="checkbox"][b-8c864f5d8e] { width: 15px; height: 15px; cursor: pointer; }
.rs .chk[b-8c864f5d8e] { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.78rem; font-weight: 500; color: #333; cursor: pointer; }

/* panels */
.top[b-8c864f5d8e] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.6rem; margin-bottom: 0.6rem; }
@media (min-width: 1200px) { .top[b-8c864f5d8e] { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); } }
.panel[b-8c864f5d8e] { border: 1px solid #b9bec7; border-radius: 6px; background: var(--uds-white); min-width: 0; }
.panel.search[b-8c864f5d8e] { background: #d4e7ff; padding: 0.55rem 0.75rem; }
.panel.sheet[b-8c864f5d8e] { background: #f6f8fb; padding: 0.55rem 0.75rem; }
.ph[b-8c864f5d8e] { display: flex; justify-content: space-between; align-items: baseline; gap: 0.75rem; font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; }
.ph .hint[b-8c864f5d8e] { font-weight: 400; text-transform: none; color: var(--uds-secondary); font-size: 0.76rem; text-align: right; }
.sgrid[b-8c864f5d8e] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .sgrid[b-8c864f5d8e] { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sgrid.two[b-8c864f5d8e] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fld[b-8c864f5d8e] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.fld.wide[b-8c864f5d8e] { grid-column: span 2; }
.fld.span2[b-8c864f5d8e] { grid-column: span 2; }
.sactions[b-8c864f5d8e] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.55rem; flex-wrap: wrap; }

/* tabs (RadTabStrip FILL SHEETS / VIEW PDF) */
.tabs[b-8c864f5d8e] { display: flex; flex-wrap: nowrap; gap: 0.25rem; align-items: flex-end; margin-bottom: 0.5rem; border-bottom: 2px solid #b9bec7; }
.tab[b-8c864f5d8e] { flex: 0 0 auto; white-space: nowrap; background: var(--uds-white); border: 1px solid #b9bec7; border-bottom: none; border-radius: 6px 6px 0 0; padding: 0.35rem 0.85rem; font: inherit; font-size: 0.82rem; color: var(--uds-secondary); cursor: pointer; }
.tab.on[b-8c864f5d8e] { color: var(--uds-ink); font-weight: 600; border-bottom: 2px solid var(--uds-red); margin-bottom: -2px; background: var(--uds-grey-100); }
.tabs .sel[b-8c864f5d8e] { margin-left: auto; flex: 0 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0.3rem 0.3rem; font-size: 0.78rem; color: #1c6b34; }
.tabs .sel.none[b-8c864f5d8e] { color: var(--uds-secondary); }

/* results bar */
.bar[b-8c864f5d8e] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-8c864f5d8e] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-8c864f5d8e] { flex: 1 1 auto; }
.bar .pgsz[b-8c864f5d8e] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: #555; }
.bar .pgsz .cb[b-8c864f5d8e] { width: auto; height: 26px; }

/* grid */
.grid-wrap[b-8c864f5d8e] { overflow-x: auto; max-height: 34rem; overflow-y: auto; }
.rs table.grid[b-8c864f5d8e] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.rs table.grid.narrow[b-8c864f5d8e] { max-width: 60rem; }
.rs table.grid th[b-8c864f5d8e] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); position: sticky; top: 0; }
.rs table.grid th.sortable[b-8c864f5d8e] { cursor: pointer; user-select: none; }
.rs table.grid th.sortable:hover[b-8c864f5d8e] { background: #3a86c4; }
.rs table.grid tr.filterrow th[b-8c864f5d8e] { background: #eaf3fb; padding: 0.2rem 0.3rem; top: 29px; }
.rs table.grid tr.filterrow th .tb[b-8c864f5d8e], .rs table.grid tr.filterrow th .cb[b-8c864f5d8e] { min-width: 4rem; height: 26px; font-size: 0.78rem; font-weight: 400; }
.rs table.grid td[b-8c864f5d8e] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.rs table.grid td.c[b-8c864f5d8e], .rs table.grid th.c[b-8c864f5d8e] { text-align: center; }
.rs table.grid td.r[b-8c864f5d8e], .rs table.grid th.r[b-8c864f5d8e] { text-align: right; }
.rs table.grid th.sel[b-8c864f5d8e], .rs table.grid td.sel[b-8c864f5d8e] { width: 2.4rem; }
.rs table.grid td.trunc[b-8c864f5d8e] { max-width: 16rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs table.grid tbody tr:hover td[b-8c864f5d8e] { background: #f6faff; }
.rs table.grid tbody tr.ticked td[b-8c864f5d8e] { background: #fff8dc; }
.rs table.grid tbody tr.onsheet td[b-8c864f5d8e] { color: #777; background: #f3f3f3; }
.rs table.grid tbody tr.done td[b-8c864f5d8e] { color: #1c6b34; }

.pager[b-8c864f5d8e] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; justify-content: flex-end; }
.pager span[b-8c864f5d8e] { padding: 0 0.5rem; color: var(--uds-secondary); }

/* the PDF viewer (RadPdfViewer 700 px) */
.rs-pdf[b-8c864f5d8e] { width: 100%; height: 700px; border: 1px solid #b9bec7; border-radius: 6px; background: #525659; }
.rs-pdf-placeholder[b-8c864f5d8e] { border: 1px dashed #b9bec7; border-radius: 6px; padding: 2rem; text-align: center; color: var(--uds-secondary); background: var(--uds-grey-100); }
.rs-pdf-bar[b-8c864f5d8e] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }

/* the sheet's header strip on Amend / View */
.kv[b-8c864f5d8e] { display: grid; grid-template-columns: auto 1fr; gap: 0.15rem 0.8rem; font-size: 0.8rem; margin: 0.4rem 0; }
.kv .k[b-8c864f5d8e] { color: #555; font-weight: 600; }
/* /Components/Pages/Operations/RunSheets/ViewRunSheets.razor.rz.scp.css */
/* CHG-147 — Run Sheets pages (the same scoped sheet on all four). Page-prefixed names (rs-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.rs[b-d00jdzy0nr] { font-size: 0.86rem; position: relative; }
.rs .notice[b-d00jdzy0nr] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.rs .notice.error[b-d00jdzy0nr] { border-left-color: var(--uds-red); }
.rs .notice.warn[b-d00jdzy0nr] { border-left-color: #e0a800; }
.rs .muted[b-d00jdzy0nr] { color: var(--uds-secondary); }
.rs .small[b-d00jdzy0nr] { font-size: 0.78rem; font-weight: 400; }
.rs .padded[b-d00jdzy0nr] { padding: 0.75rem 1rem; }
.rs .mono[b-d00jdzy0nr] { font-family: "Source Code Pro", Consolas, monospace; }
.rs .up[b-d00jdzy0nr] { text-transform: uppercase; }
.rs .nowrap[b-d00jdzy0nr] { white-space: nowrap; }
.rs .ok[b-d00jdzy0nr] { color: #1c6b34; font-weight: 600; }
.rs .warn[b-d00jdzy0nr] { color: #d9534f; font-size: 0.74rem; font-weight: 500; }

/* toasts — bottom-right, stacked upwards above the AI Assistant button (the Core convention) */
.rs-toasts[b-d00jdzy0nr] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.rs-toast[b-d00jdzy0nr] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.rs-toast-error[b-d00jdzy0nr] { border-left-color: var(--uds-red); }
.rs-toast-warning[b-d00jdzy0nr] { border-left-color: #e0a800; }
.rs-toast-info[b-d00jdzy0nr] { border-left-color: #2779ce; }
.rs-toast-success[b-d00jdzy0nr] { border-left-color: #1c6b34; }
.rs-toast-head[b-d00jdzy0nr] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.rs-toast-head button[b-d00jdzy0nr] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.rs-toast-body[b-d00jdzy0nr] { padding: 0.55rem 0.75rem; }

/* confirm dialog */
.rs-dim[b-d00jdzy0nr] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.rs-dialog[b-d00jdzy0nr] { position: fixed; z-index: 71; left: 50%; top: 22%; transform: translateX(-50%); width: 30rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.rs-dialog-head[b-d00jdzy0nr] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.rs-dialog-body[b-d00jdzy0nr] { padding: 0.9rem; line-height: 1.45; }
.rs-dialog-foot[b-d00jdzy0nr] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

/* buttons + inputs */
.rs .btn[b-d00jdzy0nr] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; text-decoration: none; }
.rs .btn:hover[b-d00jdzy0nr] { background: var(--uds-grey-100); }
.rs .btn:disabled[b-d00jdzy0nr] { opacity: 0.5; cursor: default; }
.rs .btn-primary[b-d00jdzy0nr] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.rs .btn-primary:hover[b-d00jdzy0nr] { background: #0a3a66; }
.rs .btn.danger[b-d00jdzy0nr] { color: #b02a37; border-color: #e0a1a8; background: #fff5f5; }
.rs .btn.danger:hover[b-d00jdzy0nr] { background: #ffe3e6; }
.rs .btn.mini[b-d00jdzy0nr] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.rs .link[b-d00jdzy0nr] { border: 0; background: transparent; color: #2779ce; cursor: pointer; font: inherit; font-size: 0.78rem; text-decoration: underline; padding: 0 0.2rem; }
.rs .tb[b-d00jdzy0nr] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.rs .cb[b-d00jdzy0nr] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.rs select.cb.list[b-d00jdzy0nr] { height: auto; padding: 0.2rem; }
.rs input[type="checkbox"][b-d00jdzy0nr] { width: 15px; height: 15px; cursor: pointer; }
.rs .chk[b-d00jdzy0nr] { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.78rem; font-weight: 500; color: #333; cursor: pointer; }

/* panels */
.top[b-d00jdzy0nr] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.6rem; margin-bottom: 0.6rem; }
@media (min-width: 1200px) { .top[b-d00jdzy0nr] { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); } }
.panel[b-d00jdzy0nr] { border: 1px solid #b9bec7; border-radius: 6px; background: var(--uds-white); min-width: 0; }
.panel.search[b-d00jdzy0nr] { background: #d4e7ff; padding: 0.55rem 0.75rem; }
.panel.sheet[b-d00jdzy0nr] { background: #f6f8fb; padding: 0.55rem 0.75rem; }
.ph[b-d00jdzy0nr] { display: flex; justify-content: space-between; align-items: baseline; gap: 0.75rem; font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; }
.ph .hint[b-d00jdzy0nr] { font-weight: 400; text-transform: none; color: var(--uds-secondary); font-size: 0.76rem; text-align: right; }
.sgrid[b-d00jdzy0nr] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .sgrid[b-d00jdzy0nr] { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sgrid.two[b-d00jdzy0nr] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fld[b-d00jdzy0nr] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.fld.wide[b-d00jdzy0nr] { grid-column: span 2; }
.fld.span2[b-d00jdzy0nr] { grid-column: span 2; }
.sactions[b-d00jdzy0nr] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.55rem; flex-wrap: wrap; }

/* tabs (RadTabStrip FILL SHEETS / VIEW PDF) */
.tabs[b-d00jdzy0nr] { display: flex; flex-wrap: nowrap; gap: 0.25rem; align-items: flex-end; margin-bottom: 0.5rem; border-bottom: 2px solid #b9bec7; }
.tab[b-d00jdzy0nr] { flex: 0 0 auto; white-space: nowrap; background: var(--uds-white); border: 1px solid #b9bec7; border-bottom: none; border-radius: 6px 6px 0 0; padding: 0.35rem 0.85rem; font: inherit; font-size: 0.82rem; color: var(--uds-secondary); cursor: pointer; }
.tab.on[b-d00jdzy0nr] { color: var(--uds-ink); font-weight: 600; border-bottom: 2px solid var(--uds-red); margin-bottom: -2px; background: var(--uds-grey-100); }
.tabs .sel[b-d00jdzy0nr] { margin-left: auto; flex: 0 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0.3rem 0.3rem; font-size: 0.78rem; color: #1c6b34; }
.tabs .sel.none[b-d00jdzy0nr] { color: var(--uds-secondary); }

/* results bar */
.bar[b-d00jdzy0nr] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-d00jdzy0nr] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-d00jdzy0nr] { flex: 1 1 auto; }
.bar .pgsz[b-d00jdzy0nr] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: #555; }
.bar .pgsz .cb[b-d00jdzy0nr] { width: auto; height: 26px; }

/* grid */
.grid-wrap[b-d00jdzy0nr] { overflow-x: auto; max-height: 34rem; overflow-y: auto; }
.rs table.grid[b-d00jdzy0nr] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.rs table.grid.narrow[b-d00jdzy0nr] { max-width: 60rem; }
.rs table.grid th[b-d00jdzy0nr] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); position: sticky; top: 0; }
.rs table.grid th.sortable[b-d00jdzy0nr] { cursor: pointer; user-select: none; }
.rs table.grid th.sortable:hover[b-d00jdzy0nr] { background: #3a86c4; }
.rs table.grid tr.filterrow th[b-d00jdzy0nr] { background: #eaf3fb; padding: 0.2rem 0.3rem; top: 29px; }
.rs table.grid tr.filterrow th .tb[b-d00jdzy0nr], .rs table.grid tr.filterrow th .cb[b-d00jdzy0nr] { min-width: 4rem; height: 26px; font-size: 0.78rem; font-weight: 400; }
.rs table.grid td[b-d00jdzy0nr] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.rs table.grid td.c[b-d00jdzy0nr], .rs table.grid th.c[b-d00jdzy0nr] { text-align: center; }
.rs table.grid td.r[b-d00jdzy0nr], .rs table.grid th.r[b-d00jdzy0nr] { text-align: right; }
.rs table.grid th.sel[b-d00jdzy0nr], .rs table.grid td.sel[b-d00jdzy0nr] { width: 2.4rem; }
.rs table.grid td.trunc[b-d00jdzy0nr] { max-width: 16rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs table.grid tbody tr:hover td[b-d00jdzy0nr] { background: #f6faff; }
.rs table.grid tbody tr.ticked td[b-d00jdzy0nr] { background: #fff8dc; }
.rs table.grid tbody tr.onsheet td[b-d00jdzy0nr] { color: #777; background: #f3f3f3; }
.rs table.grid tbody tr.done td[b-d00jdzy0nr] { color: #1c6b34; }

.pager[b-d00jdzy0nr] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; justify-content: flex-end; }
.pager span[b-d00jdzy0nr] { padding: 0 0.5rem; color: var(--uds-secondary); }

/* the PDF viewer (RadPdfViewer 700 px) */
.rs-pdf[b-d00jdzy0nr] { width: 100%; height: 700px; border: 1px solid #b9bec7; border-radius: 6px; background: #525659; }
.rs-pdf-placeholder[b-d00jdzy0nr] { border: 1px dashed #b9bec7; border-radius: 6px; padding: 2rem; text-align: center; color: var(--uds-secondary); background: var(--uds-grey-100); }
.rs-pdf-bar[b-d00jdzy0nr] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }

/* the sheet's header strip on Amend / View */
.kv[b-d00jdzy0nr] { display: grid; grid-template-columns: auto 1fr; gap: 0.15rem 0.8rem; font-size: 0.8rem; margin: 0.4rem 0; }
.kv .k[b-d00jdzy0nr] { color: #555; font-weight: 600; }
/* /Components/Pages/Operations/ThirdPartyLabels/ThirdPartyLabels.razor.rz.scp.css */
/* CHG-148 — Third Party Labels page. Scoped; page-prefixed names (tp-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.tp[b-r8k0txz6ff] { font-size: 0.86rem; position: relative; }
.tp .notice[b-r8k0txz6ff] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.tp .notice.error[b-r8k0txz6ff] { border-left-color: var(--uds-red); }
.tp .notice.small[b-r8k0txz6ff] { font-size: 0.78rem; padding: 0.4rem 0.7rem; margin: 0 0 0.5rem; border-left-color: #e0a800; max-width: none; }
.tp .muted[b-r8k0txz6ff] { color: var(--uds-secondary); }
.tp .small[b-r8k0txz6ff] { font-size: 0.78rem; font-weight: 400; }
.tp .padded[b-r8k0txz6ff] { padding: 0.75rem 1rem; }
.tp .mono[b-r8k0txz6ff] { font-family: "Source Code Pro", Consolas, monospace; }
.tp .up[b-r8k0txz6ff] { text-transform: uppercase; }
.tp .nowrap[b-r8k0txz6ff] { white-space: nowrap; }
.tp .ok[b-r8k0txz6ff] { color: #1c6b34; font-weight: 600; }
.tp .bad[b-r8k0txz6ff] { color: #b02a37; font-weight: 600; }

/* toasts */
.tp-toasts[b-r8k0txz6ff] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.tp-toast[b-r8k0txz6ff] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.tp-toast-error[b-r8k0txz6ff] { border-left-color: var(--uds-red); }
.tp-toast-warning[b-r8k0txz6ff] { border-left-color: #e0a800; }
.tp-toast-info[b-r8k0txz6ff] { border-left-color: #2779ce; }
.tp-toast-head[b-r8k0txz6ff] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.tp-toast-head button[b-r8k0txz6ff] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.tp-toast-body[b-r8k0txz6ff] { padding: 0.55rem 0.75rem; }

/* confirm dialog */
.tp-dim[b-r8k0txz6ff] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.tp-dialog[b-r8k0txz6ff] { position: fixed; z-index: 71; left: 50%; top: 20%; transform: translateX(-50%); width: 32rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.tp-dialog-head[b-r8k0txz6ff] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.tp-dialog-body[b-r8k0txz6ff] { padding: 0.9rem; line-height: 1.45; }
.tp-dialog-foot[b-r8k0txz6ff] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }
.tp-dialog-body[b-r8k0txz6ff]  .tp-awblist { font-family: "Source Code Pro", Consolas, monospace; font-size: 0.78rem; background: #f6f8fb; border: 1px solid #d7dbe2; border-radius: 4px; padding: 0.35rem 0.5rem; max-height: 9rem; overflow: auto; }
.tp-dialog-body[b-r8k0txz6ff]  .tp-warn { color: #8a6d00; background: #fff8dc; border: 1px solid #f0d58c; border-radius: 4px; padding: 0.3rem 0.5rem; margin-top: 0.5rem; font-size: 0.8rem; }

/* buttons + inputs */
.tp .btn[b-r8k0txz6ff] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; }
.tp .btn:hover[b-r8k0txz6ff] { background: var(--uds-grey-100); }
.tp .btn:disabled[b-r8k0txz6ff] { opacity: 0.5; cursor: default; }
.tp .btn-primary[b-r8k0txz6ff] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.tp .btn-primary:hover[b-r8k0txz6ff] { background: #0a3a66; }
.tp .btn.danger[b-r8k0txz6ff] { color: #b02a37; border-color: #e0a1a8; background: #fff5f5; }
.tp .btn.mini[b-r8k0txz6ff] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.tp .link[b-r8k0txz6ff] { border: 0; background: transparent; color: #2779ce; cursor: pointer; font: inherit; font-size: 0.78rem; text-decoration: underline; padding: 0 0.2rem; }
.tp .tb[b-r8k0txz6ff] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.tp .cb[b-r8k0txz6ff] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.tp input[type="checkbox"][b-r8k0txz6ff] { width: 15px; height: 15px; cursor: pointer; }

/* top: search + assign agent */
.top[b-r8k0txz6ff] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.6rem; margin-bottom: 0.6rem; }
@media (min-width: 1200px) { .top[b-r8k0txz6ff] { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); } }
.panel[b-r8k0txz6ff] { border: 1px solid #b9bec7; border-radius: 6px; background: var(--uds-white); min-width: 0; }
.panel.search[b-r8k0txz6ff] { background: #d4e7ff; padding: 0.55rem 0.75rem; }
.ph[b-r8k0txz6ff] { display: flex; justify-content: space-between; align-items: baseline; font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; }
.ph .hint[b-r8k0txz6ff] { font-weight: 400; text-transform: none; color: var(--uds-secondary); font-size: 0.76rem; }
.ph .sel[b-r8k0txz6ff] { font-weight: 400; text-transform: none; font-size: 0.78rem; color: #1c6b34; }
.ph .sel.none[b-r8k0txz6ff] { color: var(--uds-secondary); }
.sgrid[b-r8k0txz6ff] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .sgrid[b-r8k0txz6ff] { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fld[b-r8k0txz6ff] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.fld.wide[b-r8k0txz6ff] { grid-column: span 2; }
.fld.span2[b-r8k0txz6ff] { grid-column: span 2; }
.fld[b-r8k0txz6ff]  .ta-input { height: 29px; padding: 0 0.45rem; font-size: 0.84rem; }
.sactions[b-r8k0txz6ff] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.55rem; }
.panel.actions[b-r8k0txz6ff] { padding: 0.45rem 0.75rem 0.6rem; background: #f6f8fb; }
.agrid[b-r8k0txz6ff] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
.abtns[b-r8k0txz6ff] { flex-direction: row; gap: 0.5rem; margin-top: 0.2rem; }
.tp a[b-r8k0txz6ff] { color: #0a6ab5; }

/* the outcome of the last Generate */
.outcome[b-r8k0txz6ff] { margin-top: 0.6rem; border-top: 1px dashed #b9bec7; padding-top: 0.5rem; }
.ohead[b-r8k0txz6ff] { display: flex; justify-content: space-between; align-items: baseline; gap: 0.5rem; }
.oproblem[b-r8k0txz6ff] { color: #b02a37; background: #fff5f5; border: 1px solid #e0a1a8; border-radius: 4px; padding: 0.3rem 0.5rem; margin-top: 0.3rem; font-size: 0.8rem; }
.osum[b-r8k0txz6ff] { margin: 0.3rem 0; font-size: 0.8rem; }
.tp table.olog[b-r8k0txz6ff] { width: 100%; border-collapse: collapse; font-size: 0.78rem; background: var(--uds-white); max-height: 14rem; }
.tp table.olog th[b-r8k0txz6ff] { background: #9fc5e6; color: var(--uds-navy); font-weight: 600; text-align: left; padding: 0.2rem 0.45rem; border: 1px solid #b9bec7; }
.tp table.olog td[b-r8k0txz6ff] { border: 1px solid #ddd; padding: 0.18rem 0.45rem; color: #222; }
.tp table.olog tr.ok td.status[b-r8k0txz6ff] { color: #1c6b34; font-weight: 600; }
.tp table.olog tr.bad td.status[b-r8k0txz6ff] { color: #b02a37; }
.tp table.olog td.status[b-r8k0txz6ff] { max-width: 22rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* results bar */
.rbar[b-r8k0txz6ff] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; }
.rbar .cap[b-r8k0txz6ff] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.rbar .grow[b-r8k0txz6ff] { flex: 1 1 auto; }
.rbar .pgsz[b-r8k0txz6ff] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: #555; }
.rbar .pgsz .cb[b-r8k0txz6ff] { width: auto; height: 26px; }

/* grid */
.grid-wrap[b-r8k0txz6ff] { overflow-x: auto; }
.tp table.grid[b-r8k0txz6ff] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.tp table.grid th[b-r8k0txz6ff] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.tp table.grid th.sortable[b-r8k0txz6ff] { cursor: pointer; user-select: none; }
.tp table.grid th.sortable:hover[b-r8k0txz6ff] { background: #3a86c4; }
.tp table.grid tr.filterrow th[b-r8k0txz6ff] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.tp table.grid tr.filterrow th .tb[b-r8k0txz6ff] { min-width: 4rem; height: 26px; font-size: 0.78rem; font-weight: 400; }
.tp table.grid td[b-r8k0txz6ff] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.tp table.grid td.c[b-r8k0txz6ff], .tp table.grid th.c[b-r8k0txz6ff] { text-align: center; }
.tp table.grid th.sel[b-r8k0txz6ff], .tp table.grid td.sel[b-r8k0txz6ff] { width: 2.4rem; }
.tp table.grid th.x[b-r8k0txz6ff], .tp table.grid td.x[b-r8k0txz6ff] { width: 1.8rem; padding: 0; }
.tp table.grid td.shipper[b-r8k0txz6ff] { max-width: 16rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tp table.grid td a[b-r8k0txz6ff] { color: #0a6ab5; text-decoration: none; font-weight: 600; }
.tp table.grid td a:hover[b-r8k0txz6ff] { text-decoration: underline; }
.tp table.grid tbody tr:hover td[b-r8k0txz6ff] { background: #f6faff; }
.tp table.grid tbody tr.ticked td[b-r8k0txz6ff] { background: #fff8dc; }
.tp table.grid tbody tr.open td[b-r8k0txz6ff] { border-bottom-color: #4697d7; }
.tp table.grid tr.detail td[b-r8k0txz6ff] { background: #D5E8F5; padding: 0.4rem 0.6rem 0.6rem; }
.xb[b-r8k0txz6ff] { border: 1px solid transparent; background: transparent; color: #4697d7; font-size: 0.95rem; cursor: pointer; width: 1.6rem; height: 1.6rem; line-height: 1; border-radius: 3px; }
.xb:hover[b-r8k0txz6ff] { background: #eaf3fb; border-color: #b9bec7; }

/* events (detail) */
.tp table.events[b-r8k0txz6ff] { width: 100%; border-collapse: collapse; font-size: 0.76rem; background: var(--uds-white); }
.tp table.events th[b-r8k0txz6ff] { background: #9fc5e6; color: var(--uds-navy); font-weight: 600; text-align: left; padding: 0.2rem 0.45rem; border: 1px solid #b9bec7; }
.tp table.events td[b-r8k0txz6ff] { border: 1px solid #ddd; padding: 0.18rem 0.45rem; color: #222; }
.tp table.events td.status[b-r8k0txz6ff] { max-width: 18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pager[b-r8k0txz6ff] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; justify-content: flex-end; }
.pager span[b-r8k0txz6ff] { padding: 0 0.5rem; color: var(--uds-secondary); }
/* /Components/Pages/Operations/ThirdPartyLabels/ThirdPartyLog.razor.rz.scp.css */
/* CHG-148 — Third Party Labels Log. Scoped; page-prefixed names (tl-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.tl[b-w6big6ksus] { font-size: 0.86rem; position: relative; }
.tl .notice[b-w6big6ksus] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.tl .notice.error[b-w6big6ksus] { border-left-color: var(--uds-red); }
.tl .muted[b-w6big6ksus] { color: var(--uds-secondary); }
.tl .small[b-w6big6ksus] { font-size: 0.76rem; }
.tl .hint[b-w6big6ksus] { margin: 0 0 0.45rem; }
.tl .padded[b-w6big6ksus] { padding: 0.75rem 1rem; }
.tl .mono[b-w6big6ksus] { font-family: "Source Code Pro", Consolas, monospace; }
.tl .nowrap[b-w6big6ksus] { white-space: nowrap; }
.tl .ok[b-w6big6ksus] { color: #1c6b34; font-weight: 600; }
.tl a[b-w6big6ksus] { color: #0a6ab5; }

.tl .btn[b-w6big6ksus] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.tl .btn:hover[b-w6big6ksus] { background: var(--uds-grey-100); }
.tl .btn:disabled[b-w6big6ksus] { opacity: 0.5; cursor: default; }
.tl .btn.mini[b-w6big6ksus] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.tl .tb[b-w6big6ksus] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 6rem; }
.tl .cb[b-w6big6ksus] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }

.bar[b-w6big6ksus] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-w6big6ksus] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-w6big6ksus] { flex: 1 1 auto; }
.bar .pick[b-w6big6ksus], .bar .pgsz[b-w6big6ksus] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: #555; }
.bar .pick .cb[b-w6big6ksus] { font-family: "Source Code Pro", Consolas, monospace; }

.grid-wrap[b-w6big6ksus] { overflow-x: auto; }
.tl table.grid[b-w6big6ksus] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.tl table.grid th[b-w6big6ksus] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.tl table.grid th.sortable[b-w6big6ksus] { cursor: pointer; user-select: none; }
.tl table.grid th.sortable:hover[b-w6big6ksus] { background: #3a86c4; }
.tl table.grid tr.filterrow th[b-w6big6ksus] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.tl table.grid td[b-w6big6ksus] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.tl table.grid td.c[b-w6big6ksus], .tl table.grid th.c[b-w6big6ksus] { text-align: center; }
.tl table.grid td.url[b-w6big6ksus] { max-width: 26rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tl table.grid td.status[b-w6big6ksus] { max-width: 24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tl table.grid td a[b-w6big6ksus] { text-decoration: none; font-weight: 600; }
.tl table.grid td a:hover[b-w6big6ksus] { text-decoration: underline; }
.tl table.grid tbody tr:hover td[b-w6big6ksus] { background: #f6faff; }
.tl table.grid tbody tr.ok td.status[b-w6big6ksus] { color: #1c6b34; font-weight: 600; }
.tl table.grid tbody tr.bad td.status[b-w6big6ksus] { color: #b02a37; }

.pager[b-w6big6ksus] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; justify-content: flex-end; }
.pager span[b-w6big6ksus] { padding: 0 0.5rem; color: var(--uds-secondary); }
/* /Components/Pages/Pricing/CustomerRateEdit.razor.rz.scp.css */
.crumb[b-2d07a1gwly] { font-size: 0.85rem; margin-bottom: 0.5rem; }

.page-head[b-2d07a1gwly] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.page-head h1[b-2d07a1gwly] { margin: 0; }

.acct[b-2d07a1gwly] {
    font-size: 0.9rem;
    font-weight: 400;
    color: var(--uds-secondary);
}

.mode-badge[b-2d07a1gwly] {
    padding: 0.1rem 0.5rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #fff;
    background: var(--uds-red);
    border-radius: 2px;
}

.cr-section[b-2d07a1gwly] {
    margin: 1.25rem 0 1.75rem;
    padding: 1rem 1.25rem;
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 4px;
}

.cr-section h2[b-2d07a1gwly] {
    font-size: 1rem;
    color: var(--uds-navy);
    margin: 0 0 0.75rem;
}

.sec-head[b-2d07a1gwly] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.sec-actions[b-2d07a1gwly] { display: flex; gap: 0.5rem; align-items: center; }

.file-btn[b-2d07a1gwly] { position: relative; overflow: hidden; cursor: pointer; }
.file-btn[b-2d07a1gwly]  input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.field-grid[b-2d07a1gwly] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 0.75rem 1.25rem;
    margin-bottom: 0.75rem;
}

.field-grid label[b-2d07a1gwly] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
}

.field-grid label > span[b-2d07a1gwly] {
    font-weight: 600;
    color: var(--uds-navy);
}

.field-grid label > span small[b-2d07a1gwly] {
    font-weight: 400;
    color: var(--uds-secondary);
}

.field-grid input[b-2d07a1gwly],
.field-grid select[b-2d07a1gwly],
.field-grid[b-2d07a1gwly]  input {
    padding: 0.35rem 0.5rem;
    border: 1px solid #b9bec7;
    border-radius: 3px;
    font: inherit;
    background: var(--uds-white);
}

.field-grid label.check[b-2d07a1gwly] {
    flex-direction: row;
    align-items: center;
    gap: 0.4rem;
    font-weight: 600;
    color: var(--uds-navy);
}

.code-input[b-2d07a1gwly], [b-2d07a1gwly] .code-input { max-width: 6rem; text-transform: uppercase; }

.hint[b-2d07a1gwly] {
    font-size: 0.85rem;
    color: var(--uds-secondary);
    max-width: 52rem;
}

.manual-hint[b-2d07a1gwly] { color: var(--uds-red); }

.cr-table[b-2d07a1gwly] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
    background: var(--uds-white);
}

.cr-table th[b-2d07a1gwly] {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.4rem 0.6rem;
}

.cr-table td[b-2d07a1gwly] {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.35rem 0.6rem;
}

.cr-table .num[b-2d07a1gwly] { text-align: right; }

.heads-table tr.overridden td[b-2d07a1gwly] { background: #eef1f7; }
.heads-table tr.in-force td[b-2d07a1gwly] { background: #e2e8f4; }

.row-actions[b-2d07a1gwly] { white-space: nowrap; }

.btn-sm[b-2d07a1gwly] {
    font-size: 0.78rem;
    padding: 0.15rem 0.5rem;
}

.btn-clear[b-2d07a1gwly] { color: var(--uds-red); }

.edit-panel[b-2d07a1gwly], .import-panel[b-2d07a1gwly] {
    margin-top: 0.9rem;
    padding: 0.9rem 1rem;
    background: var(--uds-white);
    border: 1px solid #b9bec7;
    border-left: 3px solid var(--uds-navy);
    border-radius: 4px;
}

.edit-panel h3[b-2d07a1gwly], .import-panel h3[b-2d07a1gwly] {
    margin: 0 0 0.6rem;
    font-size: 0.95rem;
    color: var(--uds-navy);
}

.edit-actions[b-2d07a1gwly], .import-actions[b-2d07a1gwly] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.import-errors[b-2d07a1gwly] {
    color: var(--uds-red);
    font-size: 0.85rem;
    margin: 0.25rem 0 0.75rem;
    padding-left: 1.2rem;
}

.status[b-2d07a1gwly] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.status.active[b-2d07a1gwly] { color: var(--uds-navy); }
.status.retired[b-2d07a1gwly] { color: var(--uds-secondary); }

.empty[b-2d07a1gwly] { color: var(--uds-secondary); }

.notice[b-2d07a1gwly] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 42rem;
    margin-bottom: 0.75rem;
}

.notice.error[b-2d07a1gwly] { border-left-color: var(--uds-red); }
.notice.ok[b-2d07a1gwly] { border-left-color: #2e7d32; }
/* /Components/Pages/Pricing/CustomerRates.razor.rz.scp.css */
.page-head[b-np7p7aloj6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.subtitle[b-np7p7aloj6] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 46rem;
}

.open-panel[b-np7p7aloj6] {
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 4px;
    padding: 0.75rem 1rem;
    margin-bottom: 1.25rem;
    max-width: 30rem;
}

.open-panel label[b-np7p7aloj6] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.open-panel label > span[b-np7p7aloj6] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--uds-navy);
}

.open-panel input[b-np7p7aloj6] {
    padding: 0.35rem 0.5rem;
    border: 1px solid #b9bec7;
    border-radius: 3px;
    font: inherit;
}

.hits[b-np7p7aloj6] {
    display: flex;
    flex-direction: column;
    border: 1px solid #b9bec7;
    border-radius: 4px;
    background: var(--uds-white);
    margin-top: 0.4rem;
}

.hit[b-np7p7aloj6] {
    text-align: left;
    border: 0;
    background: transparent;
    padding: 0.4rem 0.6rem;
    font: inherit;
    font-size: 0.88rem;
    cursor: pointer;
}

.hit:hover[b-np7p7aloj6] { background: var(--uds-grey-100); }
.hit small[b-np7p7aloj6] { color: var(--uds-secondary); }

.list-title[b-np7p7aloj6] {
    font-size: 1rem;
    color: var(--uds-navy);
    margin: 0 0 0.5rem;
}

.mode[b-np7p7aloj6] {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: var(--uds-navy);
}

.mode.manual[b-np7p7aloj6] { color: var(--uds-red); }

.empty[b-np7p7aloj6] { color: var(--uds-secondary); }

.notice[b-np7p7aloj6] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 42rem;
}

.notice.error[b-np7p7aloj6] { border-left-color: var(--uds-red); }

.grid-wrap[b-np7p7aloj6] { overflow-x: auto; }

[b-np7p7aloj6] table {
    font-size: 0.88rem;
    border-collapse: collapse;
    width: 100%;
}

[b-np7p7aloj6] th {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.4rem 0.75rem;
}

[b-np7p7aloj6] td {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.35rem 0.75rem;
}
/* /Components/Pages/Pricing/PricingHeadEdit.razor.rz.scp.css */
.crumb[b-9aqbkcy6zj] {
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
}

.page-head[b-9aqbkcy6zj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.status[b-9aqbkcy6zj] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.status.active[b-9aqbkcy6zj] { color: var(--uds-navy); }
.status.retired[b-9aqbkcy6zj] { color: var(--uds-secondary); }

.notice[b-9aqbkcy6zj] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}
.notice.error[b-9aqbkcy6zj] { border-left-color: var(--uds-red); }
.notice.ok[b-9aqbkcy6zj] { border-left-color: #2e7d32; background: #f1f8f1; }

.head-form[b-9aqbkcy6zj] {
    max-width: 52rem;
    margin-top: 1rem;
}

.field-grid[b-9aqbkcy6zj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem 1.5rem;
}

.field-grid label[b-9aqbkcy6zj] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
    color: var(--uds-ink);
}

.field-grid label > span[b-9aqbkcy6zj] {
    font-weight: 600;
    color: var(--uds-navy);
}

.field-grid label em[b-9aqbkcy6zj] {
    color: var(--uds-red);
    font-style: normal;
}

.field-grid small[b-9aqbkcy6zj] {
    font-weight: 400;
    color: var(--uds-secondary);
}

.field-grid input[b-9aqbkcy6zj],
.field-grid select[b-9aqbkcy6zj] {
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.9rem;
    background: var(--uds-white);
}

.checks[b-9aqbkcy6zj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 1.25rem 0;
}

.check[b-9aqbkcy6zj] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.9rem;
}
.check small[b-9aqbkcy6zj] { color: var(--uds-secondary); }

.hint[b-9aqbkcy6zj] {
    font-size: 0.82rem;
    color: var(--uds-secondary);
    margin: 0 0 1.25rem;
}

.actions[b-9aqbkcy6zj] {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 1rem;
}

.actions .danger[b-9aqbkcy6zj] { color: var(--uds-red); }

/* ── Dated rates ─────────────────────────────────────────────────────────── */
.rates[b-9aqbkcy6zj] {
    margin-top: 2.5rem;
    max-width: 52rem;
}

.rates h2[b-9aqbkcy6zj] {
    font-size: 1.15rem;
    border-bottom: 2px solid var(--uds-grey-200);
    padding-bottom: 0.35rem;
}

.rates .subtitle[b-9aqbkcy6zj] {
    color: var(--uds-secondary);
    font-size: 0.85rem;
    max-width: 46rem;
}

.current-rate[b-9aqbkcy6zj] {
    font-size: 1rem;
    margin: 0.75rem 0;
}
.current-rate .unit[b-9aqbkcy6zj] { color: var(--uds-secondary); font-size: 0.85rem; }

.add-rate[b-9aqbkcy6zj] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    background: var(--uds-grey-100);
    padding: 0.9rem 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.add-rate label[b-9aqbkcy6zj] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--uds-navy);
}

.add-rate input[b-9aqbkcy6zj] {
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.9rem;
}

.rate-history[b-9aqbkcy6zj] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}

.rate-history th[b-9aqbkcy6zj] {
    font-family: var(--uds-font-head);
    text-align: left;
    color: var(--uds-navy);
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.4rem 0.75rem;
}
.rate-history th.num[b-9aqbkcy6zj], .rate-history td.num[b-9aqbkcy6zj] { text-align: right; }

.rate-history td[b-9aqbkcy6zj] {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.35rem 0.75rem;
}

.rate-history tr.in-force[b-9aqbkcy6zj] {
    background: rgba(1, 5, 76, 0.05);
    font-weight: 600;
}

.empty[b-9aqbkcy6zj] {
    color: var(--uds-secondary);
    font-size: 0.9rem;
}
/* /Components/Pages/Pricing/PricingHeads.razor.rz.scp.css */
.page-head[b-lysv93qabz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.subtitle[b-lysv93qabz] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 46rem;
}

.toolbar[b-lysv93qabz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.show-retired[b-lysv93qabz] {
    font-size: 0.85rem;
    color: var(--uds-secondary);
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
}

.status[b-lysv93qabz] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.status.active[b-lysv93qabz] { color: var(--uds-navy); }
.status.retired[b-lysv93qabz] { color: var(--uds-secondary); }

.count[b-lysv93qabz] {
    font-size: 0.85rem;
    color: var(--uds-secondary);
    margin-bottom: 0.5rem;
}

.notice[b-lysv93qabz] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 42rem;
}

.notice.error[b-lysv93qabz] {
    border-left-color: var(--uds-red);
}

.grid-wrap[b-lysv93qabz] {
    overflow-x: auto;
}

[b-lysv93qabz] table {
    font-size: 0.88rem;
    border-collapse: collapse;
    width: 100%;
}

[b-lysv93qabz] th {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.4rem 0.75rem;
}

[b-lysv93qabz] td {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.35rem 0.75rem;
}
/* /Components/Pages/Pricing/QuoteEdit.razor.rz.scp.css */
.crumb[b-p3aw1808zy] {
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
}

.page-head[b-p3aw1808zy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.status[b-p3aw1808zy] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.status.active[b-p3aw1808zy] { color: var(--uds-navy); }
.status.retired[b-p3aw1808zy] { color: var(--uds-secondary); }

.notice[b-p3aw1808zy] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}
.notice.error[b-p3aw1808zy] { border-left-color: var(--uds-red); }
.notice.ok[b-p3aw1808zy] { border-left-color: #2e7d32; background: #f1f8f1; }

.head-form[b-p3aw1808zy] {
    max-width: 52rem;
    margin-top: 1rem;
}

.field-grid[b-p3aw1808zy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem 1.5rem;
}

.field-grid label[b-p3aw1808zy] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
    color: var(--uds-ink);
}

.field-grid label > span[b-p3aw1808zy] {
    font-weight: 600;
    color: var(--uds-navy);
}

.field-grid label em[b-p3aw1808zy] {
    color: var(--uds-red);
    font-style: normal;
}

.field-grid small[b-p3aw1808zy] {
    font-weight: 400;
    color: var(--uds-secondary);
}

.field-grid input[b-p3aw1808zy],
.field-grid select[b-p3aw1808zy] {
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.9rem;
    background: var(--uds-white);
}

.checks[b-p3aw1808zy] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 1.25rem 0;
}

.check[b-p3aw1808zy] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.9rem;
}
.check small[b-p3aw1808zy] { color: var(--uds-secondary); }

.hint[b-p3aw1808zy] {
    font-size: 0.82rem;
    color: var(--uds-secondary);
    margin: 0 0 1.25rem;
}

.actions[b-p3aw1808zy] {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 1rem;
}

.actions .danger[b-p3aw1808zy] { color: var(--uds-red); }

/* ── Dated rates ─────────────────────────────────────────────────────────── */
.rates[b-p3aw1808zy] {
    margin-top: 2.5rem;
    max-width: 52rem;
}

.rates h2[b-p3aw1808zy] {
    font-size: 1.15rem;
    border-bottom: 2px solid var(--uds-grey-200);
    padding-bottom: 0.35rem;
}

.rates .subtitle[b-p3aw1808zy] {
    color: var(--uds-secondary);
    font-size: 0.85rem;
    max-width: 46rem;
}

.current-rate[b-p3aw1808zy] {
    font-size: 1rem;
    margin: 0.75rem 0;
}
.current-rate .unit[b-p3aw1808zy] { color: var(--uds-secondary); font-size: 0.85rem; }

.add-rate[b-p3aw1808zy] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    background: var(--uds-grey-100);
    padding: 0.9rem 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.add-rate label[b-p3aw1808zy] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--uds-navy);
}

.add-rate input[b-p3aw1808zy] {
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.9rem;
}

.rate-history[b-p3aw1808zy] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}

.rate-history th[b-p3aw1808zy] {
    font-family: var(--uds-font-head);
    text-align: left;
    color: var(--uds-navy);
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.4rem 0.75rem;
}
.rate-history th.num[b-p3aw1808zy], .rate-history td.num[b-p3aw1808zy] { text-align: right; }

.rate-history td[b-p3aw1808zy] {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.35rem 0.75rem;
}

.rate-history tr.in-force[b-p3aw1808zy] {
    background: rgba(1, 5, 76, 0.05);
    font-weight: 600;
}

.empty[b-p3aw1808zy] {
    color: var(--uds-secondary);
    font-size: 0.9rem;
}

/* ── Workbench quote page ────────────────────────────────────────────────── */
.q-status[b-p3aw1808zy] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--uds-secondary);
}
.q-status.requested[b-p3aw1808zy] { color: var(--uds-red); }
.q-status.pricing[b-p3aw1808zy], .q-status.pending_approval[b-p3aw1808zy] { color: #b58900; }
.q-status.approved[b-p3aw1808zy], .q-status.sent[b-p3aw1808zy] { color: var(--uds-navy); }
.q-status.accepted[b-p3aw1808zy], .q-status.converted[b-p3aw1808zy] { color: #2e7d32; }

.test-flag[b-p3aw1808zy] {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--uds-white);
    background: var(--uds-red);
    border-radius: 3px;
    padding: 0.1rem 0.4rem;
}

/* Milestone stepper (spec 4i — internal full journey) */
.stepper[b-p3aw1808zy] {
    display: flex;
    margin: 1rem 0 1.5rem;
    max-width: 52rem;
}
.step[b-p3aw1808zy] {
    flex: 1;
    text-align: center;
    position: relative;
    color: var(--uds-secondary);
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.step .dot[b-p3aw1808zy] {
    display: block;
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 50%;
    background: var(--uds-grey-200);
    margin: 0 auto 0.35rem;
    position: relative;
    z-index: 1;
}
.step[b-p3aw1808zy]::before {
    content: "";
    position: absolute;
    top: 0.42rem;
    left: -50%;
    width: 100%;
    height: 2px;
    background: var(--uds-grey-200);
}
.step:first-child[b-p3aw1808zy]::before { display: none; }
.step.reached .dot[b-p3aw1808zy] { background: var(--uds-navy); }
.step.reached[b-p3aw1808zy]::before { background: var(--uds-navy); }
.step.current .dot[b-p3aw1808zy] { background: var(--uds-red); outline: 3px solid rgba(229, 29, 58, 0.2); }
.step.current[b-p3aw1808zy] { color: var(--uds-navy); }

.wb-section[b-p3aw1808zy] { margin-top: 2rem; max-width: 62rem; }
.wb-section h2[b-p3aw1808zy] {
    font-size: 1.15rem;
    border-bottom: 2px solid var(--uds-grey-200);
    padding-bottom: 0.35rem;
}
.journey-head[b-p3aw1808zy] { margin-top: 2rem; }

.field-grid .span-2[b-p3aw1808zy] { grid-column: 1 / -1; }

.hits[b-p3aw1808zy] {
    display: flex;
    flex-direction: column;
    border: 1px solid #b9bec7;
    border-radius: 4px;
    background: var(--uds-white);
    max-width: 26rem;
}
.hit[b-p3aw1808zy] {
    text-align: left;
    border: 0;
    background: transparent;
    padding: 0.4rem 0.6rem;
    font: inherit;
    font-size: 0.88rem;
    cursor: pointer;
}
.hit:hover[b-p3aw1808zy] { background: var(--uds-grey-100); }
.hit small[b-p3aw1808zy] { color: var(--uds-secondary); }
.picked[b-p3aw1808zy] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.35rem;
    font-weight: 600;
    color: var(--uds-navy);
}
.chip-remove[b-p3aw1808zy] {
    border: 0;
    background: transparent;
    color: var(--uds-secondary);
    font-size: 1rem;
    cursor: pointer;
}
.chip-remove:hover[b-p3aw1808zy] { color: var(--uds-red); }

.break-editor input[b-p3aw1808zy] {
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.88rem;
    width: 6.5rem;
}
.break-editor td:nth-child(6) input[b-p3aw1808zy] { width: 11rem; }

.weight-summary[b-p3aw1808zy] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    margin-top: 0.9rem;
    flex-wrap: wrap;
    font-size: 0.9rem;
}
.weight-summary label[b-p3aw1808zy] {
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--uds-navy);
    gap: 0.2rem;
}
.weight-summary select[b-p3aw1808zy] {
    padding: 0.3rem 0.4rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
}
.weight-summary .chargeable strong[b-p3aw1808zy] { color: var(--uds-red); font-size: 1.05rem; }

.price-toolbar[b-p3aw1808zy] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    margin-bottom: 0.9rem;
    flex-wrap: wrap;
}
.price-toolbar label[b-p3aw1808zy] {
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--uds-navy);
    gap: 0.2rem;
}
.price-toolbar select[b-p3aw1808zy] {
    padding: 0.35rem 0.45rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
}
.price-error[b-p3aw1808zy] { color: var(--uds-red); font-size: 0.85rem; }

.match-table input[type="radio"][b-p3aw1808zy] { transform: scale(1.15); }

.pricing-detail[b-p3aw1808zy] { margin-top: 1rem; }
.uplift-row[b-p3aw1808zy] {
    display: flex;
    align-items: flex-end;
    gap: 1.5rem;
    margin-bottom: 0.9rem;
    flex-wrap: wrap;
}
.uplift-row label[b-p3aw1808zy] {
    display: flex;
    flex-direction: column;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--uds-navy);
    gap: 0.25rem;
}
.uplift-row input[type="number"][b-p3aw1808zy], .uplift-row input[type="date"][b-p3aw1808zy] {
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    width: 9rem;
}
.uplift-row .base-vat[b-p3aw1808zy] { flex-direction: row; align-items: center; font-weight: 400; }

.supp-picker[b-p3aw1808zy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
    gap: 0.35rem 1.25rem;
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 6px;
    padding: 0.9rem 1rem;
    max-height: 15rem;
    overflow-y: auto;
    margin-bottom: 1rem;
}
.supp-picker .check[b-p3aw1808zy] { font-size: 0.88rem; align-items: center; }
.supp-picker small[b-p3aw1808zy] { color: var(--uds-secondary); }
.vat-toggle[b-p3aw1808zy] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    margin-left: auto;
    color: var(--uds-secondary);
}

.breakdown[b-p3aw1808zy] { max-width: 34rem; }
.breakdown td[b-p3aw1808zy] { padding: 0.35rem 0.75rem; }
.breakdown .net td[b-p3aw1808zy] { border-top: 2px solid var(--uds-grey-200); font-weight: 600; }
.breakdown .total td[b-p3aw1808zy] {
    background: var(--uds-navy);
    color: var(--uds-white);
    font-weight: 700;
    font-size: 1rem;
}

.actions .approve[b-p3aw1808zy] { background: #2e7d32; border-color: #2e7d32; }
.doc-actions[b-p3aw1808zy] { border-top: 0; padding-top: 0.25rem; }

.journey .when[b-p3aw1808zy] { color: var(--uds-secondary); white-space: nowrap; }
.journey .ev[b-p3aw1808zy] { font-weight: 600; color: var(--uds-navy); }
.journey .who[b-p3aw1808zy] { color: var(--uds-secondary); }


/* M003/CD034: customer-scoped rate card marker in the match list */
.cust-card-tag[b-p3aw1808zy] {
    display: inline-block;
    margin-left: 0.4rem;
    padding: 0 0.35rem;
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #fff;
    background: var(--uds-navy);
    border-radius: 2px;
}
/* /Components/Pages/Pricing/QuotePreview.razor.rz.scp.css */
/* Customer accept-page PREVIEW — mirrors the future member.udsww.com/quote page
   (marketing-brand look inside the staff app; spec 4i: generic 3-step only). */
.crumb[b-btt9nfq6vd] { font-size: 0.85rem; margin-bottom: 0.75rem; }

.preview-banner[b-btt9nfq6vd] {
    background: #fff7e0;
    border: 1px solid #e0c860;
    border-radius: 6px;
    padding: 0.6rem 1rem;
    font-size: 0.88rem;
    margin-bottom: 1.25rem;
    max-width: 46rem;
}

.notice[b-btt9nfq6vd] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 42rem;
}
.notice.error[b-btt9nfq6vd] { border-left-color: var(--uds-red); }

.customer-page[b-btt9nfq6vd] {
    max-width: 44rem;
    border: 1px solid #b9bec7;
    border-radius: 8px;
    overflow: hidden;
    background: var(--uds-white);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.cp-header[b-btt9nfq6vd] { background: var(--uds-navy); padding: 1.25rem 2rem; }
.cp-header img[b-btt9nfq6vd] { height: 3.2rem; }
.cp-stripe[b-btt9nfq6vd] { height: 4px; background: var(--uds-red); }

.cp-body[b-btt9nfq6vd] { padding: 1.5rem 2rem 2rem; }
.cp-body h1[b-btt9nfq6vd] { font-size: 1.4rem; color: var(--uds-navy); margin: 0.75rem 0 0.25rem; }
.cp-ref[b-btt9nfq6vd] { color: var(--uds-secondary); font-size: 0.9rem; margin-bottom: 1.25rem; }

.cp-steps[b-btt9nfq6vd] { display: flex; gap: 0.5rem; }
.cp-step[b-btt9nfq6vd] {
    flex: 1;
    text-align: center;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--uds-secondary);
    border-top: 3px solid var(--uds-grey-200);
    padding-top: 0.4rem;
}
.cp-step.done[b-btt9nfq6vd] { border-top-color: var(--uds-navy); color: var(--uds-navy); }
.cp-step.current[b-btt9nfq6vd] { border-top-color: var(--uds-red); color: var(--uds-navy); }
.cp-step .n[b-btt9nfq6vd] {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: 50%;
    background: var(--uds-grey-200);
    color: var(--uds-white);
    margin-right: 0.25rem;
}
.cp-step.done .n[b-btt9nfq6vd] { background: var(--uds-navy); }
.cp-step.current .n[b-btt9nfq6vd] { background: var(--uds-red); }

.cp-route[b-btt9nfq6vd] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    background: var(--uds-grey-100);
    border-radius: 6px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}
.cp-route > div[b-btt9nfq6vd] { display: flex; flex-direction: column; }
.cp-label[b-btt9nfq6vd] { font-size: 0.7rem; font-weight: 700; color: var(--uds-secondary); text-transform: uppercase; }
.cp-value[b-btt9nfq6vd] { font-size: 1.05rem; font-weight: 700; color: var(--uds-navy); }
.cp-sub[b-btt9nfq6vd] { font-size: 0.8rem; color: var(--uds-secondary); }
.cp-arrow[b-btt9nfq6vd] { font-size: 1.4rem; color: var(--uds-red); }
.cp-weight[b-btt9nfq6vd] { margin-left: auto; }

.cp-lines[b-btt9nfq6vd] { width: 100%; border-collapse: collapse; font-size: 0.92rem; margin-bottom: 1.25rem; }
.cp-lines td[b-btt9nfq6vd] { border-bottom: 1px solid var(--uds-grey-200); padding: 0.45rem 0.5rem; }
.cp-lines td.num[b-btt9nfq6vd] { text-align: right; }
.cp-lines .cp-total td[b-btt9nfq6vd] {
    background: var(--uds-navy);
    color: var(--uds-white);
    font-weight: 700;
    font-size: 1.05rem;
    border-bottom: 0;
}

.cp-amount-only[b-btt9nfq6vd] { font-size: 1.1rem; }

.cp-actions[b-btt9nfq6vd] { display: flex; gap: 1rem; margin: 1.25rem 0 0.5rem; }
.cp-accept[b-btt9nfq6vd] {
    flex: 1;
    background: #ea1e00;
    color: var(--uds-white);
    border: 0;
    border-radius: 6px;
    padding: 0.8rem 1rem;
    font-size: 1.05rem;
    font-weight: 700;
    opacity: 0.55;
}
.cp-decline[b-btt9nfq6vd] {
    background: transparent;
    color: var(--uds-secondary);
    border: 1px solid var(--uds-grey-200);
    border-radius: 6px;
    padding: 0.8rem 1.25rem;
    font-size: 0.95rem;
    opacity: 0.7;
}
.cp-smallprint[b-btt9nfq6vd] { font-size: 0.78rem; color: var(--uds-secondary); }

.cp-footer[b-btt9nfq6vd] {
    background: var(--uds-grey-100);
    padding: 0.7rem 2rem;
    font-size: 0.8rem;
    color: var(--uds-secondary);
}
/* /Components/Pages/Pricing/Quotes.razor.rz.scp.css */
.page-head[b-g72gnkmlvt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.subtitle[b-g72gnkmlvt] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 46rem;
}

.count[b-g72gnkmlvt] {
    font-size: 0.85rem;
    color: var(--uds-secondary);
    margin-bottom: 0.5rem;
}

.notice[b-g72gnkmlvt] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 42rem;
}

.notice.error[b-g72gnkmlvt] {
    border-left-color: var(--uds-red);
}

.grid-wrap[b-g72gnkmlvt] {
    overflow-x: auto;
}

[b-g72gnkmlvt] table {
    font-size: 0.88rem;
    border-collapse: collapse;
    width: 100%;
}

[b-g72gnkmlvt] th {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.4rem 0.75rem;
}

[b-g72gnkmlvt] td {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.35rem 0.75rem;
}

/* ── Workbench inbox filter panel (grey panel demarcation convention) ─────── */
.filter-panel[b-g72gnkmlvt] {
    display: flex;
    align-items: flex-end;
    gap: 1.25rem;
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 6px;
    padding: 0.9rem 1rem;
    margin-bottom: 0.9rem;
    flex-wrap: wrap;
}

.filter-panel label[b-g72gnkmlvt] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--uds-navy);
}

.filter-panel .grow[b-g72gnkmlvt] { flex: 1 1 16rem; }

.filter-panel input[b-g72gnkmlvt],
.filter-panel select[b-g72gnkmlvt] {
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.9rem;
    background: var(--uds-white);
}

.q-status[b-g72gnkmlvt] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--uds-secondary);
}
.q-status.requested[b-g72gnkmlvt]        { color: var(--uds-red); }
.q-status.pricing[b-g72gnkmlvt],
.q-status.pending_approval[b-g72gnkmlvt] { color: #b58900; }
.q-status.approved[b-g72gnkmlvt],
.q-status.sent[b-g72gnkmlvt]             { color: var(--uds-navy); }
.q-status.accepted[b-g72gnkmlvt],
.q-status.converted[b-g72gnkmlvt]        { color: #2e7d32; }
/* /Components/Pages/Pricing/RateCardEdit.razor.rz.scp.css */
.crumb[b-msef57gutg] {
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
}

.page-head[b-msef57gutg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.status[b-msef57gutg] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.status.active[b-msef57gutg] { color: var(--uds-navy); }
.status.retired[b-msef57gutg] { color: var(--uds-secondary); }

.notice[b-msef57gutg] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}
.notice.error[b-msef57gutg] { border-left-color: var(--uds-red); }
.notice.ok[b-msef57gutg] { border-left-color: #2e7d32; background: #f1f8f1; }

.head-form[b-msef57gutg] {
    max-width: 52rem;
    margin-top: 1rem;
}

.field-grid[b-msef57gutg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem 1.5rem;
}

.field-grid label[b-msef57gutg] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
    color: var(--uds-ink);
}

.field-grid label > span[b-msef57gutg] {
    font-weight: 600;
    color: var(--uds-navy);
}

.field-grid label em[b-msef57gutg] {
    color: var(--uds-red);
    font-style: normal;
}

.field-grid small[b-msef57gutg] {
    font-weight: 400;
    color: var(--uds-secondary);
}

.field-grid input[b-msef57gutg],
.field-grid select[b-msef57gutg] {
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.9rem;
    background: var(--uds-white);
}

.checks[b-msef57gutg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 1.25rem 0;
}

.check[b-msef57gutg] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.9rem;
}
.check small[b-msef57gutg] { color: var(--uds-secondary); }

.hint[b-msef57gutg] {
    font-size: 0.82rem;
    color: var(--uds-secondary);
    margin: 0 0 1.25rem;
}

.actions[b-msef57gutg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 1rem;
}

.actions .danger[b-msef57gutg] { color: var(--uds-red); }

/* ── Dated rates ─────────────────────────────────────────────────────────── */
.rates[b-msef57gutg] {
    margin-top: 2.5rem;
    max-width: 52rem;
}

.rates h2[b-msef57gutg] {
    font-size: 1.15rem;
    border-bottom: 2px solid var(--uds-grey-200);
    padding-bottom: 0.35rem;
}

.rates .subtitle[b-msef57gutg] {
    color: var(--uds-secondary);
    font-size: 0.85rem;
    max-width: 46rem;
}

.current-rate[b-msef57gutg] {
    font-size: 1rem;
    margin: 0.75rem 0;
}
.current-rate .unit[b-msef57gutg] { color: var(--uds-secondary); font-size: 0.85rem; }

.add-rate[b-msef57gutg] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    background: var(--uds-grey-100);
    padding: 0.9rem 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.add-rate label[b-msef57gutg] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--uds-navy);
}

.add-rate input[b-msef57gutg] {
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.9rem;
}

.rate-history[b-msef57gutg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}

.rate-history th[b-msef57gutg] {
    font-family: var(--uds-font-head);
    text-align: left;
    color: var(--uds-navy);
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.4rem 0.75rem;
}
.rate-history th.num[b-msef57gutg], .rate-history td.num[b-msef57gutg] { text-align: right; }

.rate-history td[b-msef57gutg] {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.35rem 0.75rem;
}

.rate-history tr.in-force[b-msef57gutg] {
    background: rgba(1, 5, 76, 0.05);
    font-weight: 600;
}

.empty[b-msef57gutg] {
    color: var(--uds-secondary);
    font-size: 0.9rem;
}

/* ── Rate card extras ────────────────────────────────────────────────────── */
.code-input[b-msef57gutg] { text-transform: uppercase; width: 6rem; }
.field-grid .span-2[b-msef57gutg] { grid-column: 1 / -1; }

.break-editor input[b-msef57gutg] {
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.88rem;
    width: 8.5rem;
    text-align: right;
}
.break-editor .from-cell[b-msef57gutg] { color: var(--uds-secondary); }

.supp-picker[b-msef57gutg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 0.35rem 1.25rem;
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 6px;
    padding: 0.9rem 1rem;
    max-height: 18rem;
    overflow-y: auto;
}
.supp-picker .check[b-msef57gutg] { font-size: 0.88rem; }
.supp-picker small[b-msef57gutg] { color: var(--uds-secondary); }

/* Customer scope picker (M003/CD034) — scoped CSS, so the live-search styles are
   declared here too (per-page CSS, nothing global to lean on). */
.hits[b-msef57gutg] {
    display: flex;
    flex-direction: column;
    border: 1px solid #b9bec7;
    border-radius: 4px;
    background: var(--uds-white);
    max-width: 26rem;
}
.hit[b-msef57gutg] {
    text-align: left;
    border: 0;
    background: transparent;
    padding: 0.4rem 0.6rem;
    font: inherit;
    font-size: 0.88rem;
    cursor: pointer;
}
.hit:hover[b-msef57gutg] { background: var(--uds-grey-100); }
.hit small[b-msef57gutg] { color: var(--uds-secondary); }
.cust-scope[b-msef57gutg] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    color: var(--uds-navy);
}
.cust-scope small[b-msef57gutg] { color: var(--uds-secondary); }
.btn-link[b-msef57gutg] {
    border: 0;
    background: transparent;
    color: var(--uds-red);
    font-size: 0.82rem;
    cursor: pointer;
    padding: 0;
}
/* /Components/Pages/Pricing/RateCardImport.razor.rz.scp.css */
.subtitle[b-g4m5z1soiu] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 60rem;
}

.notice[b-g4m5z1soiu] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 60rem;
    margin: 0.75rem 0;
}
.notice.error[b-g4m5z1soiu] { border-left-color: var(--uds-red); }
.notice.ok[b-g4m5z1soiu] { border-left-color: #2e7d32; background: #f1f8f1; }
.notice ul[b-g4m5z1soiu] { margin: 0.5rem 0 0; padding-left: 1.25rem; }
.notice li[b-g4m5z1soiu] { margin-bottom: 0.2rem; }

.head-form[b-g4m5z1soiu] {
    max-width: 60rem;
    margin-top: 1rem;
}

.field-grid[b-g4m5z1soiu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem 1.5rem;
}

.field-grid label[b-g4m5z1soiu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
    color: var(--uds-ink);
}

.field-grid label > span[b-g4m5z1soiu] {
    font-weight: 600;
    color: var(--uds-navy);
}

.field-grid label em[b-g4m5z1soiu] {
    color: var(--uds-red);
    font-style: normal;
}

.field-grid small[b-g4m5z1soiu] {
    font-weight: 400;
    color: var(--uds-secondary);
}

.field-grid input[b-g4m5z1soiu],
.field-grid select[b-g4m5z1soiu] {
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.9rem;
    background: var(--uds-white);
}

.field-grid .span-2[b-g4m5z1soiu] { grid-column: 1 / -1; }

/* The open-top checkbox row: checkbox + text on one line, not stacked. */
.field-grid .check[b-g4m5z1soiu] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.88rem;
}
.field-grid .check span[b-g4m5z1soiu] { font-weight: 400; color: var(--uds-ink); }

.code-input[b-g4m5z1soiu] { text-transform: uppercase; width: 6rem; }

.rates[b-g4m5z1soiu] {
    margin-top: 2.5rem;
    max-width: 72rem;
}

.rates h2[b-g4m5z1soiu] {
    font-size: 1.15rem;
    border-bottom: 2px solid var(--uds-grey-200);
    padding-bottom: 0.35rem;
}

.rates h3[b-g4m5z1soiu] {
    font-size: 0.98rem;
    color: var(--uds-navy);
    margin: 1.5rem 0 0.5rem;
}

.rates .subtitle[b-g4m5z1soiu] {
    color: var(--uds-secondary);
    font-size: 0.85rem;
    max-width: 60rem;
}

/* Preview notes list. */
.rates ul.subtitle[b-g4m5z1soiu] {
    margin: 0.5rem 0 1rem;
    padding-left: 1.25rem;
}
.rates ul.subtitle li[b-g4m5z1soiu] { margin-bottom: 0.2rem; }

.actions[b-g4m5z1soiu] {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 1rem;
    margin-top: 1.5rem;
}

.rate-history[b-g4m5z1soiu] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
    margin-bottom: 0.75rem;
}

.rate-history th[b-g4m5z1soiu] {
    font-family: var(--uds-font-head);
    text-align: left;
    color: var(--uds-navy);
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.4rem 0.9rem;
    white-space: nowrap;
}
.rate-history th.num[b-g4m5z1soiu], .rate-history td.num[b-g4m5z1soiu] { text-align: right; }

.rate-history td[b-g4m5z1soiu] {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.4rem 0.9rem;
    vertical-align: top;
}

.members-preview[b-g4m5z1soiu] {
    color: var(--uds-secondary);
    font-size: 0.82rem;
}

.empty[b-g4m5z1soiu] {
    color: var(--uds-secondary);
    font-size: 0.9rem;
}

/* File pickers: keep the chosen-file name subdued under the input. */
.field-grid input[type="file"][b-g4m5z1soiu] {
    border: none;
    padding: 0.25rem 0;
    background: transparent;
}

/* Per-form error, rendered beside the button that raised it (a top-of-page
   banner went unseen on the long three-form page — live, 15 Aug). */
.inline-error[b-g4m5z1soiu] {
    display: inline-block;
    margin: 0 0 0 0.75rem;
    vertical-align: middle;
}

/* Services picker (FedEx form) — same rule as RateCardEdit's supp-picker; scoped
   CSS does not travel between pages, so it must be declared here too (the
   checkboxes rendered as an unboxed plain stack — Farrukh spotted it live, 15 Aug). */
.supp-picker[b-g4m5z1soiu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 0.35rem 1.25rem;
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 6px;
    padding: 0.9rem 1rem;
    max-height: 18rem;
    overflow-y: auto;
}
.supp-picker .check[b-g4m5z1soiu] { font-size: 0.88rem; }
.supp-picker small[b-g4m5z1soiu] { color: var(--uds-secondary); }
/* /Components/Pages/Pricing/RateCards.razor.rz.scp.css */
.page-head[b-5llm14kpxd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.subtitle[b-5llm14kpxd] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 46rem;
}

.toolbar[b-5llm14kpxd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.show-retired[b-5llm14kpxd] {
    font-size: 0.85rem;
    color: var(--uds-secondary);
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
}

.status[b-5llm14kpxd] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.status.active[b-5llm14kpxd] { color: var(--uds-navy); }
.status.retired[b-5llm14kpxd] { color: var(--uds-secondary); }

.count[b-5llm14kpxd] {
    font-size: 0.85rem;
    color: var(--uds-secondary);
    margin-bottom: 0.5rem;
}

.notice[b-5llm14kpxd] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 42rem;
}

.notice.error[b-5llm14kpxd] {
    border-left-color: var(--uds-red);
}

.grid-wrap[b-5llm14kpxd] {
    overflow-x: auto;
}

[b-5llm14kpxd] table {
    font-size: 0.88rem;
    border-collapse: collapse;
    width: 100%;
}

[b-5llm14kpxd] th {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.4rem 0.75rem;
}

[b-5llm14kpxd] td {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.35rem 0.75rem;
}
/* /Components/Pages/Pricing/ZoneEdit.razor.rz.scp.css */
.crumb[b-sbm98nrgoi] {
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
}

.page-head[b-sbm98nrgoi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.status[b-sbm98nrgoi] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.status.active[b-sbm98nrgoi] { color: var(--uds-navy); }
.status.retired[b-sbm98nrgoi] { color: var(--uds-secondary); }

.notice[b-sbm98nrgoi] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}
.notice.error[b-sbm98nrgoi] { border-left-color: var(--uds-red); }
.notice.ok[b-sbm98nrgoi] { border-left-color: #2e7d32; background: #f1f8f1; }

.head-form[b-sbm98nrgoi] {
    max-width: 52rem;
    margin-top: 1rem;
}

.field-grid[b-sbm98nrgoi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem 1.5rem;
}

.field-grid label[b-sbm98nrgoi] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
    color: var(--uds-ink);
}

.field-grid label > span[b-sbm98nrgoi] {
    font-weight: 600;
    color: var(--uds-navy);
}

.field-grid label em[b-sbm98nrgoi] {
    color: var(--uds-red);
    font-style: normal;
}

.field-grid small[b-sbm98nrgoi] {
    font-weight: 400;
    color: var(--uds-secondary);
}

.field-grid input[b-sbm98nrgoi],
.field-grid select[b-sbm98nrgoi] {
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.9rem;
    background: var(--uds-white);
}

.checks[b-sbm98nrgoi] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 1.25rem 0;
}

.check[b-sbm98nrgoi] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.9rem;
}
.check small[b-sbm98nrgoi] { color: var(--uds-secondary); }

.hint[b-sbm98nrgoi] {
    font-size: 0.82rem;
    color: var(--uds-secondary);
    margin: 0 0 1.25rem;
}

.actions[b-sbm98nrgoi] {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 1rem;
}

.actions .danger[b-sbm98nrgoi] { color: var(--uds-red); }

/* ── Dated rates ─────────────────────────────────────────────────────────── */
.rates[b-sbm98nrgoi] {
    margin-top: 2.5rem;
    max-width: 52rem;
}

.rates h2[b-sbm98nrgoi] {
    font-size: 1.15rem;
    border-bottom: 2px solid var(--uds-grey-200);
    padding-bottom: 0.35rem;
}

.rates .subtitle[b-sbm98nrgoi] {
    color: var(--uds-secondary);
    font-size: 0.85rem;
    max-width: 46rem;
}

.current-rate[b-sbm98nrgoi] {
    font-size: 1rem;
    margin: 0.75rem 0;
}
.current-rate .unit[b-sbm98nrgoi] { color: var(--uds-secondary); font-size: 0.85rem; }

.add-rate[b-sbm98nrgoi] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    background: var(--uds-grey-100);
    padding: 0.9rem 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.add-rate label[b-sbm98nrgoi] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--uds-navy);
}

.add-rate input[b-sbm98nrgoi] {
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.9rem;
}

.rate-history[b-sbm98nrgoi] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}

.rate-history th[b-sbm98nrgoi] {
    font-family: var(--uds-font-head);
    text-align: left;
    color: var(--uds-navy);
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.4rem 0.75rem;
}
.rate-history th.num[b-sbm98nrgoi], .rate-history td.num[b-sbm98nrgoi] { text-align: right; }

.rate-history td[b-sbm98nrgoi] {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.35rem 0.75rem;
}

.rate-history tr.in-force[b-sbm98nrgoi] {
    background: rgba(1, 5, 76, 0.05);
    font-weight: 600;
}

.empty[b-sbm98nrgoi] {
    color: var(--uds-secondary);
    font-size: 0.9rem;
}

/* ── Zone member editor ──────────────────────────────────────────────────── */
.members[b-sbm98nrgoi] { margin-top: 2rem; max-width: 52rem; }
.members h2[b-sbm98nrgoi] {
    font-size: 1.15rem;
    border-bottom: 2px solid var(--uds-grey-200);
    padding-bottom: 0.35rem;
}
.members .subtitle[b-sbm98nrgoi] { color: var(--uds-secondary); font-size: 0.85rem; max-width: 46rem; }

.code-input[b-sbm98nrgoi] { text-transform: uppercase; width: 6rem; }

.member-chips[b-sbm98nrgoi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0.75rem 0 0.35rem;
}

.chip[b-sbm98nrgoi] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 4px;
    padding: 0.2rem 0.3rem 0.2rem 0.55rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--uds-navy);
}

.chip-remove[b-sbm98nrgoi] {
    border: 0;
    background: transparent;
    color: var(--uds-secondary);
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    padding: 0 0.25rem;
}
.chip-remove:hover[b-sbm98nrgoi] { color: var(--uds-red); }

.count[b-sbm98nrgoi] { font-size: 0.85rem; color: var(--uds-secondary); }
.empty[b-sbm98nrgoi] { color: var(--uds-secondary); font-size: 0.9rem; }
/* /Components/Pages/Pricing/Zones.razor.rz.scp.css */
.page-head[b-bcmwq9kr69] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.subtitle[b-bcmwq9kr69] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 46rem;
}

.toolbar[b-bcmwq9kr69] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.show-retired[b-bcmwq9kr69] {
    font-size: 0.85rem;
    color: var(--uds-secondary);
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
}

.status[b-bcmwq9kr69] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.status.active[b-bcmwq9kr69] { color: var(--uds-navy); }
.status.retired[b-bcmwq9kr69] { color: var(--uds-secondary); }

.count[b-bcmwq9kr69] {
    font-size: 0.85rem;
    color: var(--uds-secondary);
    margin-bottom: 0.5rem;
}

.notice[b-bcmwq9kr69] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 42rem;
}

.notice.error[b-bcmwq9kr69] {
    border-left-color: var(--uds-red);
}

.grid-wrap[b-bcmwq9kr69] {
    overflow-x: auto;
}

[b-bcmwq9kr69] table {
    font-size: 0.88rem;
    border-collapse: collapse;
    width: 100%;
}

[b-bcmwq9kr69] th {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.4rem 0.75rem;
}

[b-bcmwq9kr69] td {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.35rem 0.75rem;
}

/* ── Zones list extras ───────────────────────────────────────────────────── */
.members-preview[b-bcmwq9kr69] {
    color: var(--uds-secondary);
    font-size: 0.82rem;
}
/* /Components/Pages/Print/PrintAgents.razor.rz.scp.css */
.page-head[b-ff60mgg2w0] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.subtitle[b-ff60mgg2w0] { color: var(--uds-secondary); margin-bottom: 1.25rem; max-width: 46rem; }

.notice[b-ff60mgg2w0] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}
.notice.error[b-ff60mgg2w0] { border-left-color: var(--uds-red); }

.empty[b-ff60mgg2w0] { color: var(--uds-secondary); font-size: 0.9rem; }
.empty.small[b-ff60mgg2w0] { font-size: 0.82rem; margin: 0.4rem 0; }

/* ── Add-server panel ────────────────────────────────────────────────────── */
.add-server[b-ff60mgg2w0] {
    background: var(--uds-grey-100);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    max-width: 52rem;
}
.add-server h2[b-ff60mgg2w0] { font-size: 1.05rem; margin: 0 0 0.75rem; }

.download-hint[b-ff60mgg2w0] { font-size: 0.85rem; margin: 0.75rem 0 0; color: var(--uds-secondary); }
.download-hint a[b-ff60mgg2w0] { font-weight: 600; }
.add-row[b-ff60mgg2w0] { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; }
.add-row select[b-ff60mgg2w0], .add-row input[b-ff60mgg2w0] {
    padding: 0.45rem 0.6rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.9rem;
    background: var(--uds-white);
}
.add-row input[b-ff60mgg2w0] { min-width: 16rem; }

.code-box[b-ff60mgg2w0] {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-top: 1rem;
    padding: 0.9rem 1rem;
    background: var(--uds-white);
    border: 1px dashed var(--uds-navy);
    border-radius: 6px;
}
.code-box .code[b-ff60mgg2w0] {
    font-family: var(--uds-font-head);
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--uds-navy);
    white-space: nowrap;
}
.code-box .code-help[b-ff60mgg2w0] { font-size: 0.85rem; color: var(--uds-ink); }

.copy-btn[b-ff60mgg2w0] {
    flex: 0 0 auto;
    padding: 0.35rem 0.7rem;
    border: 1px solid var(--uds-navy);
    border-radius: 4px;
    background: var(--uds-white);
    color: var(--uds-navy);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}
.copy-btn:hover[b-ff60mgg2w0] { background: var(--uds-navy); color: var(--uds-white); }

/* ── Agent cards ─────────────────────────────────────────────────────────── */
.agent-card[b-ff60mgg2w0] {
    border: 1px solid var(--uds-grey-200);
    border-radius: 8px;
    padding: 0.9rem 1.1rem;
    margin-bottom: 1rem;
    max-width: 52rem;
}
/* Accordion header — the whole row toggles the card open/closed */
.agent-head[b-ff60mgg2w0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
}
.chev[b-ff60mgg2w0] {
    flex: 0 0 auto;
    width: 0.7rem;
    height: 0.7rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.55;
    transition: transform 0.15s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23777777' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.agent-card.open .chev[b-ff60mgg2w0] { transform: rotate(90deg); }
.agent-head:hover .chev[b-ff60mgg2w0] { opacity: 1; }
.pcount[b-ff60mgg2w0] { font-size: 0.78rem; color: var(--uds-secondary); }

.agent-body[b-ff60mgg2w0] {
    margin-top: 0.75rem;
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 0.75rem;
}
.agent-body > *:first-child[b-ff60mgg2w0] { margin-top: 0; }

.who[b-ff60mgg2w0] { display: flex; align-items: center; gap: 0.6rem; }
.who .loc[b-ff60mgg2w0] { color: var(--uds-secondary); font-size: 0.9rem; }

.dot[b-ff60mgg2w0] { width: 0.6rem; height: 0.6rem; border-radius: 50%; display: inline-block; }
.dot.on[b-ff60mgg2w0] { background: #2e7d32; }
.dot.off[b-ff60mgg2w0] { background: var(--uds-grey-200); border: 1px solid var(--uds-secondary); }

.astatus[b-ff60mgg2w0] {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.1rem 0.45rem;
    border-radius: 10px;
    background: var(--uds-grey-200);
}
.astatus.s-active[b-ff60mgg2w0] { background: #e8f5e9; color: #2e7d32; }
.astatus.s-pending[b-ff60mgg2w0] { background: #fff8e1; color: #b26a00; }
.astatus.s-disabled[b-ff60mgg2w0] { background: var(--uds-grey-200); color: var(--uds-secondary); }

.meta[b-ff60mgg2w0] { display: flex; gap: 1rem; font-size: 0.78rem; color: var(--uds-secondary); flex-wrap: wrap; }

.pending[b-ff60mgg2w0] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.75rem;
    font-size: 0.88rem;
    flex-wrap: wrap;
}
.pending code[b-ff60mgg2w0] {
    font-family: var(--uds-font-head);
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--uds-navy);
    background: var(--uds-grey-100);
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
}

.agent-actions[b-ff60mgg2w0] { display: flex; gap: 1rem; margin: 0.6rem 0; }

.printers[b-ff60mgg2w0] { width: 100%; border-collapse: collapse; font-size: 0.85rem; margin-top: 0.5rem; }
.printers th[b-ff60mgg2w0] {
    font-family: var(--uds-font-head);
    text-align: left;
    color: var(--uds-navy);
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.35rem 0.6rem;
}
.printers td[b-ff60mgg2w0] { border-bottom: 1px solid var(--uds-grey-200); padding: 0.3rem 0.6rem; }
.printers tr.inactive td[b-ff60mgg2w0] { color: var(--uds-secondary); }
.printers select[b-ff60mgg2w0] {
    padding: 0.25rem 0.4rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.85rem;
}

.badge[b-ff60mgg2w0] {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    background: #e8eaf6;
    color: #283593;
    padding: 0.1rem 0.4rem;
    border-radius: 10px;
}

.link[b-ff60mgg2w0] {
    background: none; border: none; padding: 0; color: var(--uds-red);
    font: inherit; font-size: 0.85rem; cursor: pointer;
}
.link:hover[b-ff60mgg2w0] { color: var(--uds-cta); text-decoration: underline; }
.link.muted[b-ff60mgg2w0] { color: var(--uds-secondary); }
/* /Components/Pages/Print/PrintJobNew.razor.rz.scp.css */
.crumb[b-hy75zybojr] { font-size: 0.85rem; margin-bottom: 0.75rem; }

.page-head[b-hy75zybojr] { display: flex; align-items: center; gap: 0.75rem; }

.subtitle[b-hy75zybojr] {
    color: var(--uds-secondary);
    font-size: 0.9rem;
    max-width: 46rem;
    margin-bottom: 1rem;
}

.notice[b-hy75zybojr] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}
.notice.error[b-hy75zybojr] { border-left-color: var(--uds-red); }
.notice.ok[b-hy75zybojr] { border-left-color: #2e7d32; background: #f1f8f1; }

.head-form[b-hy75zybojr] { max-width: 52rem; margin-top: 1rem; }

.field-grid[b-hy75zybojr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem 1.5rem;
}

.field-grid label[b-hy75zybojr] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
    color: var(--uds-ink);
}
.field-grid label > span[b-hy75zybojr] { font-weight: 600; color: var(--uds-navy); }
.field-grid label em[b-hy75zybojr] { color: var(--uds-red); font-style: normal; }

.field-grid input[b-hy75zybojr],
.field-grid select[b-hy75zybojr] {
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.9rem;
    background: var(--uds-white);
}

.actions[b-hy75zybojr] {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 1rem;
    margin-top: 1.5rem;
}
/* /Components/Pages/Print/PrintJobs.razor.rz.scp.css */
.page-head[b-furva9gpjy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.subtitle[b-furva9gpjy] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 46rem;
}

.notice[b-furva9gpjy] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}
.notice.error[b-furva9gpjy] { border-left-color: var(--uds-red); }
.notice.paused-note[b-furva9gpjy] { border-left-color: #b26a00; background: #fff4e5; }

/* ── Counts strip ────────────────────────────────────────────────────────── */
.counts[b-furva9gpjy] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.count-card[b-furva9gpjy] {
    display: flex;
    flex-direction: column;
    min-width: 5.5rem;
    padding: 0.6rem 0.9rem;
    background: var(--uds-grey-100);
    border-radius: 6px;
    border-left: 3px solid var(--uds-navy);
}
.count-card .n[b-furva9gpjy] { font-size: 1.4rem; font-weight: 600; color: var(--uds-navy); font-family: var(--uds-font-head); }
.count-card .l[b-furva9gpjy] { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.03em; color: var(--uds-secondary); }
.count-card.active[b-furva9gpjy] { border-left-color: #1565c0; }
.count-card.failed[b-furva9gpjy] { border-left-color: var(--uds-red); }
.count-card.done[b-furva9gpjy] { border-left-color: #2e7d32; }

/* ── Toolbar ─────────────────────────────────────────────────────────────── */
.toolbar[b-furva9gpjy] {
    display: flex;
    align-items: flex-end;
    gap: 1.25rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}
.toolbar label[b-furva9gpjy] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--uds-navy);
}
.toolbar select[b-furva9gpjy] {
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.88rem;
    background: var(--uds-white);
}
.toolbar .count[b-furva9gpjy] { font-size: 0.85rem; color: var(--uds-secondary); font-weight: 400; }

/* ── Status pills ────────────────────────────────────────────────────────── */
.jobstatus[b-furva9gpjy] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.1rem 0.45rem;
    border-radius: 10px;
    background: var(--uds-grey-200);
    color: var(--uds-ink);
    white-space: nowrap;
}
.jobstatus.queued[b-furva9gpjy] { background: #e8eaf6; color: #283593; }
.jobstatus.active[b-furva9gpjy] { background: #e3f2fd; color: #1565c0; }
.jobstatus.done[b-furva9gpjy] { background: #e8f5e9; color: #2e7d32; }
.jobstatus.failed[b-furva9gpjy] { background: #fdecea; color: var(--uds-red); }
.jobstatus.timeout[b-furva9gpjy] { background: #fff4e5; color: #b26a00; }
.jobstatus.cancelled[b-furva9gpjy] { background: var(--uds-grey-200); color: var(--uds-secondary); }

.err[b-furva9gpjy] {
    font-size: 0.72rem;
    color: var(--uds-red);
    max-width: 16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Action buttons ──────────────────────────────────────────────────────── */
.link[b-furva9gpjy] {
    background: none;
    border: none;
    padding: 0 0.35rem 0 0;
    color: var(--uds-red);
    font: inherit;
    font-size: 0.85rem;
    cursor: pointer;
}
.link:hover[b-furva9gpjy] { color: var(--uds-cta); text-decoration: underline; }

/* ── Grid ────────────────────────────────────────────────────────────────── */
.grid-wrap[b-furva9gpjy] { overflow-x: auto; }

[b-furva9gpjy] table {
    font-size: 0.85rem;
    border-collapse: collapse;
    width: 100%;
}
[b-furva9gpjy] th {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.4rem 0.7rem;
    white-space: nowrap;
}
[b-furva9gpjy] td {
    border-bottom: 1px solid var(--uds-grey-200);
    padding: 0.3rem 0.7rem;
    vertical-align: top;
}

/* CHG-170: two-step ✕ Cancel — the armed state and its confirm link */
.confirm[b-furva9gpjy] { font-size: 0.85rem; color: var(--uds-ink); white-space: nowrap; }
.link.danger[b-furva9gpjy] { font-weight: 600; }
/* /Components/Pages/Print/PrintLocations.razor.rz.scp.css */
.page-head[b-xzus936vu0] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

.subtitle[b-xzus936vu0] { color: var(--uds-secondary); margin-bottom: 1.25rem; max-width: 46rem; }

.notice[b-xzus936vu0] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}
.notice.error[b-xzus936vu0] { border-left-color: var(--uds-red); }

.add-row[b-xzus936vu0] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}
.add-row input[b-xzus936vu0] {
    padding: 0.45rem 0.6rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.9rem;
    min-width: 18rem;
}
.add-row input.code[b-xzus936vu0] { min-width: 9rem; }

.grid[b-xzus936vu0] { border-collapse: collapse; width: 100%; max-width: 52rem; font-size: 0.9rem; }
.grid th[b-xzus936vu0] {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.45rem 0.75rem;
}
.grid td[b-xzus936vu0] { border-bottom: 1px solid var(--uds-grey-200); padding: 0.4rem 0.75rem; }
.grid td input[b-xzus936vu0] {
    padding: 0.3rem 0.45rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.88rem;
}
.grid td input.code[b-xzus936vu0] { max-width: 8rem; }

.status[b-xzus936vu0] { font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; }
.status.active[b-xzus936vu0] { color: var(--uds-navy); }
.status.retired[b-xzus936vu0] { color: var(--uds-secondary); }
.status.paused[b-xzus936vu0] {
    color: #b26a00;
    background: #fff4e5;
    padding: 0.1rem 0.4rem;
    border-radius: 10px;
    margin-left: 0.4rem;
}

.actions[b-xzus936vu0] { display: flex; gap: 0.75rem; }
.link[b-xzus936vu0] {
    background: none; border: none; padding: 0; color: var(--uds-red);
    font: inherit; font-size: 0.85rem; cursor: pointer;
}
.link:hover[b-xzus936vu0] { color: var(--uds-cta); text-decoration: underline; }
.link.muted[b-xzus936vu0] { color: var(--uds-secondary); }

.empty[b-xzus936vu0] { color: var(--uds-secondary); font-size: 0.9rem; }
/* /Components/Pages/Print/PrintSettings.razor.rz.scp.css */
.page-head[b-djpiy5etyk] { display: flex; align-items: flex-start; gap: 1rem; }
.subtitle[b-djpiy5etyk] { color: var(--uds-secondary); margin-bottom: 1.25rem; max-width: 46rem; }

.notice[b-djpiy5etyk] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}
.notice.error[b-djpiy5etyk] { border-left-color: var(--uds-red); }
.notice.ok[b-djpiy5etyk] { border-left-color: #2e7d32; background: #f1f8f1; }

.modes[b-djpiy5etyk] { display: flex; flex-direction: column; gap: 0.75rem; max-width: 40rem; margin-top: 1rem; }

.mode-card[b-djpiy5etyk] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    text-align: left;
    padding: 0.9rem 1.1rem;
    border: 1px solid var(--uds-grey-200);
    border-left: 3px solid var(--uds-grey-200);
    border-radius: 6px;
    background: var(--uds-white);
    cursor: pointer;
    font: inherit;
}
.mode-card:hover[b-djpiy5etyk] { border-color: var(--uds-navy); }
.mode-card.current[b-djpiy5etyk] {
    border-left-color: var(--uds-navy);
    background: var(--uds-grey-100);
    cursor: default;
}
.mode-name[b-djpiy5etyk] { font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); }
.mode-desc[b-djpiy5etyk] { font-size: 0.85rem; color: var(--uds-secondary); }
/* /Components/Pages/Print/RunLabels.razor.rz.scp.css */
.page-head[b-jz65gfwm40] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

.subtitle[b-jz65gfwm40] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 46rem;
    font-size: 0.9rem;
}

.notice[b-jz65gfwm40] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}
.notice.error[b-jz65gfwm40] { border-left-color: var(--uds-red); }
.notice.ok[b-jz65gfwm40] { border-left-color: #2e7d32; background: #f1f8f1; }

/* ── Command area (search + send) vs results, split by a hairline ────────── */
.controls[b-jz65gfwm40] {
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 1.1rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.results[b-jz65gfwm40] { margin-top: 1.5rem; }

/* ── Filter + send bars ──────────────────────────────────────────────────── */
.filters[b-jz65gfwm40], .send-bar[b-jz65gfwm40] {
    display: flex;
    align-items: flex-end;
    gap: 1.25rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}
.send-bar[b-jz65gfwm40] {
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 0.9rem;
    margin-top: 0.5rem;
}

.fld[b-jz65gfwm40] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: var(--uds-navy); }
.fld.narrow[b-jz65gfwm40] { max-width: 6rem; }
.fld input[b-jz65gfwm40], .fld select[b-jz65gfwm40] {
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.88rem;
    background: var(--uds-white);
    min-width: 10rem;
}
.fld.narrow input[b-jz65gfwm40] { min-width: 0; }

.fbtns[b-jz65gfwm40] { display: flex; align-items: center; gap: 0.75rem; }

.count[b-jz65gfwm40] { font-size: 0.85rem; color: var(--uds-secondary); margin-top: 0.5rem; }

/* ── Grid ────────────────────────────────────────────────────────────────── */
.grid-wrap[b-jz65gfwm40] { overflow-x: auto; }

[b-jz65gfwm40] table { font-size: 0.85rem; border-collapse: collapse; width: 100%; }
[b-jz65gfwm40] th {
    font-family: var(--uds-font-head);
    font-weight: 600;
    color: var(--uds-navy);
    text-align: left;
    border-bottom: 2px solid var(--uds-grey-200);
    padding: 0.4rem 0.7rem;
    white-space: nowrap;
}
[b-jz65gfwm40] td { border-bottom: 1px solid var(--uds-grey-200); padding: 0.3rem 0.7rem; vertical-align: top; }
[b-jz65gfwm40] th.sel, [b-jz65gfwm40] td.sel { width: 2rem; text-align: center; padding-right: 0.3rem; }
/* /Components/Pages/Programme/Decisions.razor.rz.scp.css */
/* Decisions — follows the Change Log / dashboard conventions: grey command panel with the
   #b9bec7 border, the section-page title in the top bar (never a body h1), same table
   metrics. Departures are deliberate: rows expand into an answer panel (this page is a
   two-way register, not a read-only dashboard), and the provenance dot column only exists
   in the internal view. */

.page-head[b-fyv6x6aqxp] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

.subtitle[b-fyv6x6aqxp] {
    color: var(--uds-secondary);
    margin-bottom: 1.25rem;
    max-width: 52rem;
    font-size: 0.9rem;
}

.notice[b-fyv6x6aqxp] {
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    max-width: 46rem;
    margin: 0.75rem 0;
}

/* ── Command area ────────────────────────────────────────────────────────── */
.controls[b-fyv6x6aqxp] {
    background: var(--uds-grey-100);
    border: 1px solid #b9bec7;
    border-radius: 8px;
    padding: 1.1rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.filters[b-fyv6x6aqxp] { display: flex; align-items: flex-end; gap: 1.25rem; flex-wrap: wrap; }

.fld[b-fyv6x6aqxp] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.78rem; font-weight: 600; color: var(--uds-navy); }
.fld input[type="text"][b-fyv6x6aqxp], .fld select[b-fyv6x6aqxp] {
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.88rem;
    background: var(--uds-white);
}
.fld input[type="text"][b-fyv6x6aqxp] { min-width: 16rem; }
.fld.chk[b-fyv6x6aqxp] { flex-direction: row; align-items: center; gap: 0.45rem; }
.fld.chk input[b-fyv6x6aqxp] { margin: 0; }

.count[b-fyv6x6aqxp] { font-size: 0.8rem; color: var(--uds-secondary); font-weight: 600; }

/* Confirmation that an edit persisted — quiet, not a toast. */
.saved[b-fyv6x6aqxp] { font-size: 0.78rem; color: #0a7d33; font-weight: 600; align-self: center; }

/* ── Waiting-on-you strip (CHG-072) — pending counts by kind, never hidden by filters ── */
.wait-strip[b-fyv6x6aqxp] {
    margin-top: 0.75rem;
    background: #fdf3e0;
    border: 1px solid #d9a400;
    border-left-width: 4px;
    border-radius: 6px;
    padding: 0.5rem 0.9rem;
    font-size: 0.86rem;
    color: #6b5200;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    max-width: 52rem;
}
.wait-strip strong[b-fyv6x6aqxp] { color: var(--uds-navy); }
.wait-sep[b-fyv6x6aqxp] { color: #d9a400; font-weight: 700; }

/* ── REQUEST kind badge (CHG-072) — provide/do asks, vs questions to answer ── */
.kind-req[b-fyv6x6aqxp] {
    display: inline-block;
    background: #eef2f9;
    border: 1px solid #1f4e79;
    color: #1f4e79;
    border-radius: 3px;
    padding: 0 0.35rem;
    margin-right: 0.4rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    vertical-align: 0.08em;
    white-space: nowrap;
}

/* ── Table ───────────────────────────────────────────────────────────────── */
.grid-wrap[b-fyv6x6aqxp] { margin-top: 1rem; overflow-x: auto; }

table.dec[b-fyv6x6aqxp] { width: 100%; border-collapse: collapse; font-size: 0.84rem; }

table.dec th[b-fyv6x6aqxp] {
    background: var(--uds-navy);
    color: var(--uds-white);
    text-align: left;
    padding: 0.5rem 0.6rem;
    font-weight: 600;
    font-size: 0.78rem;
    position: sticky;
    top: 0;
    z-index: 2;
}

.th-sort[b-fyv6x6aqxp] {
    background: none;
    border: none;
    color: inherit;
    font: inherit;
    font-weight: 600;
    padding: 0;
    cursor: pointer;
    white-space: nowrap;
}

table.dec td[b-fyv6x6aqxp] {
    padding: 0.5rem 0.6rem;
    border-bottom: 1px solid var(--uds-grey-200);
    vertical-align: top;
}

table.dec tbody tr[b-fyv6x6aqxp] { cursor: pointer; }
table.dec tbody tr:hover[b-fyv6x6aqxp] { background: var(--uds-grey-100); }
table.dec tbody tr.open[b-fyv6x6aqxp] { background: #f2f5fb; }
/* The deep-linked row — the reader arrived from an email pointing at exactly this. */
table.dec tbody tr.highlight[b-fyv6x6aqxp] { background: #fffdf0; box-shadow: inset 3px 0 0 #bf8f00; }

.c-ref[b-fyv6x6aqxp] { width: 5.5rem; white-space: nowrap; }
.ref[b-fyv6x6aqxp] {
    font-family: Consolas, "Courier New", monospace;
    font-weight: 700;
    color: var(--uds-navy);
}

.c-date[b-fyv6x6aqxp] { width: 8rem; color: var(--uds-secondary); }
.c-q[b-fyv6x6aqxp] { min-width: 24rem; }
.c-q .q[b-fyv6x6aqxp] { color: #333; line-height: 1.4; }
.c-q .dep[b-fyv6x6aqxp] { color: var(--uds-secondary); font-size: 0.78rem; margin-top: 0.3rem; line-height: 1.35; }
.dep-label[b-fyv6x6aqxp] { font-weight: 700; color: var(--uds-navy); }

.c-owner[b-fyv6x6aqxp] { width: 6rem; font-weight: 600; color: var(--uds-navy); }
.c-status[b-fyv6x6aqxp] { width: 8rem; }
.c-status .sup[b-fyv6x6aqxp] { font-size: 0.72rem; color: var(--uds-secondary); margin-top: 0.2rem; }

.c-prov[b-fyv6x6aqxp] { width: 3rem; text-align: center; }
.dot[b-fyv6x6aqxp] { display: inline-block; width: 0.7rem; height: 0.7rem; border-radius: 50%; }
.d-green[b-fyv6x6aqxp] { background: #0a7d33; }
.d-amber[b-fyv6x6aqxp] { background: #d9a400; }
.d-red[b-fyv6x6aqxp]   { background: var(--uds-red); }
.d-none[b-fyv6x6aqxp]  { background: var(--uds-grey-200); }

.c-chase[b-fyv6x6aqxp] { width: 8rem; font-size: 0.76rem; color: var(--uds-secondary); white-space: nowrap; }

.c-ans[b-fyv6x6aqxp] { min-width: 14rem; }
.c-ans .a[b-fyv6x6aqxp] { color: #333; line-height: 1.35; }
.c-ans .a-by[b-fyv6x6aqxp] { font-size: 0.74rem; color: var(--uds-secondary); margin-top: 0.2rem; }
.a-open[b-fyv6x6aqxp] { font-size: 0.78rem; color: #9a6a00; font-weight: 600; }

/* ── The expanded answer panel ───────────────────────────────────────────── */
tr.detail > td[b-fyv6x6aqxp] { background: #f7f9fc; cursor: default; padding: 0; }
.panel[b-fyv6x6aqxp] { padding: 0.9rem 1.1rem 1.1rem; border-left: 3px solid var(--uds-navy); }

.panel .src[b-fyv6x6aqxp] {
    font-size: 0.78rem;
    color: var(--uds-secondary);
    margin-bottom: 0.6rem;
    line-height: 1.35;
}

.ans-label[b-fyv6x6aqxp] { display: block; font-size: 0.78rem; font-weight: 700; color: var(--uds-navy); margin-bottom: 0.25rem; }

.panel textarea[b-fyv6x6aqxp] {
    width: 100%;
    padding: 0.45rem 0.55rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 4px;
    font: inherit;
    font-size: 0.86rem;
    background: var(--uds-white);
    resize: vertical;
    line-height: 1.4;
}

.panel-row[b-fyv6x6aqxp] { display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap; margin-top: 0.6rem; }

.file-label[b-fyv6x6aqxp] { font-size: 0.78rem; color: var(--uds-secondary); display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }

.btn-nudge[b-fyv6x6aqxp] { background: #fff; color: var(--uds-navy); border: 1px solid var(--uds-navy); }
.nudge[b-fyv6x6aqxp] { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.nudge-info[b-fyv6x6aqxp] { font-size: 0.74rem; color: var(--uds-secondary); }

.file-err[b-fyv6x6aqxp] {
    margin-top: 0.5rem;
    font-size: 0.8rem;
    color: var(--uds-red);
    font-weight: 600;
}

ul.files[b-fyv6x6aqxp] { list-style: none; margin: 0.6rem 0 0; padding: 0; }
ul.files li[b-fyv6x6aqxp] { margin-bottom: 0.3rem; font-size: 0.82rem; }
ul.files li a[b-fyv6x6aqxp] { color: var(--uds-navy); font-weight: 600; }
.f-meta[b-fyv6x6aqxp] { color: var(--uds-secondary); font-size: 0.76rem; margin-left: 0.4rem; }

/* ── Status pills ────────────────────────────────────────────────────────── */
.pill[b-fyv6x6aqxp] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 10px;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}
.pill.ok[b-fyv6x6aqxp] { background: #e3f5e9; color: #0a7d33; }
.pill.amber[b-fyv6x6aqxp] { background: #fdf3e0; color: #9a6a00; }
.pill.info[b-fyv6x6aqxp] { background: #e6f0fa; color: #1f4e79; }
.pill.muted[b-fyv6x6aqxp] { background: var(--uds-grey-100); color: var(--uds-secondary); }

/* ── Email-style register text (FormatRich, 26 Aug): the generated <p>/<code> live in
   runtime MarkupString HTML, which scoped CSS cannot see without ::deep. ── */
.c-q .q[b-fyv6x6aqxp]  p, .c-ans .a[b-fyv6x6aqxp]  p {
    margin: 0 0 0.55rem;
}
.c-q .q[b-fyv6x6aqxp]  p:last-child, .c-ans .a[b-fyv6x6aqxp]  p:last-child {
    margin-bottom: 0;
}
.c-q .q[b-fyv6x6aqxp]  code, .c-ans .a[b-fyv6x6aqxp]  code {
    font-family: Consolas, 'Courier New', monospace;
    font-size: 0.88em;
    background: #eef0f4;
    border-radius: 3px;
    padding: 0 0.3rem;
}
/* /Components/Pages/Reports/CancelledBookings.razor.rz.scp.css */
/* CHG-141 — Cancelled Bookings report. Scoped; page-prefixed names (rp-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.rp[b-ovuuszv157] { font-size: 0.86rem; position: relative; }
.rp .notice[b-ovuuszv157] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.rp .notice.error[b-ovuuszv157] { border-left-color: var(--uds-red); }
.rp .muted[b-ovuuszv157] { color: var(--uds-secondary); }
.rp .padded[b-ovuuszv157] { padding: 0.75rem 1rem; }

.rp-toasts[b-ovuuszv157] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.rp-toast[b-ovuuszv157] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.rp-toast-error[b-ovuuszv157] { border-left-color: var(--uds-red); }
.rp-toast-info[b-ovuuszv157] { border-left-color: #2779ce; }
.rp-toast-head[b-ovuuszv157] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.rp-toast-head button[b-ovuuszv157] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.rp-toast-body[b-ovuuszv157] { padding: 0.55rem 0.75rem; }

.rp .btn[b-ovuuszv157] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; text-decoration: none; }
.rp .btn:hover[b-ovuuszv157] { background: var(--uds-grey-100); }
.rp .btn:disabled[b-ovuuszv157] { opacity: 0.5; cursor: default; }
.rp .btn-primary[b-ovuuszv157] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.rp .btn-primary:hover[b-ovuuszv157] { background: #0a3a66; }
.rp .btn.mini[b-ovuuszv157] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.rp .btn.dl[b-ovuuszv157] { background: #e8f5e9; border-color: #9ccc9f; color: #1b5e20; }
.rp .tb[b-ovuuszv157] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.rp .cb[b-ovuuszv157] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }

.panel[b-ovuuszv157] { border: 1px solid #b9bec7; border-radius: 6px; background: #d4e7ff; padding: 0.55rem 0.75rem; margin-bottom: 0.6rem; }
.ph[b-ovuuszv157] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; }
.sgrid[b-ovuuszv157] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .sgrid[b-ovuuszv157] { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fld[b-ovuuszv157] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.fld.wide[b-ovuuszv157] { grid-column: span 2; }
.fld[b-ovuuszv157]  .ta-input { height: 29px; padding: 0 0.45rem; font-size: 0.84rem; }
.sactions[b-ovuuszv157] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.55rem; flex-wrap: wrap; }

.rbar[b-ovuuszv157] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.rbar .cap[b-ovuuszv157] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.rbar .grow[b-ovuuszv157] { flex: 1 1 auto; }
.rbar .pgsz[b-ovuuszv157] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: #555; }
.rbar .pgsz .cb[b-ovuuszv157] { width: auto; height: 26px; font-size: 0.78rem; }

.pr-head[b-ovuuszv157] { display: none; }

.grid-wrap[b-ovuuszv157] { overflow-x: auto; }
.rp table.grid[b-ovuuszv157] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.rp table.grid th[b-ovuuszv157] { background: #384c70; color: #fff; font-weight: 600; text-align: left; padding: 0.3rem 0.45rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.rp table.grid th.sortable[b-ovuuszv157] { cursor: pointer; user-select: none; }
.rp table.grid th.sortable:hover[b-ovuuszv157] { background: #4e648a; }
.rp table.grid tr.filterrow th[b-ovuuszv157] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.rp table.grid tr.filterrow th .tb[b-ovuuszv157] { min-width: 3.5rem; height: 26px; font-size: 0.76rem; font-weight: 400; }
.rp table.grid td[b-ovuuszv157] { border: 1px solid #e5e5e5; padding: 0.2rem 0.45rem; color: #333; vertical-align: middle; white-space: nowrap; }
.rp table.grid td.c[b-ovuuszv157], .rp table.grid th.c[b-ovuuszv157] { text-align: center; }
.rp table.grid td.r[b-ovuuszv157], .rp table.grid th.r[b-ovuuszv157] { text-align: right; }
.rp table.grid td a[b-ovuuszv157] { color: #0a6ab5; text-decoration: none; font-weight: 600; }
.rp table.grid td a:hover[b-ovuuszv157] { text-decoration: underline; }
.rp table.grid tbody tr:hover td[b-ovuuszv157] { background: #f6faff; }

.pager[b-ovuuszv157] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; justify-content: flex-end; }
.pager span[b-ovuuszv157] { padding: 0 0.5rem; color: var(--uds-secondary); }

.pdf[b-ovuuszv157] { margin-top: 0.8rem; }
.pdf-frame[b-ovuuszv157] { width: 100%; height: 700px; border: 1px solid #b9bec7; border-radius: 6px; background: #fff; }

@media print {
    .nopr[b-ovuuszv157] { display: none !important; }
    .pr-head[b-ovuuszv157] { display: block; margin-bottom: 0.4rem; }
    .pr-title[b-ovuuszv157] { font-size: 12pt; font-weight: 700; }
    .pr-sub[b-ovuuszv157] { font-size: 8pt; color: #444; }
    .grid-wrap[b-ovuuszv157] { overflow: visible; }
    .rp table.grid[b-ovuuszv157] { font-size: 8pt; }
    .rp table.grid th[b-ovuuszv157] { background: #384c70 !important; color: #fff !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
/* /Components/Pages/Reports/DbfListing.razor.rz.scp.css */
/* CHG-140 — DBF Listings. Scoped; page-prefixed names (rp-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.rp[b-q4z70ywdxw] { font-size: 0.86rem; position: relative; }
.rp .notice[b-q4z70ywdxw] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.rp .notice.error[b-q4z70ywdxw] { border-left-color: var(--uds-red); }
.rp .muted[b-q4z70ywdxw] { color: var(--uds-secondary); }
.rp .padded[b-q4z70ywdxw] { padding: 0.75rem 1rem; }

.rp-toasts[b-q4z70ywdxw] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.rp-toast[b-q4z70ywdxw] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.rp-toast-error[b-q4z70ywdxw] { border-left-color: var(--uds-red); }
.rp-toast-info[b-q4z70ywdxw] { border-left-color: #2779ce; }
.rp-toast-head[b-q4z70ywdxw] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.rp-toast-head button[b-q4z70ywdxw] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.rp-toast-body[b-q4z70ywdxw] { padding: 0.55rem 0.75rem; }

.rp .btn[b-q4z70ywdxw] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; text-decoration: none; }
.rp .btn:hover[b-q4z70ywdxw] { background: var(--uds-grey-100); }
.rp .btn:disabled[b-q4z70ywdxw] { opacity: 0.5; cursor: default; }
.rp .btn.mini[b-q4z70ywdxw] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.rp .btn.dl[b-q4z70ywdxw] { background: #e8f5e9; border-color: #9ccc9f; color: #1b5e20; }
.rp .tb[b-q4z70ywdxw] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 4rem; }
.rp .cb[b-q4z70ywdxw] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }

.rbar[b-q4z70ywdxw] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.rbar .cap[b-q4z70ywdxw] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.rbar .grow[b-q4z70ywdxw] { flex: 1 1 auto; }
.rbar .pgsz[b-q4z70ywdxw] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: #555; }

.pr-head[b-q4z70ywdxw] { display: none; }

.grid-wrap[b-q4z70ywdxw] { overflow-x: auto; }
.rp table.grid[b-q4z70ywdxw] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.rp table.grid th[b-q4z70ywdxw] { background: #384c70; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.rp table.grid th.sortable[b-q4z70ywdxw] { cursor: pointer; user-select: none; }
.rp table.grid th.sortable:hover[b-q4z70ywdxw] { background: #4e648a; }
.rp table.grid tr.filterrow th[b-q4z70ywdxw] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.rp table.grid td[b-q4z70ywdxw] { border: 1px solid #e5e5e5; padding: 0.25rem 0.5rem; color: #4d4d4d; vertical-align: middle; }
.rp table.grid td.c[b-q4z70ywdxw], .rp table.grid th.c[b-q4z70ywdxw] { text-align: center; }
.rp table.grid td.r[b-q4z70ywdxw], .rp table.grid th.r[b-q4z70ywdxw] { text-align: right; }
.rp table.grid tbody tr:hover td[b-q4z70ywdxw] { background: #f6faff; }
.rp table.grid tbody tr.deleted td[b-q4z70ywdxw] { color: #c62828; }

.pager[b-q4z70ywdxw] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; justify-content: flex-end; }
.pager span[b-q4z70ywdxw] { padding: 0 0.5rem; color: var(--uds-secondary); }

@media print {
    .nopr[b-q4z70ywdxw] { display: none !important; }
    .pr-head[b-q4z70ywdxw] { display: block; margin-bottom: 0.4rem; }
    .pr-title[b-q4z70ywdxw] { font-size: 16pt; font-weight: 700; }
    .pr-sub[b-q4z70ywdxw] { font-size: 9pt; color: #444; }
    .grid-wrap[b-q4z70ywdxw] { overflow: visible; }
    .rp table.grid[b-q4z70ywdxw] { font-size: 8.5pt; }
    .rp table.grid th[b-q4z70ywdxw] { background: #384c70 !important; color: #fff !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .rp table.grid tbody tr:hover td[b-q4z70ywdxw] { background: transparent; }
}
/* /Components/Pages/Reports/DraftBookings.razor.rz.scp.css */
/* CHG-141 — Draft Bookings listing. Scoped; page-prefixed names (rp-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.rp[b-5epfg0iezb] { font-size: 0.86rem; position: relative; }
.rp .notice[b-5epfg0iezb] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.rp .notice.error[b-5epfg0iezb] { border-left-color: var(--uds-red); }
.rp .muted[b-5epfg0iezb] { color: var(--uds-secondary); }
.rp .padded[b-5epfg0iezb] { padding: 0.75rem 1rem; }

.rp-toasts[b-5epfg0iezb] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.rp-toast[b-5epfg0iezb] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.rp-toast-error[b-5epfg0iezb] { border-left-color: var(--uds-red); }
.rp-toast-info[b-5epfg0iezb] { border-left-color: #2779ce; }
.rp-toast-head[b-5epfg0iezb] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.rp-toast-head button[b-5epfg0iezb] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.rp-toast-body[b-5epfg0iezb] { padding: 0.55rem 0.75rem; }

.rp .btn[b-5epfg0iezb] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; text-decoration: none; }
.rp .btn:hover[b-5epfg0iezb] { background: var(--uds-grey-100); }
.rp .btn:disabled[b-5epfg0iezb] { opacity: 0.5; cursor: default; }
.rp .btn.mini[b-5epfg0iezb] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.rp .btn.dl[b-5epfg0iezb] { background: #e8f5e9; border-color: #9ccc9f; color: #1b5e20; }
.rp .tb[b-5epfg0iezb] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 4rem; }
.rp .cb[b-5epfg0iezb] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }

.rbar[b-5epfg0iezb] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.rbar .cap[b-5epfg0iezb] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.rbar .grow[b-5epfg0iezb] { flex: 1 1 auto; }
.rbar .pgsz[b-5epfg0iezb] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: #555; }

.pr-head[b-5epfg0iezb] { display: none; }

.grid-wrap[b-5epfg0iezb] { overflow-x: auto; }
.rp table.grid[b-5epfg0iezb] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.rp table.grid th[b-5epfg0iezb] { background: paleturquoise; color: #1a2b4a; font-weight: 700; text-align: center; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.rp table.grid th.sortable[b-5epfg0iezb] { cursor: pointer; user-select: none; }
.rp table.grid th.sortable:hover[b-5epfg0iezb] { background: #9fe3e3; }
.rp table.grid tr.filterrow th[b-5epfg0iezb] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.rp table.grid td[b-5epfg0iezb] { border: 1px solid #e5e5e5; padding: 0.25rem 0.5rem; color: #333; vertical-align: middle; }
.rp table.grid td.c[b-5epfg0iezb], .rp table.grid th.c[b-5epfg0iezb] { text-align: center; }
.rp table.grid td.r[b-5epfg0iezb], .rp table.grid th.r[b-5epfg0iezb] { text-align: right; }
.rp table.grid td.b[b-5epfg0iezb] { font-weight: 700; }
.rp table.grid td a[b-5epfg0iezb] { color: #0a6ab5; text-decoration: none; font-weight: 600; }
.rp table.grid tbody tr:hover td[b-5epfg0iezb] { background: #f6faff; }

.pager[b-5epfg0iezb] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; justify-content: flex-end; }
.pager span[b-5epfg0iezb] { padding: 0 0.5rem; color: var(--uds-secondary); }

@media print {
    .nopr[b-5epfg0iezb] { display: none !important; }
    .pr-head[b-5epfg0iezb] { display: block; margin-bottom: 0.4rem; }
    .pr-title[b-5epfg0iezb] { font-size: 12pt; font-weight: 700; }
    .pr-sub[b-5epfg0iezb] { font-size: 8pt; color: #444; }
    .grid-wrap[b-5epfg0iezb] { overflow: visible; }
    .rp table.grid[b-5epfg0iezb] { font-size: 8.5pt; }
    .rp table.grid th[b-5epfg0iezb] { background: paleturquoise !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .rp table.grid tbody tr:hover td[b-5epfg0iezb] { background: transparent; }
}
/* /Components/Pages/Reports/NotBilled.razor.rz.scp.css */
/* CHG-142 — Sales & Billing report page (criteria panel on the grey search-panel convention). Scoped; shared verbatim by the four pages. */
.rp[b-2noj1us86f] { font-size: 0.86rem; position: relative; }
.rp .notice[b-2noj1us86f] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.rp .notice.error[b-2noj1us86f] { border-left-color: var(--uds-red); }
.rp .muted[b-2noj1us86f] { color: var(--uds-secondary); }
.rp .small[b-2noj1us86f] { font-size: 0.76rem; }

.rp .panel[b-2noj1us86f] { border: 1px solid #b9bec7; border-radius: 6px; background: #d4e7ff; padding: 0.55rem 0.75rem; margin-bottom: 0.6rem; }
.rp .ph[b-2noj1us86f] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.rp .ph .hint[b-2noj1us86f] { font-family: var(--uds-font-body); font-weight: 400; text-transform: none; color: var(--uds-secondary); font-size: 0.76rem; }
.rp .sgrid[b-2noj1us86f] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .rp .sgrid[b-2noj1us86f] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1300px) { .rp .sgrid[b-2noj1us86f] { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.rp .fld[b-2noj1us86f] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.rp .fld.wide[b-2noj1us86f] { grid-column: span 2; }
.rp .fld[b-2noj1us86f]  .ta-input { height: 29px; padding: 0 0.45rem; font-size: 0.84rem; }
.rp .fld.chk[b-2noj1us86f] { flex-direction: row; align-items: center; gap: 0.45rem; padding-top: 1.1rem; }
.rp .fld.chk input[b-2noj1us86f] { width: 1rem; height: 1rem; }
.rp .tb[b-2noj1us86f] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; }
.rp .cb[b-2noj1us86f] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; }
.rp .sactions[b-2noj1us86f] { display: flex; align-items: center; gap: 0.6rem; margin-top: 0.55rem; flex-wrap: wrap; }

.rp .btn[b-2noj1us86f] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.rp .btn:hover[b-2noj1us86f] { background: var(--uds-grey-100); }
.rp .btn:disabled[b-2noj1us86f] { opacity: 0.5; cursor: default; }
.rp .btn-primary[b-2noj1us86f] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.rp .btn-primary:hover[b-2noj1us86f] { background: #0a3a66; }

/* CHG-144 — the Not Billed "Run for" segmented control. */
.rp .seg[b-2noj1us86f] { display: inline-flex; border: 1px solid #b9bec7; border-radius: 4px; overflow: hidden; background: var(--uds-white); }
.rp .seg button[b-2noj1us86f] { border: 0; border-right: 1px solid #b9bec7; background: transparent; padding: 0 0.8rem; height: 29px; font: inherit; font-size: 0.8rem; font-weight: 600; color: var(--uds-navy); cursor: pointer; }
.rp .seg button:last-child[b-2noj1us86f] { border-right: 0; }
.rp .seg button.on[b-2noj1us86f] { background: var(--uds-navy); color: var(--uds-white); }
.rp .seg button:disabled[b-2noj1us86f] { opacity: 0.5; cursor: default; }
.rp .tag[b-2noj1us86f] { display: inline-block; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.05em; padding: 0 0.35rem; border-radius: 3px; background: #e8f0fa; color: var(--uds-navy); margin-left: 0.4rem; vertical-align: middle; }
/* /Components/Pages/Reports/PodReport.razor.rz.scp.css */
/* CHG-141 — CSD POD / tracking / pending-FWD reports. Scoped; page-prefixed names (rp-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.rp[b-hintd7kxgl] { font-size: 0.86rem; position: relative; }
.rp .notice[b-hintd7kxgl] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.rp .notice.error[b-hintd7kxgl] { border-left-color: var(--uds-red); }
.rp .muted[b-hintd7kxgl] { color: var(--uds-secondary); }
.rp .padded[b-hintd7kxgl] { padding: 0.75rem 1rem; }
.rp .mono[b-hintd7kxgl] { font-family: "Source Code Pro", Consolas, monospace; }
.rp .up[b-hintd7kxgl] { text-transform: uppercase; }

.rp-toasts[b-hintd7kxgl] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.rp-toast[b-hintd7kxgl] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.rp-toast-error[b-hintd7kxgl] { border-left-color: var(--uds-red); }
.rp-toast-info[b-hintd7kxgl] { border-left-color: #2779ce; }
.rp-toast-head[b-hintd7kxgl] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.rp-toast-head button[b-hintd7kxgl] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.rp-toast-body[b-hintd7kxgl] { padding: 0.55rem 0.75rem; }

.rp .btn[b-hintd7kxgl] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; text-decoration: none; }
.rp .btn:hover[b-hintd7kxgl] { background: var(--uds-grey-100); }
.rp .btn:disabled[b-hintd7kxgl] { opacity: 0.5; cursor: default; }
.rp .btn-primary[b-hintd7kxgl] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.rp .btn-primary:hover[b-hintd7kxgl] { background: #0a3a66; }
.rp .btn.mini[b-hintd7kxgl] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.rp .btn.dl[b-hintd7kxgl] { background: #e8f5e9; border-color: #9ccc9f; color: #1b5e20; }
.rp .tb[b-hintd7kxgl] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.rp .cb[b-hintd7kxgl] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }

/* filters — the grey search panel */
.panel[b-hintd7kxgl] { border: 1px solid #b9bec7; border-radius: 6px; background: #d4e7ff; padding: 0.55rem 0.75rem; margin-bottom: 0.6rem; }
.ph[b-hintd7kxgl] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; }
.sgrid[b-hintd7kxgl] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .sgrid[b-hintd7kxgl] { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1400px) { .sgrid[b-hintd7kxgl] { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.fld[b-hintd7kxgl] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.fld.wide[b-hintd7kxgl] { grid-column: span 2; }
.fld[b-hintd7kxgl]  .ta-input { height: 29px; padding: 0 0.45rem; font-size: 0.84rem; }
.sactions[b-hintd7kxgl] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.55rem; }

.rbar[b-hintd7kxgl] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.rbar .cap[b-hintd7kxgl] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.rbar .grow[b-hintd7kxgl] { flex: 1 1 auto; }
.rbar .pgsz[b-hintd7kxgl] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: #555; }
.rbar .pgsz .cb[b-hintd7kxgl] { width: auto; height: 26px; font-size: 0.78rem; }

.pr-head[b-hintd7kxgl] { display: none; }

.grid-wrap[b-hintd7kxgl] { overflow-x: auto; }
.rp table.grid[b-hintd7kxgl] { width: 100%; border-collapse: collapse; font-size: 0.78rem; background: var(--uds-white); }
.rp table.grid th[b-hintd7kxgl] { background: #384c70; color: #fff; font-weight: 600; text-align: left; padding: 0.3rem 0.45rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.rp table.grid th.sortable[b-hintd7kxgl] { cursor: pointer; user-select: none; }
.rp table.grid th.sortable:hover[b-hintd7kxgl] { background: #4e648a; }
.rp table.grid tr.filterrow th[b-hintd7kxgl] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.rp table.grid tr.filterrow th .tb[b-hintd7kxgl] { min-width: 3.5rem; height: 26px; font-size: 0.76rem; font-weight: 400; }
.rp table.grid td[b-hintd7kxgl] { border: 1px solid #e5e5e5; padding: 0.2rem 0.45rem; color: #333; vertical-align: middle; white-space: nowrap; }
.rp table.grid td.c[b-hintd7kxgl], .rp table.grid th.c[b-hintd7kxgl] { text-align: center; }
.rp table.grid td.r[b-hintd7kxgl], .rp table.grid th.r[b-hintd7kxgl] { text-align: right; }
.rp table.grid td a[b-hintd7kxgl] { color: #0a6ab5; text-decoration: none; font-weight: 600; }
.rp table.grid td a:hover[b-hintd7kxgl] { text-decoration: underline; }
.rp table.grid tbody tr:hover td[b-hintd7kxgl] { background: #f6faff; }
.rp table.grid tbody tr.grp td[b-hintd7kxgl] { border-top: 2px solid #b9bec7; }
.rp table.grid td.delivered[b-hintd7kxgl] { background: #d6ffd3; font-weight: 600; }

.pager[b-hintd7kxgl] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; justify-content: flex-end; }
.pager span[b-hintd7kxgl] { padding: 0 0.5rem; color: var(--uds-secondary); }

@media print {
    .nopr[b-hintd7kxgl] { display: none !important; }
    .pr-head[b-hintd7kxgl] { display: block; margin-bottom: 0.4rem; }
    .pr-title[b-hintd7kxgl] { font-size: 12pt; font-weight: 700; }
    .pr-sub[b-hintd7kxgl] { font-size: 8pt; color: #444; }
    .pr-params[b-hintd7kxgl] { display: flex; flex-wrap: wrap; gap: 0.3rem 1.2rem; font-size: 8pt; margin-top: 0.2rem; }
    .grid-wrap[b-hintd7kxgl] { overflow: visible; }
    .rp table.grid[b-hintd7kxgl] { font-size: 7.5pt; }
    .rp table.grid td[b-hintd7kxgl] { white-space: normal; }
    .rp table.grid th[b-hintd7kxgl] { background: #384c70 !important; color: #fff !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .rp table.grid td.delivered[b-hintd7kxgl] { background: #d6ffd3 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .rp table.grid tbody tr:hover td[b-hintd7kxgl] { background: transparent; }
}
/* /Components/Pages/Reports/ReportOutput.razor.rz.scp.css */
/* CHG-142 — report output: Excel / PDF links + the PDF viewer (the legacy RadPdfViewer block was 700 px high). */
.ro[b-7khy7770nt] { margin-top: 0.6rem; font-size: 0.86rem; }
.ro-bar[b-7khy7770nt] { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; margin-bottom: 0.45rem; min-height: 1.6rem; }
.ro .muted[b-7khy7770nt] { color: var(--uds-secondary); }
.ro .btn[b-7khy7770nt] { display: inline-block; padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; text-decoration: none; white-space: nowrap; }
.ro .btn:hover[b-7khy7770nt] { background: var(--uds-grey-100); }
.ro .btn.xl[b-7khy7770nt] { background: #1d6f42; border-color: #1d6f42; color: #fff; }
.ro .btn.xl:hover[b-7khy7770nt] { background: #165a35; }
.ro .notice[b-7khy7770nt] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.4rem 0; }
.ro-pdf[b-7khy7770nt] { width: 100%; height: 700px; border: 1px solid #b9bec7; border-radius: 4px; background: #525659; }
.ro-placeholder[b-7khy7770nt] { height: 8rem; display: flex; align-items: center; justify-content: center; border: 1px dashed #b9bec7; border-radius: 4px; color: var(--uds-secondary); background: var(--uds-white); }
/* /Components/Pages/Reports/ReportToasts.razor.rz.scp.css */
/* CHG-142 — report toasts (bottom-right), the DeliveryCodes / History toast look. */
.rt-toasts[b-yihhz3mbjp] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.rt-toast[b-yihhz3mbjp] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; font-size: 0.86rem; }
.rt-toast-error[b-yihhz3mbjp] { border-left-color: var(--uds-red); }
.rt-toast-info[b-yihhz3mbjp] { border-left-color: #2779ce; }
.rt-toast-warning[b-yihhz3mbjp] { border-left-color: #e0a800; }
.rt-toast-head[b-yihhz3mbjp] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.rt-toast-head button[b-yihhz3mbjp] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.rt-toast-body[b-yihhz3mbjp] { padding: 0.55rem 0.75rem; }
/* /Components/Pages/Reports/SalesRegister.razor.rz.scp.css */
/* CHG-142 — Sales & Billing report page (criteria panel on the grey search-panel convention). Scoped; shared verbatim by the four pages. */
.rp[b-wcjpkszpeu] { font-size: 0.86rem; position: relative; }
.rp .notice[b-wcjpkszpeu] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.rp .notice.error[b-wcjpkszpeu] { border-left-color: var(--uds-red); }
.rp .muted[b-wcjpkszpeu] { color: var(--uds-secondary); }
.rp .small[b-wcjpkszpeu] { font-size: 0.76rem; }

.rp .panel[b-wcjpkszpeu] { border: 1px solid #b9bec7; border-radius: 6px; background: #d4e7ff; padding: 0.55rem 0.75rem; margin-bottom: 0.6rem; }
.rp .ph[b-wcjpkszpeu] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.rp .ph .hint[b-wcjpkszpeu] { font-family: var(--uds-font-body); font-weight: 400; text-transform: none; color: var(--uds-secondary); font-size: 0.76rem; }
.rp .sgrid[b-wcjpkszpeu] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .rp .sgrid[b-wcjpkszpeu] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1300px) { .rp .sgrid[b-wcjpkszpeu] { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.rp .fld[b-wcjpkszpeu] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.rp .fld.wide[b-wcjpkszpeu] { grid-column: span 2; }
.rp .fld[b-wcjpkszpeu]  .ta-input { height: 29px; padding: 0 0.45rem; font-size: 0.84rem; }
.rp .fld.chk[b-wcjpkszpeu] { flex-direction: row; align-items: center; gap: 0.45rem; padding-top: 1.1rem; }
.rp .fld.chk input[b-wcjpkszpeu] { width: 1rem; height: 1rem; }
.rp .tb[b-wcjpkszpeu] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; }
.rp .cb[b-wcjpkszpeu] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; }
.rp .sactions[b-wcjpkszpeu] { display: flex; align-items: center; gap: 0.6rem; margin-top: 0.55rem; flex-wrap: wrap; }

.rp .btn[b-wcjpkszpeu] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.rp .btn:hover[b-wcjpkszpeu] { background: var(--uds-grey-100); }
.rp .btn:disabled[b-wcjpkszpeu] { opacity: 0.5; cursor: default; }
.rp .btn-primary[b-wcjpkszpeu] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.rp .btn-primary:hover[b-wcjpkszpeu] { background: #0a3a66; }

/* CHG-144 — the Not Billed "Run for" segmented control. */
.rp .seg[b-wcjpkszpeu] { display: inline-flex; border: 1px solid #b9bec7; border-radius: 4px; overflow: hidden; background: var(--uds-white); }
.rp .seg button[b-wcjpkszpeu] { border: 0; border-right: 1px solid #b9bec7; background: transparent; padding: 0 0.8rem; height: 29px; font: inherit; font-size: 0.8rem; font-weight: 600; color: var(--uds-navy); cursor: pointer; }
.rp .seg button:last-child[b-wcjpkszpeu] { border-right: 0; }
.rp .seg button.on[b-wcjpkszpeu] { background: var(--uds-navy); color: var(--uds-white); }
.rp .seg button:disabled[b-wcjpkszpeu] { opacity: 0.5; cursor: default; }
.rp .tag[b-wcjpkszpeu] { display: inline-block; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.05em; padding: 0 0.35rem; border-radius: 3px; background: #e8f0fa; color: var(--uds-navy); margin-left: 0.4rem; vertical-align: middle; }
/* /Components/Pages/Reports/SalesSummary.razor.rz.scp.css */
/* CHG-142 — Sales & Billing report page (criteria panel on the grey search-panel convention). Scoped; shared verbatim by the four pages. */
.rp[b-ypw1fl3jqo] { font-size: 0.86rem; position: relative; }
.rp .notice[b-ypw1fl3jqo] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.rp .notice.error[b-ypw1fl3jqo] { border-left-color: var(--uds-red); }
.rp .muted[b-ypw1fl3jqo] { color: var(--uds-secondary); }
.rp .small[b-ypw1fl3jqo] { font-size: 0.76rem; }

.rp .panel[b-ypw1fl3jqo] { border: 1px solid #b9bec7; border-radius: 6px; background: #d4e7ff; padding: 0.55rem 0.75rem; margin-bottom: 0.6rem; }
.rp .ph[b-ypw1fl3jqo] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.rp .ph .hint[b-ypw1fl3jqo] { font-family: var(--uds-font-body); font-weight: 400; text-transform: none; color: var(--uds-secondary); font-size: 0.76rem; }
.rp .sgrid[b-ypw1fl3jqo] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .rp .sgrid[b-ypw1fl3jqo] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1300px) { .rp .sgrid[b-ypw1fl3jqo] { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.rp .fld[b-ypw1fl3jqo] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.rp .fld.wide[b-ypw1fl3jqo] { grid-column: span 2; }
.rp .fld[b-ypw1fl3jqo]  .ta-input { height: 29px; padding: 0 0.45rem; font-size: 0.84rem; }
.rp .fld.chk[b-ypw1fl3jqo] { flex-direction: row; align-items: center; gap: 0.45rem; padding-top: 1.1rem; }
.rp .fld.chk input[b-ypw1fl3jqo] { width: 1rem; height: 1rem; }
.rp .tb[b-ypw1fl3jqo] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; }
.rp .cb[b-ypw1fl3jqo] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; }
.rp .sactions[b-ypw1fl3jqo] { display: flex; align-items: center; gap: 0.6rem; margin-top: 0.55rem; flex-wrap: wrap; }

.rp .btn[b-ypw1fl3jqo] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.rp .btn:hover[b-ypw1fl3jqo] { background: var(--uds-grey-100); }
.rp .btn:disabled[b-ypw1fl3jqo] { opacity: 0.5; cursor: default; }
.rp .btn-primary[b-ypw1fl3jqo] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.rp .btn-primary:hover[b-ypw1fl3jqo] { background: #0a3a66; }

/* CHG-144 — the Not Billed "Run for" segmented control. */
.rp .seg[b-ypw1fl3jqo] { display: inline-flex; border: 1px solid #b9bec7; border-radius: 4px; overflow: hidden; background: var(--uds-white); }
.rp .seg button[b-ypw1fl3jqo] { border: 0; border-right: 1px solid #b9bec7; background: transparent; padding: 0 0.8rem; height: 29px; font: inherit; font-size: 0.8rem; font-weight: 600; color: var(--uds-navy); cursor: pointer; }
.rp .seg button:last-child[b-ypw1fl3jqo] { border-right: 0; }
.rp .seg button.on[b-ypw1fl3jqo] { background: var(--uds-navy); color: var(--uds-white); }
.rp .seg button:disabled[b-ypw1fl3jqo] { opacity: 0.5; cursor: default; }
.rp .tag[b-ypw1fl3jqo] { display: inline-block; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.05em; padding: 0 0.35rem; border-radius: 3px; background: #e8f0fa; color: var(--uds-navy); margin-left: 0.4rem; vertical-align: middle; }
/* /Components/Pages/Reports/ZeroBilled.razor.rz.scp.css */
/* CHG-142 — Sales & Billing report page (criteria panel on the grey search-panel convention). Scoped; shared verbatim by the four pages. */
.rp[b-in9cj6xso7] { font-size: 0.86rem; position: relative; }
.rp .notice[b-in9cj6xso7] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.rp .notice.error[b-in9cj6xso7] { border-left-color: var(--uds-red); }
.rp .muted[b-in9cj6xso7] { color: var(--uds-secondary); }
.rp .small[b-in9cj6xso7] { font-size: 0.76rem; }

.rp .panel[b-in9cj6xso7] { border: 1px solid #b9bec7; border-radius: 6px; background: #d4e7ff; padding: 0.55rem 0.75rem; margin-bottom: 0.6rem; }
.rp .ph[b-in9cj6xso7] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.rp .ph .hint[b-in9cj6xso7] { font-family: var(--uds-font-body); font-weight: 400; text-transform: none; color: var(--uds-secondary); font-size: 0.76rem; }
.rp .sgrid[b-in9cj6xso7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .rp .sgrid[b-in9cj6xso7] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1300px) { .rp .sgrid[b-in9cj6xso7] { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.rp .fld[b-in9cj6xso7] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.rp .fld.wide[b-in9cj6xso7] { grid-column: span 2; }
.rp .fld[b-in9cj6xso7]  .ta-input { height: 29px; padding: 0 0.45rem; font-size: 0.84rem; }
.rp .fld.chk[b-in9cj6xso7] { flex-direction: row; align-items: center; gap: 0.45rem; padding-top: 1.1rem; }
.rp .fld.chk input[b-in9cj6xso7] { width: 1rem; height: 1rem; }
.rp .tb[b-in9cj6xso7] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; }
.rp .cb[b-in9cj6xso7] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; font-weight: 400; background: var(--uds-white); width: 100%; }
.rp .sactions[b-in9cj6xso7] { display: flex; align-items: center; gap: 0.6rem; margin-top: 0.55rem; flex-wrap: wrap; }

.rp .btn[b-in9cj6xso7] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.rp .btn:hover[b-in9cj6xso7] { background: var(--uds-grey-100); }
.rp .btn:disabled[b-in9cj6xso7] { opacity: 0.5; cursor: default; }
.rp .btn-primary[b-in9cj6xso7] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.rp .btn-primary:hover[b-in9cj6xso7] { background: #0a3a66; }

/* CHG-144 — the Not Billed "Run for" segmented control. */
.rp .seg[b-in9cj6xso7] { display: inline-flex; border: 1px solid #b9bec7; border-radius: 4px; overflow: hidden; background: var(--uds-white); }
.rp .seg button[b-in9cj6xso7] { border: 0; border-right: 1px solid #b9bec7; background: transparent; padding: 0 0.8rem; height: 29px; font: inherit; font-size: 0.8rem; font-weight: 600; color: var(--uds-navy); cursor: pointer; }
.rp .seg button:last-child[b-in9cj6xso7] { border-right: 0; }
.rp .seg button.on[b-in9cj6xso7] { background: var(--uds-navy); color: var(--uds-white); }
.rp .seg button:disabled[b-in9cj6xso7] { opacity: 0.5; cursor: default; }
.rp .tag[b-in9cj6xso7] { display: inline-block; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.05em; padding: 0 0.35rem; border-radius: 3px; background: #e8f0fa; color: var(--uds-navy); margin-left: 0.4rem; vertical-align: middle; }
/* /Components/Pages/Today.razor.rz.scp.css */
/* CHG-139 — Today (the landing page). Scoped; page-prefixed names keep clear of Bootstrap's .toast / .modal / .col / .row. */

.td[b-k7brpbxrxb] { font-size: 0.86rem; position: relative; }
.td .notice[b-k7brpbxrxb] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.td .notice.error[b-k7brpbxrxb] { border-left-color: var(--uds-red); }
.td .muted[b-k7brpbxrxb] { color: var(--uds-secondary); }
.td .small[b-k7brpbxrxb] { font-size: 0.76rem; }
.td .padded[b-k7brpbxrxb] { padding: 0.75rem 1rem; }
.td .mono[b-k7brpbxrxb] { font-family: "Source Code Pro", Consolas, monospace; }
.td .drafttxt[b-k7brpbxrxb] { color: #0034FF; font-weight: 600; }

.td .btn[b-k7brpbxrxb] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; text-decoration: none; }
.td .btn:hover[b-k7brpbxrxb] { background: var(--uds-grey-100); }
.td .btn:disabled[b-k7brpbxrxb] { opacity: 0.5; cursor: default; }
.td .btn.mini[b-k7brpbxrxb] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.td .tb[b-k7brpbxrxb] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); min-width: 0; width: 100%; }
.td .tb.c[b-k7brpbxrxb] { text-align: center; text-transform: uppercase; }
.td .cb[b-k7brpbxrxb] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; }

/* the top bar: Filter List (A28-45) · caption (A58 "Todays Bookings") · stamp (A47) · Refresh (A48-50) */
.bar[b-k7brpbxrxb] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.5rem; flex-wrap: wrap; background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 6px; padding: 0.45rem 0.75rem; }
.bar .fl[b-k7brpbxrxb] { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.78rem; font-weight: 600; color: #555; }
.bar .fl .cb[b-k7brpbxrxb] { width: 10rem; }
.bar .cap[b-k7brpbxrxb] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-k7brpbxrxb] { flex: 1 1 auto; }
.bar .auto[b-k7brpbxrxb] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: #555; cursor: pointer; }
.bar .stamp[b-k7brpbxrxb] { min-width: 9rem; text-align: right; }
.bar .pgsz[b-k7brpbxrxb] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: #555; }
.bar .pgsz .cb[b-k7brpbxrxb] { width: auto; height: 26px; }

.grid-wrap[b-k7brpbxrxb] { overflow-x: auto; }
.td table.grid[b-k7brpbxrxb] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.td table.grid th[b-k7brpbxrxb] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.td table.grid th.sortable[b-k7brpbxrxb] { cursor: pointer; user-select: none; }
.td table.grid th.sortable:hover[b-k7brpbxrxb] { background: #3a86c4; }
.td table.grid tr.filterrow th[b-k7brpbxrxb] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.td table.grid tr.filterrow th .tb[b-k7brpbxrxb] { min-width: 4rem; }
.td table.grid td[b-k7brpbxrxb] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.td table.grid td.c[b-k7brpbxrxb], .td table.grid th.c[b-k7brpbxrxb] { text-align: center; }
.td table.grid td.r[b-k7brpbxrxb], .td table.grid th.r[b-k7brpbxrxb] { text-align: right; }
.td table.grid .xp[b-k7brpbxrxb] { width: 2rem; padding: 0 0.2rem; }
.td table.grid td.co[b-k7brpbxrxb] { max-width: 16rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.td table.grid td.mawb[b-k7brpbxrxb] { white-space: nowrap; }
.td table.grid td.mawb .ie[b-k7brpbxrxb] { display: block; line-height: 1.25; }
.td table.grid td a.awb[b-k7brpbxrxb] { color: inherit; text-decoration: none; }
.td table.grid td a.awb:hover[b-k7brpbxrxb] { text-decoration: underline; }
.td table.grid tbody tr:hover td[b-k7brpbxrxb] { background: #f6faff; }
.td table.grid tbody tr.deleted td[b-k7brpbxrxb] { color: #c62828; }
.td table.grid tbody tr.draft td[b-k7brpbxrxb] { color: #0034FF; }
.td table.grid tr.detail td[b-k7brpbxrxb] { background: #ECF0F5; padding: 0.4rem 0.75rem; }

.xbtn[b-k7brpbxrxb] { border: 1px solid #b9bec7; border-radius: 3px; background: var(--uds-white); color: var(--uds-navy); width: 1.5rem; height: 1.5rem; line-height: 1; font-size: 0.8rem; cursor: pointer; padding: 0; }
.xbtn:hover[b-k7brpbxrxb], .xbtn.open[b-k7brpbxrxb] { background: var(--uds-grey-100); }

/* the pieces detail table (A66-80) */
.td table.pgrid[b-k7brpbxrxb] { border-collapse: collapse; font-size: 0.78rem; background: var(--uds-white); min-width: 32rem; }
.td table.pgrid th[b-k7brpbxrxb] { background: #dbe6f1; color: var(--uds-navy); font-weight: 600; text-align: left; padding: 0.25rem 0.5rem; border: 1px solid #b9bec7; }
.td table.pgrid td[b-k7brpbxrxb] { border: 1px solid #CCCCCC; padding: 0.2rem 0.5rem; color: #000066; }
.td table.pgrid .r[b-k7brpbxrxb] { text-align: right; }

.pager[b-k7brpbxrxb] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; justify-content: flex-end; }
.pager span[b-k7brpbxrxb] { padding: 0 0.5rem; color: var(--uds-secondary); }
/* /Components/Pages/Tracking/DeliveryCodes.razor.rz.scp.css */
/* CHG-135 — POD Delivery Codes. Scoped; page-prefixed names (dc-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.dc[b-b90v5oz719] { font-size: 0.86rem; position: relative; max-width: 70rem; }
.dc .notice[b-b90v5oz719] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.dc .notice.error[b-b90v5oz719] { border-left-color: var(--uds-red); }
.dc .muted[b-b90v5oz719] { color: var(--uds-secondary); }
.dc .small[b-b90v5oz719] { font-size: 0.76rem; }
.dc .padded[b-b90v5oz719] { padding: 0.75rem 1rem; }
.dc .exc[b-b90v5oz719] { color: #c62828; font-weight: 600; }

.dc-toasts[b-b90v5oz719] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.dc-toast[b-b90v5oz719] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.dc-toast-error[b-b90v5oz719] { border-left-color: var(--uds-red); }
.dc-toast-info[b-b90v5oz719] { border-left-color: #2779ce; }
.dc-toast-head[b-b90v5oz719] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.dc-toast-head button[b-b90v5oz719] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.dc-toast-body[b-b90v5oz719] { padding: 0.55rem 0.75rem; }

.dc-dim[b-b90v5oz719] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.dc-dialog[b-b90v5oz719] { position: fixed; z-index: 71; left: 50%; top: 25%; transform: translateX(-50%); width: 26rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.dc-dialog-head[b-b90v5oz719] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.dc-dialog-body[b-b90v5oz719] { padding: 0.9rem; line-height: 1.45; }
.dc-dialog-foot[b-b90v5oz719] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

.dc .btn[b-b90v5oz719] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.dc .btn:hover[b-b90v5oz719] { background: var(--uds-grey-100); }
.dc .btn:disabled[b-b90v5oz719] { opacity: 0.5; cursor: default; }
.dc .btn.mini[b-b90v5oz719] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.dc .btn.danger[b-b90v5oz719], .dc .btn.del[b-b90v5oz719] { color: #b02a37; border-color: #e0a1a8; background: #fff5f5; }
.dc .btn.danger:hover[b-b90v5oz719], .dc .btn.del:hover[b-b90v5oz719] { background: #ffe3e6; }
.dc .tb[b-b90v5oz719] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 8rem; }
.dc .cb[b-b90v5oz719] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }

.bar[b-b90v5oz719] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-b90v5oz719] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-b90v5oz719] { flex: 1 1 auto; }

.dc table.grid[b-b90v5oz719] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.dc table.grid th[b-b90v5oz719] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.dc table.grid tr.filterrow th[b-b90v5oz719] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.dc table.grid td[b-b90v5oz719] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.dc table.grid td.c[b-b90v5oz719], .dc table.grid th.c[b-b90v5oz719] { text-align: center; }
.dc table.grid tbody tr:hover td[b-b90v5oz719] { background: #f6faff; }
.dc table.grid tbody tr.exc td[b-b90v5oz719] { color: #c62828; }
/* /Components/Pages/Tracking/History.razor.rz.scp.css */
/* CHG-133 — Search History page. Scoped; page-prefixed names (hs-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.hs[b-fjhwcrnh8b] { font-size: 0.86rem; position: relative; }
.hs .notice[b-fjhwcrnh8b] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.hs .notice.error[b-fjhwcrnh8b] { border-left-color: var(--uds-red); }
.hs .muted[b-fjhwcrnh8b] { color: var(--uds-secondary); }
.hs .padded[b-fjhwcrnh8b] { padding: 0.75rem 1rem; }
.hs .mono[b-fjhwcrnh8b] { font-family: "Source Code Pro", Consolas, monospace; }
.hs .up[b-fjhwcrnh8b] { text-transform: uppercase; }
.hs .nowrap[b-fjhwcrnh8b] { white-space: nowrap; }

.hs-toasts[b-fjhwcrnh8b] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.hs-toast[b-fjhwcrnh8b] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.hs-toast-error[b-fjhwcrnh8b] { border-left-color: var(--uds-red); }
.hs-toast-info[b-fjhwcrnh8b] { border-left-color: #2779ce; }
.hs-toast-head[b-fjhwcrnh8b] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.hs-toast-head button[b-fjhwcrnh8b] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.hs-toast-body[b-fjhwcrnh8b] { padding: 0.55rem 0.75rem; }

.hs .btn[b-fjhwcrnh8b] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; }
.hs .btn:hover[b-fjhwcrnh8b] { background: var(--uds-grey-100); }
.hs .btn:disabled[b-fjhwcrnh8b] { opacity: 0.5; cursor: default; }
.hs .btn-primary[b-fjhwcrnh8b] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.hs .btn-primary:hover[b-fjhwcrnh8b] { background: #0a3a66; }
.hs .btn.mini[b-fjhwcrnh8b] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.hs .tb[b-fjhwcrnh8b] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.hs .cb[b-fjhwcrnh8b] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }

/* universal search strip */
.uni[b-fjhwcrnh8b] { display: flex; align-items: center; gap: 0.6rem; background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 6px; padding: 0.5rem 0.75rem; margin-bottom: 0.6rem; flex-wrap: wrap; }
.uni .lbl[b-fjhwcrnh8b] { font-size: 0.78rem; font-weight: 600; color: #555; white-space: nowrap; }
.uni .box[b-fjhwcrnh8b] { flex: 1 1 22rem; max-width: 34rem; min-width: 0; }
.uni[b-fjhwcrnh8b]  .ta-input { height: 32px; font-family: "Source Code Pro", Consolas, monospace; }
.uni .hint[b-fjhwcrnh8b] { font-size: 0.76rem; color: var(--uds-secondary); }

/* filters */
.panel[b-fjhwcrnh8b] { border: 1px solid #b9bec7; border-radius: 6px; background: #d4e7ff; padding: 0.55rem 0.75rem; margin-bottom: 0.6rem; }
.ph[b-fjhwcrnh8b] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; }
.sgrid[b-fjhwcrnh8b] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .sgrid[b-fjhwcrnh8b] { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1400px) { .sgrid[b-fjhwcrnh8b] { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.fld[b-fjhwcrnh8b] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.fld.wide[b-fjhwcrnh8b] { grid-column: span 2; }
.fld[b-fjhwcrnh8b]  .ta-input { height: 29px; padding: 0 0.45rem; font-size: 0.84rem; }
.sactions[b-fjhwcrnh8b] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.55rem; }

.rbar[b-fjhwcrnh8b] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; }
.rbar .cap[b-fjhwcrnh8b] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.rbar .grow[b-fjhwcrnh8b] { flex: 1 1 auto; }
.rbar .pgsz[b-fjhwcrnh8b] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: #555; }
.rbar .pgsz .cb[b-fjhwcrnh8b] { width: auto; height: 26px; }

.grid-wrap[b-fjhwcrnh8b] { overflow-x: auto; }
.hs table.grid[b-fjhwcrnh8b] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.hs table.grid th[b-fjhwcrnh8b] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.hs table.grid th.sortable[b-fjhwcrnh8b] { cursor: pointer; user-select: none; }
.hs table.grid th.sortable:hover[b-fjhwcrnh8b] { background: #3a86c4; }
.hs table.grid tr.filterrow th[b-fjhwcrnh8b] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.hs table.grid tr.filterrow th .tb[b-fjhwcrnh8b] { min-width: 4rem; height: 26px; font-size: 0.78rem; font-weight: 400; }
.hs table.grid td[b-fjhwcrnh8b] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.hs table.grid td.c[b-fjhwcrnh8b], .hs table.grid th.c[b-fjhwcrnh8b] { text-align: center; }
.hs table.grid td.r[b-fjhwcrnh8b], .hs table.grid th.r[b-fjhwcrnh8b] { text-align: right; }
.hs table.grid td.co[b-fjhwcrnh8b] { max-width: 16rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hs table.grid td a[b-fjhwcrnh8b] { color: #0a6ab5; text-decoration: none; font-weight: 600; }
.hs table.grid td a:hover[b-fjhwcrnh8b] { text-decoration: underline; }
.hs table.grid tbody tr:hover td[b-fjhwcrnh8b] { background: #f6faff; }
.hs table.grid tbody tr.deleted td[b-fjhwcrnh8b] { color: #c62828; }
.hs table.grid tbody tr.draft td[b-fjhwcrnh8b] { color: #0a6ab5; }

.pager[b-fjhwcrnh8b] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; justify-content: flex-end; }
.pager span[b-fjhwcrnh8b] { padding: 0 0.5rem; color: var(--uds-secondary); }
/* /Components/Pages/Tracking/ImportSheet.razor.rz.scp.css */
/* CHG-134 — Import FWD Numbers / Import POD. Scoped; page-prefixed names (im-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.im[b-4imybpv88y] { font-size: 0.86rem; position: relative; }
.im .notice[b-4imybpv88y] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.im .muted[b-4imybpv88y] { color: var(--uds-secondary); }
.im .padded[b-4imybpv88y] { padding: 0.75rem 1rem; }
.im .mono[b-4imybpv88y] { font-family: "Source Code Pro", Consolas, monospace; }

.im-toasts[b-4imybpv88y] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.im-toast[b-4imybpv88y] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.im-toast-error[b-4imybpv88y] { border-left-color: var(--uds-red); }
.im-toast-warning[b-4imybpv88y] { border-left-color: #e0a800; }
.im-toast-info[b-4imybpv88y] { border-left-color: #2779ce; }
.im-toast-head[b-4imybpv88y] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.im-toast-head button[b-4imybpv88y] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.im-toast-body[b-4imybpv88y] { padding: 0.55rem 0.75rem; }

.im .btn[b-4imybpv88y] { padding: 0.4rem 0.9rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.84rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; }
.im .btn:hover[b-4imybpv88y] { background: var(--uds-grey-100); }
.im .btn:disabled[b-4imybpv88y], .im .btn.disabled[b-4imybpv88y] { opacity: 0.5; cursor: default; }
.im .btn-primary[b-4imybpv88y] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.im .btn-primary:hover[b-4imybpv88y] { background: #0a3a66; }

.top[b-4imybpv88y] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.6rem; margin-bottom: 0.6rem; }
@media (min-width: 1100px) { .top[b-4imybpv88y] { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); } }
.info[b-4imybpv88y] { background: #eef1f5; border: 1px solid #b9bec7; border-radius: 6px; padding: 0.6rem 0.9rem; line-height: 1.45; }
.info p[b-4imybpv88y] { margin: 0 0 0.3rem; }
.info ol[b-4imybpv88y] { margin: 0 0 0.4rem 1.2rem; padding: 0; }
.info code[b-4imybpv88y] { background: var(--uds-white); border: 1px solid #d7dbe1; border-radius: 3px; padding: 0 0.25rem; }
.controls[b-4imybpv88y] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; background: #d4e7ff; border: 1px solid #b9bec7; border-radius: 6px; padding: 0.6rem 0.75rem; align-content: flex-start; }
.controls .fname[b-4imybpv88y] { font-size: 0.78rem; color: #333; max-width: 18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.count[b-4imybpv88y] { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.25rem 0.6rem; border-radius: 4px; font-weight: 700; }
.count.good[b-4imybpv88y] { background: #e2f4d7; color: #1c6b34; }
.count.bad[b-4imybpv88y] { background: #ffe3e6; color: #b02a37; }

.grid-wrap[b-4imybpv88y] { overflow-x: auto; }
.im table.grid[b-4imybpv88y] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.im table.grid th[b-4imybpv88y] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.im table.grid td[b-4imybpv88y] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.im table.grid td.c[b-4imybpv88y], .im table.grid th.c[b-4imybpv88y] { text-align: center; }
.im table.grid td.status[b-4imybpv88y] { font-weight: 700; white-space: nowrap; }
.im table.grid td.note[b-4imybpv88y] { color: #555; font-size: 0.76rem; }
.im table.grid tr.good td.status[b-4imybpv88y] { color: #1c6b34; }
.im table.grid tr.bad td.status[b-4imybpv88y] { color: #c62828; }
.im table.grid tr.bad td[b-4imybpv88y] { background: #fff7f7; }
/* /Components/Pages/Tracking/Tracking.razor.rz.scp.css */
/* CHG-132 — Tracking Status & POD page. Scoped; page-prefixed names (tk-…) keep clear of Bootstrap's .toast / .modal / .col / .row. */

.tk[b-yb5y8qy9le] { font-size: 0.86rem; position: relative; }
.tk .notice[b-yb5y8qy9le] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.tk .notice.error[b-yb5y8qy9le] { border-left-color: var(--uds-red); }
.tk .muted[b-yb5y8qy9le] { color: var(--uds-secondary); }
.tk .small[b-yb5y8qy9le] { font-size: 0.78rem; font-weight: 400; }
.tk .padded[b-yb5y8qy9le] { padding: 0.75rem 1rem; }
.tk .mono[b-yb5y8qy9le] { font-family: "Source Code Pro", Consolas, monospace; }
.tk .up[b-yb5y8qy9le] { text-transform: uppercase; }
.tk .nowrap[b-yb5y8qy9le] { white-space: nowrap; }
.tk .ok[b-yb5y8qy9le] { color: #1c6b34; font-weight: 600; }
.tk .warn[b-yb5y8qy9le] { color: #d9534f; font-size: 0.74rem; font-weight: 500; }

/* toasts — bottom-right, stacked upwards above the AI Assistant button (the Core convention) */
.tk-toasts[b-yb5y8qy9le] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.tk-toast[b-yb5y8qy9le] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.tk-toast-error[b-yb5y8qy9le] { border-left-color: var(--uds-red); }
.tk-toast-warning[b-yb5y8qy9le] { border-left-color: #e0a800; }
.tk-toast-info[b-yb5y8qy9le] { border-left-color: #2779ce; }
.tk-toast-head[b-yb5y8qy9le] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.tk-toast-head button[b-yb5y8qy9le] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.tk-toast-body[b-yb5y8qy9le] { padding: 0.55rem 0.75rem; }

/* confirm dialog (radconfirm) */
.tk-dim[b-yb5y8qy9le] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.tk-dialog[b-yb5y8qy9le] { position: fixed; z-index: 71; left: 50%; top: 22%; transform: translateX(-50%); width: 30rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.tk-dialog-head[b-yb5y8qy9le] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.tk-dialog-body[b-yb5y8qy9le] { padding: 0.9rem; line-height: 1.45; }
.tk-dialog-foot[b-yb5y8qy9le] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

/* buttons + inputs */
.tk .btn[b-yb5y8qy9le] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; }
.tk .btn:hover[b-yb5y8qy9le] { background: var(--uds-grey-100); }
.tk .btn:disabled[b-yb5y8qy9le] { opacity: 0.5; cursor: default; }
.tk .btn-primary[b-yb5y8qy9le] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.tk .btn-primary:hover[b-yb5y8qy9le] { background: #0a3a66; }
.tk .btn.danger[b-yb5y8qy9le] { color: #b02a37; border-color: #e0a1a8; background: #fff5f5; }
.tk .btn.danger:hover[b-yb5y8qy9le] { background: #ffe3e6; }
.tk .btn.mini[b-yb5y8qy9le] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.tk .link[b-yb5y8qy9le] { border: 0; background: transparent; color: #2779ce; cursor: pointer; font: inherit; font-size: 0.78rem; text-decoration: underline; padding: 0 0.2rem; }
.tk .tb[b-yb5y8qy9le] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.tk .tb.bad[b-yb5y8qy9le] { border-color: #d9534f; background: #fff5f5; }
.tk .cb[b-yb5y8qy9le] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.tk input[type="checkbox"][b-yb5y8qy9le] { width: 15px; height: 15px; cursor: pointer; }

/* top: search + actions */
.top[b-yb5y8qy9le] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.6rem; margin-bottom: 0.6rem; }
@media (min-width: 1200px) { .top[b-yb5y8qy9le] { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); } }
.panel[b-yb5y8qy9le] { border: 1px solid #b9bec7; border-radius: 6px; background: var(--uds-white); min-width: 0; }
.panel.search[b-yb5y8qy9le] { background: #d4e7ff; padding: 0.55rem 0.75rem; }
.ph[b-yb5y8qy9le] { display: flex; justify-content: space-between; align-items: baseline; font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.4rem; }
.ph .hint[b-yb5y8qy9le] { font-weight: 400; text-transform: none; color: var(--uds-secondary); font-size: 0.76rem; }
.sgrid[b-yb5y8qy9le] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
@media (min-width: 900px) { .sgrid[b-yb5y8qy9le] { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fld[b-yb5y8qy9le] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.fld.wide[b-yb5y8qy9le] { grid-column: span 2; }
.fld.span2[b-yb5y8qy9le] { grid-column: span 2; }
.fld[b-yb5y8qy9le]  .ta-input { height: 29px; padding: 0 0.45rem; font-size: 0.84rem; }
.sactions[b-yb5y8qy9le] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.55rem; }

.panel.actions[b-yb5y8qy9le] { padding: 0.45rem 0.75rem 0.6rem; background: #f6f8fb; }
/* one line, always: the ticked-count label shrinks/ellipsises rather than wrapping (a wrap shifted the buttons below it). */
.tabs[b-yb5y8qy9le] { display: flex; flex-wrap: nowrap; gap: 0.25rem; align-items: flex-end; margin-bottom: 0.5rem; border-bottom: 2px solid #b9bec7; }
.tab[b-yb5y8qy9le] { flex: 0 0 auto; white-space: nowrap; background: var(--uds-white); border: 1px solid #b9bec7; border-bottom: none; border-radius: 6px 6px 0 0; padding: 0.35rem 0.85rem; font: inherit; font-size: 0.82rem; color: var(--uds-secondary); cursor: pointer; }
.tab.on[b-yb5y8qy9le] { color: var(--uds-ink); font-weight: 600; border-bottom: 2px solid var(--uds-red); margin-bottom: -2px; background: var(--uds-grey-100); }
.tabs .sel[b-yb5y8qy9le] { margin-left: auto; flex: 0 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0.3rem 0.3rem; font-size: 0.78rem; color: #1c6b34; }
.tabs .sel.none[b-yb5y8qy9le] { color: var(--uds-secondary); }
.agrid[b-yb5y8qy9le] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 0.8rem; }
.radios[b-yb5y8qy9le] { flex-direction: row; gap: 1.2rem; font-weight: 600; }
.radios label[b-yb5y8qy9le] { display: inline-flex; align-items: center; gap: 0.3rem; cursor: pointer; }
.radios input[b-yb5y8qy9le] { width: 14px; height: 14px; }
.abtns[b-yb5y8qy9le] { flex-direction: row; gap: 0.5rem; margin-top: 0.2rem; }

/* results bar */
.rbar[b-yb5y8qy9le] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; }
.rbar .cap[b-yb5y8qy9le] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.rbar .grow[b-yb5y8qy9le] { flex: 1 1 auto; }
.rbar .pgsz[b-yb5y8qy9le] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.78rem; color: #555; }
.rbar .pgsz .cb[b-yb5y8qy9le] { width: auto; height: 26px; }

/* grid */
.grid-wrap[b-yb5y8qy9le] { overflow-x: auto; }
.tk table.grid[b-yb5y8qy9le] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: var(--uds-white); }
.tk table.grid th[b-yb5y8qy9le] { background: #4697d7; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.tk table.grid th.sortable[b-yb5y8qy9le] { cursor: pointer; user-select: none; }
.tk table.grid th.sortable:hover[b-yb5y8qy9le] { background: #3a86c4; }
.tk table.grid tr.filterrow th[b-yb5y8qy9le] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.tk table.grid tr.filterrow th .tb[b-yb5y8qy9le], .tk table.grid tr.filterrow th .cb[b-yb5y8qy9le] { min-width: 4rem; height: 26px; font-size: 0.78rem; font-weight: 400; }
.tk table.grid td[b-yb5y8qy9le] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; }
.tk table.grid td.c[b-yb5y8qy9le], .tk table.grid th.c[b-yb5y8qy9le] { text-align: center; }
.tk table.grid th.sel[b-yb5y8qy9le], .tk table.grid td.sel[b-yb5y8qy9le] { width: 2.4rem; }
.tk table.grid th.x[b-yb5y8qy9le], .tk table.grid td.x[b-yb5y8qy9le] { width: 1.8rem; padding: 0; }
.tk table.grid td.shipper[b-yb5y8qy9le] { max-width: 16rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tk table.grid td.status[b-yb5y8qy9le] { max-width: 18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tk table.grid td a[b-yb5y8qy9le] { color: #0a6ab5; text-decoration: none; font-weight: 600; }
.tk table.grid td a:hover[b-yb5y8qy9le] { text-decoration: underline; }
.tk table.grid tbody tr:hover td[b-yb5y8qy9le] { background: #f6faff; }
.tk table.grid tbody tr.ticked td[b-yb5y8qy9le] { background: #fff8dc; }
.tk table.grid tbody tr.open td[b-yb5y8qy9le] { border-bottom-color: #4697d7; }
.tk table.grid tr.detail td[b-yb5y8qy9le] { background: #D5E8F5; padding: 0.4rem 0.6rem 0.6rem; }
.xb[b-yb5y8qy9le] { border: 1px solid transparent; background: transparent; color: #4697d7; font-size: 0.95rem; cursor: pointer; width: 1.6rem; height: 1.6rem; line-height: 1; border-radius: 3px; }
.xb:hover[b-yb5y8qy9le] { background: #eaf3fb; border-color: #b9bec7; }

/* pieces (level 2) */
.tk table.pieces[b-yb5y8qy9le] { width: 100%; border-collapse: collapse; font-size: 0.78rem; background: var(--uds-white); }
.tk table.pieces th[b-yb5y8qy9le] { background: #6fb0e0; color: #fff; font-weight: 600; text-align: left; padding: 0.25rem 0.5rem; border: 1px solid #b9bec7; }
.tk table.pieces td[b-yb5y8qy9le] { border: 1px solid #CCCCCC; padding: 0.2rem 0.5rem; color: #000066; }
.tk table.pieces tbody tr.ticked td[b-yb5y8qy9le] { background: #fff8dc; }
.tk table.pieces tr.pdetail td[b-yb5y8qy9le] { background: #ECF0F5; padding: 0.4rem 0.6rem 0.5rem; }
.tk .pieces.none .subcap[b-yb5y8qy9le] { font-size: 0.78rem; font-weight: 600; color: #555; margin-bottom: 0.35rem; }

/* events (level 3) */
.tk table.events[b-yb5y8qy9le] { width: 100%; border-collapse: collapse; font-size: 0.76rem; background: var(--uds-white); }
.tk table.events th[b-yb5y8qy9le] { background: #9fc5e6; color: var(--uds-navy); font-weight: 600; text-align: left; padding: 0.2rem 0.45rem; border: 1px solid #b9bec7; }
.tk table.events td[b-yb5y8qy9le] { border: 1px solid #ddd; padding: 0.18rem 0.45rem; color: #222; }
.tk table.events tr.wide td[b-yb5y8qy9le] { color: #555; font-style: italic; }
.xdel[b-yb5y8qy9le] { border: 1px solid #e0a1a8; background: #fff5f5; color: #b02a37; font-weight: 700; font-size: 0.72rem; cursor: pointer; border-radius: 3px; padding: 0 0.4rem; line-height: 1.3; }
.xdel:hover[b-yb5y8qy9le] { background: #ffe3e6; }
.xdel:disabled[b-yb5y8qy9le] { opacity: 0.5; cursor: default; }

.pager[b-yb5y8qy9le] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.5rem; justify-content: flex-end; }
.pager span[b-yb5y8qy9le] { padding: 0 0.5rem; color: var(--uds-secondary); }
/* /Components/Pages/Warehouse/ScannerSheet.razor.rz.scp.css */
/* CHG-158 — Scanner Manual & Command Sheet. Scoped; visible borders #b9bec7. */

.ss[b-ws2tvwjbs6] { font-size: 0.86rem; max-width: 96rem; }
.ss .muted[b-ws2tvwjbs6] { color: var(--uds-secondary); }
.panel[b-ws2tvwjbs6] { border: 1px solid #b9bec7; border-radius: 8px; background: var(--uds-grey-100); padding: 0.75rem 1rem; margin-bottom: 0.75rem; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.row1[b-ws2tvwjbs6] { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.row1 .grow[b-ws2tvwjbs6] { flex: 1 1 auto; }
.ss .btn[b-ws2tvwjbs6] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; gap: 0.3rem; }
.ss .btn:hover[b-ws2tvwjbs6] { background: var(--uds-grey-100); }
.ss .btn-primary[b-ws2tvwjbs6] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.ss .btn-primary:hover[b-ws2tvwjbs6] { background: #0a3a66; }

/* the command sheet — the RadImageEditor was 100 % wide × 570 px (A42); here the image at its natural width, framed */
.sheet[b-ws2tvwjbs6] { border: 1px solid #b9bec7; border-radius: 8px; background: var(--uds-white); padding: 1rem; display: flex; justify-content: center; }
.sheet img[b-ws2tvwjbs6] { max-width: 100%; height: auto; }

/* Print Command Sheet: the sheet alone on the page */
@media print {
    .panel[b-ws2tvwjbs6] { display: none; }
    .sheet[b-ws2tvwjbs6] { border: 0; padding: 0; }
}
/* /Components/Pages/Warehouse/ScanReport.razor.rz.scp.css */
/* CHG-157 — Scan Report. Scoped; page-prefixed names (sr-…) keep clear of Bootstrap. Visible borders #b9bec7. */

.sr[b-7zkq2o4dgh] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.sr .notice[b-7zkq2o4dgh] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.sr .notice.error[b-7zkq2o4dgh] { border-left-color: var(--uds-red); }
.sr .muted[b-7zkq2o4dgh] { color: var(--uds-secondary); }
.sr .small[b-7zkq2o4dgh] { font-size: 0.76rem; }
.sr .padded[b-7zkq2o4dgh] { padding: 0.75rem 1rem; }
.sr .mono[b-7zkq2o4dgh] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }

.sr-toasts[b-7zkq2o4dgh] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.sr-toast[b-7zkq2o4dgh] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.sr-toast-error[b-7zkq2o4dgh] { border-left-color: var(--uds-red); }
.sr-toast-warning[b-7zkq2o4dgh] { border-left-color: #e0a800; }
.sr-toast-info[b-7zkq2o4dgh] { border-left-color: #2779ce; }
.sr-toast-head[b-7zkq2o4dgh] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.sr-toast-head button[b-7zkq2o4dgh] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.sr-toast-body[b-7zkq2o4dgh] { padding: 0.55rem 0.75rem; }

.panel[b-7zkq2o4dgh] { border: 1px solid #b9bec7; border-radius: 8px; background: var(--uds-grey-100); padding: 0.75rem 1rem; margin-bottom: 0.75rem; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.cgrid[b-7zkq2o4dgh] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem 1.5rem; align-items: end; }
@media (max-width: 900px) { .cgrid[b-7zkq2o4dgh] { grid-template-columns: minmax(0, 1fr); } }
.crit[b-7zkq2o4dgh] { display: flex; gap: 0.5rem; align-items: flex-end; min-width: 0; }
.crit .fld[b-7zkq2o4dgh] { flex: 1 1 auto; }
.fld[b-7zkq2o4dgh] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.hint[b-7zkq2o4dgh] { margin-top: 0.5rem; font-size: 0.76rem; }

.sr .btn[b-7zkq2o4dgh] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; gap: 0.3rem; height: 29px; }
.sr .btn:hover[b-7zkq2o4dgh] { background: var(--uds-grey-100); }
.sr .btn:disabled[b-7zkq2o4dgh] { opacity: 0.5; cursor: default; }
.sr .btn-primary[b-7zkq2o4dgh] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.sr .btn-primary:hover[b-7zkq2o4dgh] { background: #0a3a66; }
.sr .btn.mini[b-7zkq2o4dgh] { padding: 0.15rem 0.6rem; font-size: 0.78rem; height: auto; }
.sr .tb[b-7zkq2o4dgh] { height: 29px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); width: 100%; min-width: 0; }
.sr .tb.up[b-7zkq2o4dgh] { text-transform: uppercase; }
.sr .tb.awb[b-7zkq2o4dgh] { background: #dbfdee; font-family: "Roboto Condensed", var(--uds-font-body); letter-spacing: 1px; }   /* A57 */

.bar[b-7zkq2o4dgh] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-7zkq2o4dgh] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-7zkq2o4dgh] { flex: 1 1 auto; }

.sr table.grid[b-7zkq2o4dgh] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: whitesmoke; }
.sr table.grid th[b-7zkq2o4dgh] { background: #3c8dbc; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.sr table.grid th.r[b-7zkq2o4dgh], .sr table.grid td.r[b-7zkq2o4dgh] { text-align: right; }
.sr table.grid td[b-7zkq2o4dgh] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; white-space: nowrap; }
.sr table.grid td.recv[b-7zkq2o4dgh], .sr table.grid td.note[b-7zkq2o4dgh] { max-width: 14rem; overflow: hidden; text-overflow: ellipsis; }
.sr table.grid td.ok[b-7zkq2o4dgh] { color: #1b6e2a; font-weight: 600; }
.sr table.grid td.bad[b-7zkq2o4dgh] { color: #b02a37; font-weight: 600; }
.sr table.grid td.warn[b-7zkq2o4dgh] { color: #b26a00; font-weight: 600; }
.sr table.grid tbody tr:hover td[b-7zkq2o4dgh] { background: #f6faff; }
.scroll[b-7zkq2o4dgh] { overflow-x: auto; }

.pdf[b-7zkq2o4dgh] { width: 100%; height: 44rem; border: 1px solid #b9bec7; background: var(--uds-white); margin-top: 0.75rem; }
/* /Components/Pages/Warehouse/ViewScan.razor.rz.scp.css */
/* CHG-156 — View Scan. Scoped; visible borders #b9bec7 (the MAWB List base block). */

.vs[b-9igrn4p7ez] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.vs .notice[b-9igrn4p7ez] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.vs .notice.error[b-9igrn4p7ez] { border-left-color: var(--uds-red); }
.vs .muted[b-9igrn4p7ez] { color: var(--uds-secondary); }
.vs .small[b-9igrn4p7ez] { font-size: 0.76rem; }
.vs .padded[b-9igrn4p7ez] { padding: 0.75rem 1rem; }
.vs .mono[b-9igrn4p7ez] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }

.tabs[b-9igrn4p7ez] { display: flex; gap: 0.25rem; margin-bottom: 0.6rem; border-bottom: 2px solid #b9bec7; }
.tab[b-9igrn4p7ez] { background: var(--uds-white); border: 1px solid #b9bec7; border-bottom: none; border-radius: 6px 6px 0 0; padding: 0.45rem 1rem; font: inherit; font-size: 0.86rem; color: var(--uds-secondary); cursor: pointer; }
.tab.on[b-9igrn4p7ez] { color: var(--uds-ink); font-weight: 600; border-bottom: 2px solid var(--uds-red); margin-bottom: -2px; background: var(--uds-grey-100); }
.tab .cnt[b-9igrn4p7ez] { display: inline-block; margin-left: 0.4rem; padding: 0 0.45rem; border-radius: 9px; background: #4697d7; color: #fff; font-size: 0.7rem; font-weight: 700; }

.panel[b-9igrn4p7ez] { border: 1px solid #b9bec7; border-radius: 8px; background: var(--uds-grey-100); padding: 0.6rem 0.9rem; margin-bottom: 0.6rem; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.fgrid[b-9igrn4p7ez] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.4rem 0.8rem; align-items: end; }
.fgrid.content[b-9igrn4p7ez] { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 1000px) { .fgrid[b-9igrn4p7ez], .fgrid.content[b-9igrn4p7ez] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fld[b-9igrn4p7ez] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.fld .val[b-9igrn4p7ez] { font-size: 0.84rem; color: var(--uds-ink); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.abtns[b-9igrn4p7ez] { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }

.bar[b-9igrn4p7ez] { display: flex; align-items: center; gap: 0.75rem; margin: 0.2rem 0 0.4rem; flex-wrap: wrap; }
.bar .cap[b-9igrn4p7ez] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-9igrn4p7ez] { flex: 1 1 auto; }

.vs .btn[b-9igrn4p7ez] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; gap: 0.3rem; }
.vs .btn:hover[b-9igrn4p7ez] { background: var(--uds-grey-100); }
.vs .btn:disabled[b-9igrn4p7ez] { opacity: 0.5; cursor: default; }
.vs .btn-primary[b-9igrn4p7ez] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.vs .btn-primary:hover[b-9igrn4p7ez] { background: #0a3a66; }
.vs .btn.mini[b-9igrn4p7ez] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.vs .tb[b-9igrn4p7ez] { height: 26px; padding: 0 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); width: 100%; min-width: 5rem; }
.vs .cb[b-9igrn4p7ez] { height: 26px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.78rem; font-weight: 400; background: var(--uds-white); }
.fgrid .tb[b-9igrn4p7ez], .fgrid .cb[b-9igrn4p7ez] { height: 29px; width: 100%; }

.vs table.grid[b-9igrn4p7ez] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: whitesmoke; }
.vs table.grid th[b-9igrn4p7ez] { background: #3c8dbc; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.vs table.grid th.sortable[b-9igrn4p7ez] { cursor: pointer; user-select: none; }
.vs table.grid th.r[b-9igrn4p7ez], .vs table.grid td.r[b-9igrn4p7ez] { text-align: right; }
.vs table.grid tr.filterrow th[b-9igrn4p7ez] { background: #eaf3fb; padding: 0.2rem 0.3rem; }
.vs table.grid td[b-9igrn4p7ez] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; white-space: nowrap; }
.vs table.grid td.c[b-9igrn4p7ez], .vs table.grid th.c[b-9igrn4p7ez] { text-align: center; }
.vs table.grid td.note[b-9igrn4p7ez] { max-width: 14rem; overflow: hidden; text-overflow: ellipsis; }
.vs table.grid td.ok[b-9igrn4p7ez] { color: #1b6e2a; font-weight: 600; }
.vs table.grid td.bad[b-9igrn4p7ez] { color: #b02a37; font-weight: 600; }
.vs table.grid td.warn[b-9igrn4p7ez] { color: #b26a00; font-weight: 600; }
.vs table.grid tbody tr:hover td[b-9igrn4p7ez] { background: #f6faff; }
.vs table.grid tbody tr.sel td[b-9igrn4p7ez] { background: #fff8dc; }

.pager[b-9igrn4p7ez] { display: flex; align-items: center; gap: 0.4rem; margin: 0.5rem 0; }
/* a wide grid scrolls on its own — never the whole page, so the menu stays put */
.scroll[b-9igrn4p7ez] { overflow-x: auto; }
/* /Components/Pages/Warehouse/WarehouseScan.razor.rz.scp.css */
/* CHG-155 — Warehouse Scan. Scoped; page-prefixed names (ws-…) keep clear of Bootstrap's .toast / .modal. Visible borders #b9bec7. */

.ws[b-20c3fz0el2] { font-size: 0.86rem; position: relative; max-width: 96rem; }
.ws .notice[b-20c3fz0el2] { background: var(--uds-grey-100); border-left: 3px solid var(--uds-navy); padding: 0.75rem 1rem; max-width: 46rem; margin: 0.75rem 0; }
.ws .notice.error[b-20c3fz0el2] { border-left-color: var(--uds-red); }
.ws .muted[b-20c3fz0el2] { color: var(--uds-secondary); }
.ws .padded[b-20c3fz0el2] { padding: 0.75rem 1rem; }
.ws .mono[b-20c3fz0el2] { font-family: "Source Code Pro", Consolas, monospace; letter-spacing: 0.03em; }

/* toasts — bottom-right, stacked upwards above the AI Assistant button (the Core convention) */
.ws-toasts[b-20c3fz0el2] { position: fixed; right: 1.25rem; bottom: 5.25rem; z-index: 60; display: flex; flex-direction: column-reverse; gap: 0.5rem; width: 28rem; max-width: calc(100vw - 2rem); }
.ws-toast[b-20c3fz0el2] { background: var(--uds-white); border: 1px solid #b9bec7; border-left: 5px solid var(--uds-navy); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.18); overflow: hidden; }
.ws-toast-error[b-20c3fz0el2] { border-left-color: var(--uds-red); }
.ws-toast-warning[b-20c3fz0el2] { border-left-color: #e0a800; }
.ws-toast-info[b-20c3fz0el2] { border-left-color: #2779ce; }
.ws-toast-head[b-20c3fz0el2] { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.75rem; font-family: var(--uds-font-head); font-weight: 600; color: var(--uds-navy); background: var(--uds-grey-100); }
.ws-toast-head button[b-20c3fz0el2] { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--uds-secondary); }
.ws-toast-body[b-20c3fz0el2] { padding: 0.55rem 0.75rem; }

/* confirm dialog (the RadConfirm of Process / Clear) */
.ws-dim[b-20c3fz0el2] { position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,0.35); }
.ws-dialog[b-20c3fz0el2] { position: fixed; z-index: 71; left: 50%; top: 18%; transform: translateX(-50%); width: 30rem; max-width: calc(100vw - 2rem); background: var(--uds-white); border: 1px solid #b9bec7; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); overflow: hidden; }
.ws-dialog-head[b-20c3fz0el2] { background: var(--uds-navy); color: var(--uds-white); font-family: var(--uds-font-head); font-weight: 600; padding: 0.55rem 0.9rem; }
.ws-dialog-body[b-20c3fz0el2] { padding: 0.9rem; line-height: 1.45; }
.ws-dialog-foot[b-20c3fz0el2] { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem; background: var(--uds-grey-100); border-top: 1px solid #e3e6ea; }

/* tabs (RadTabStrip1) */
.tabs[b-20c3fz0el2] { display: flex; gap: 0.25rem; margin-bottom: 0.6rem; border-bottom: 2px solid #b9bec7; flex-wrap: wrap; }
.tab[b-20c3fz0el2] { background: var(--uds-white); border: 1px solid #b9bec7; border-bottom: none; border-radius: 6px 6px 0 0; padding: 0.45rem 1rem; font: inherit; font-size: 0.86rem; color: var(--uds-secondary); cursor: pointer; }
.tab.on[b-20c3fz0el2] { color: var(--uds-ink); font-weight: 600; border-bottom: 2px solid var(--uds-red); margin-bottom: -2px; background: var(--uds-grey-100); }

/* buttons + inputs */
.ws .btn[b-20c3fz0el2] { padding: 0.35rem 0.85rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); color: var(--uds-navy); font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; text-decoration: none; }
.ws .btn:hover[b-20c3fz0el2] { background: var(--uds-grey-100); }
.ws .btn:disabled[b-20c3fz0el2] { opacity: 0.5; cursor: default; }
.ws .btn-primary[b-20c3fz0el2] { background: var(--uds-navy); border-color: var(--uds-navy); color: var(--uds-white); }
.ws .btn-primary:hover[b-20c3fz0el2] { background: #0a3a66; }
.ws .btn.danger[b-20c3fz0el2] { color: #b02a37; border-color: #e0a1a8; background: #fff5f5; }
.ws .btn.mini[b-20c3fz0el2] { padding: 0.15rem 0.6rem; font-size: 0.78rem; }
.ws .tb[b-20c3fz0el2] { padding: 0.3rem 0.45rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.ws .tb.up[b-20c3fz0el2] { text-transform: uppercase; font-family: "Source Code Pro", Consolas, monospace; }
.ws .cb[b-20c3fz0el2] { height: 29px; padding: 0 0.3rem; border: 1px solid #b9bec7; border-radius: 4px; font: inherit; font-size: 0.84rem; background: var(--uds-white); min-width: 0; width: 100%; }
.ws .cb.loc[b-20c3fz0el2] { width: auto; height: 26px; font-size: 0.78rem; }

/* the scan form — the boxed command area (grey panel, visible border) */
.panel[b-20c3fz0el2] { border: 1px solid #b9bec7; border-radius: 8px; background: var(--uds-white); min-width: 0; margin-bottom: 0.75rem; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.panel.form[b-20c3fz0el2] { background: var(--uds-grey-100); padding: 0.75rem 1rem 0.9rem; }
.panel.result[b-20c3fz0el2] { padding: 0.6rem 0.9rem; }
.panel.label[b-20c3fz0el2] { padding: 0.6rem 0.9rem; }
.ph[b-20c3fz0el2] { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; margin-bottom: 0.5rem; flex-wrap: wrap; }
.ph .title[b-20c3fz0el2] { display: inline-flex; align-items: center; gap: 0.5rem; }
.ph .dir[b-20c3fz0el2] { height: 20px; width: auto; }
.ph .hint[b-20c3fz0el2] { font-weight: 400; text-transform: none; color: var(--uds-secondary); font-size: 0.76rem; }
.fgrid[b-20c3fz0el2] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 2fr); gap: 0.4rem 0.8rem; align-items: start; }
@media (max-width: 900px) { .fgrid[b-20c3fz0el2] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fld[b-20c3fz0el2] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.76rem; font-weight: 600; color: #555; min-width: 0; }
.fld.memo textarea[b-20c3fz0el2] { resize: vertical; min-height: 4.2rem; }

.scanrow[b-20c3fz0el2] { margin-top: 0.6rem; }
.scanbox[b-20c3fz0el2] { width: 100%; height: 22rem; resize: vertical; padding: 0.5rem 0.6rem; border: 1px solid #b9bec7; border-radius: 4px; background: var(--uds-white); font-family: "Source Code Pro", Consolas, monospace; font-size: 0.92rem; text-transform: uppercase; line-height: 1.35; }
.scanbox:focus[b-20c3fz0el2] { outline: 2px solid #4697d7; outline-offset: -1px; }
.under[b-20c3fz0el2] { display: flex; justify-content: space-between; align-items: center; margin-top: 0.25rem; font-size: 0.78rem; }
.under .count[b-20c3fz0el2] { color: var(--uds-navy); font-weight: 600; }
.abtns[b-20c3fz0el2] { display: flex; gap: 0.5rem; align-items: center; margin-top: 0.6rem; }

/* last batch */
.strip[b-20c3fz0el2] { display: flex; flex-wrap: wrap; gap: 0.3rem 1.4rem; margin: 0.2rem 0 0.5rem; }
.sitem[b-20c3fz0el2] { display: flex; flex-direction: column; font-size: 0.72rem; color: #555; min-width: 6rem; }
.sitem b[b-20c3fz0el2] { font-size: 0.95rem; color: var(--uds-ink); font-weight: 700; }
.sitem b.ok[b-20c3fz0el2] { color: #1b6e2a; }
.sitem b.bad[b-20c3fz0el2] { color: #b02a37; }
.sitem b.warn[b-20c3fz0el2] { color: #b26a00; }

.ws table.grid[b-20c3fz0el2] { width: 100%; border-collapse: collapse; font-size: 0.8rem; background: whitesmoke; }
.ws table.grid th[b-20c3fz0el2] { background: #3c8dbc; color: #fff; font-weight: 600; text-align: left; padding: 0.35rem 0.5rem; border: 1px solid #b9bec7; white-space: nowrap; font-family: "Roboto Condensed", var(--uds-font-body); }
.ws table.grid td[b-20c3fz0el2] { border: 1px solid #CCCCCC; padding: 0.25rem 0.5rem; color: #000066; vertical-align: middle; white-space: nowrap; }
.ws table.grid td.c[b-20c3fz0el2], .ws table.grid th.c[b-20c3fz0el2] { text-align: center; }
.ws table.grid td.r[b-20c3fz0el2] { text-align: right; }
.ws table.grid td.ok[b-20c3fz0el2] { color: #1b6e2a; font-weight: 600; }
.ws table.grid td.bad[b-20c3fz0el2] { color: #b02a37; font-weight: 600; }
.ws table.grid td.warn[b-20c3fz0el2] { color: #b26a00; font-weight: 600; }
.scroll[b-20c3fz0el2] { overflow-x: auto; }

/* the label viewers (the three RadPdfViewers, 700 px tall in Web Forms) */
.bar[b-20c3fz0el2] { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.5rem; flex-wrap: wrap; }
.bar .cap[b-20c3fz0el2] { font-family: var(--uds-font-head); font-weight: 700; color: var(--uds-navy); text-transform: uppercase; font-size: 0.8rem; }
.bar .grow[b-20c3fz0el2] { flex: 1 1 auto; }
.label .pdf[b-20c3fz0el2] { width: 100%; height: 44rem; border: 1px solid #b9bec7; background: var(--uds-white); }
.scanbox[b-20c3fz0el2]::placeholder { text-transform: none; color: #9aa0ab; }
/* /Components/Shared/PageAssistant.razor.rz.scp.css */
.assistant[b-9se6eez99s] {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 1000;
    font-family: var(--uds-font-body);
}

.assistant-toggle[b-9se6eez99s] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--uds-navy);
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 0.55rem 1rem;
    font-family: var(--uds-font-head);
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    margin-left: auto;
}
.assistant-toggle:hover[b-9se6eez99s] { background: var(--uds-navy-deep); }

/* Closed = the logo only (Neeraj, 9 Nov 2026: the "AI Assistant" pill sat over the last column of a wide table);
   hovering or focusing the button slides the label out (Farrukh: "more alive"); open shows "Close" as before. */
.assistant:not(.open) .assistant-toggle[b-9se6eez99s] { padding: 0.55rem; gap: 0; }
.assistant:not(.open) .assistant-toggle .ico[b-9se6eez99s] { width: 1.5rem; height: 1.5rem; font-size: 1rem; }
.assistant:not(.open) .assistant-toggle .lbl[b-9se6eez99s] {
    display: inline-block;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 0;
    transition: max-width 0.25s ease, opacity 0.2s ease, margin-left 0.25s ease;
}
.assistant:not(.open) .assistant-toggle:hover .lbl[b-9se6eez99s],
.assistant:not(.open) .assistant-toggle:focus-visible .lbl[b-9se6eez99s] {
    max-width: 8rem;
    opacity: 1;
    margin-left: 0.45rem;
}
.assistant:not(.open) .assistant-toggle:hover[b-9se6eez99s],
.assistant:not(.open) .assistant-toggle:focus-visible[b-9se6eez99s] { padding-right: 1rem; }
.assistant-toggle[b-9se6eez99s] { transition: padding 0.25s ease, background 0.15s ease; }

.assistant-toggle .ico[b-9se6eez99s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%;
    background: var(--uds-red);
    font-weight: 700;
}

.assistant-panel[b-9se6eez99s] {
    position: absolute;
    right: 0;
    bottom: 3.25rem;
    width: min(24rem, calc(100vw - 2.5rem));
    max-height: min(32rem, calc(100vh - 6rem));
    background: #fff;
    border: 1px solid var(--uds-grey-200);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
    /* Flex column: a fixed Ask bar on top, everything else scrolls beneath it. */
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Fixed top bar — the input is always here, same place, same height. */
.ask-bar[b-9se6eez99s] {
    flex: 0 0 auto;
    display: flex;
    gap: 0.4rem;
    padding: 0.9rem 1.1rem;
    border-bottom: 1px solid var(--uds-grey-200);
    background: #fff;
    border-radius: 10px 10px 0 0;
}

.ask-bar input[b-9se6eez99s] {
    flex: 1;
    min-width: 0;
    padding: 0.45rem 0.6rem;
    border: 1px solid var(--uds-grey-200);
    border-radius: 6px;
    font: inherit;
    font-size: 0.85rem;
}

.ask-bar .btn[b-9se6eez99s] {
    padding: 0.4rem 0.9rem;
    font-size: 0.85rem;
}

/* Scrollable body below the fixed Ask bar. */
.assistant-scroll[b-9se6eez99s] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 0.9rem 1.1rem 1.1rem;
}

.assistant-scroll .meta[b-9se6eez99s] {
    margin-top: 1rem;
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 0.7rem;
}

.assistant-scroll .meta h3[b-9se6eez99s] {
    font-size: 0.95rem;
    margin: 0 0 0.35rem;
}

.assistant-scroll .purpose[b-9se6eez99s] {
    font-size: 0.8rem;
    color: var(--uds-secondary);
    margin: 0;
}

.suggest-label[b-9se6eez99s] {
    font-size: 0.75rem;
    color: var(--uds-secondary);
    margin: 0 0 0.4rem;
}

.chips[b-9se6eez99s] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.6rem;
}

.chip[b-9se6eez99s] {
    background: var(--uds-grey-100);
    border: 1px solid var(--uds-grey-200);
    border-radius: 999px;
    padding: 0.25rem 0.6rem;
    font-size: 0.72rem;
    color: var(--uds-navy);
    cursor: pointer;
    text-align: left;
}
.chip:hover[b-9se6eez99s] { background: var(--uds-grey-200); }

.thinking[b-9se6eez99s] {
    font-size: 0.82rem;
    color: var(--uds-secondary);
    margin: 0.6rem 0 0;
}

.err[b-9se6eez99s] {
    font-size: 0.82rem;
    color: var(--uds-red);
    margin: 0.6rem 0 0;
}

.answer[b-9se6eez99s] {
    margin-top: 0.7rem;
    font-size: 0.85rem;
    line-height: 1.5;
    white-space: pre-wrap;
    background: var(--uds-grey-100);
    border-left: 3px solid var(--uds-navy);
    padding: 0.6rem 0.75rem;
    border-radius: 4px;
}

.reset[b-9se6eez99s] {
    margin-top: 0.5rem;
    background: none;
    border: none;
    color: var(--uds-red);
    font-size: 0.8rem;
    cursor: pointer;
    padding: 0;
}

.disclaimer[b-9se6eez99s] {
    font-size: 0.7rem;
    color: var(--uds-secondary);
    margin: 0.75rem 0 0;
    line-height: 1.4;
}

.reference[b-9se6eez99s] {
    margin-top: 0.9rem;
    border-top: 1px solid var(--uds-grey-200);
    padding-top: 0.6rem;
}

.reference summary[b-9se6eez99s] {
    font-family: var(--uds-font-head);
    font-weight: 600;
    font-size: 0.82rem;
    color: var(--uds-navy);
    cursor: pointer;
}

.reference h4[b-9se6eez99s] {
    font-size: 0.78rem;
    margin: 0.7rem 0 0.3rem;
    color: var(--uds-navy);
}

.reference ul[b-9se6eez99s] {
    margin: 0;
    padding-left: 1.1rem;
}

.reference li[b-9se6eez99s] {
    font-size: 0.78rem;
    line-height: 1.45;
    margin-bottom: 0.3rem;
    color: var(--uds-ink);
}