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

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

main[b-i9eu7daez5] {
    flex: 1;
}

.sidebar[b-i9eu7daez5] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-i9eu7daez5] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

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

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

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

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

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

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

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

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

    #blazor-error-ui .dismiss[b-i9eu7daez5] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-sjs7ixpm0x] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-sjs7ixpm0x] {
    flex: 1;
}

.sidebar[b-sjs7ixpm0x] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-sjs7ixpm0x] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

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

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

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

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

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

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

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

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

    #blazor-error-ui .dismiss[b-sjs7ixpm0x] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/MainLayoutNarrow.razor.rz.scp.css */
.page[b-ayb4ogp0wn] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ayb4ogp0wn] {
    flex: 1;
}

.sidebar[b-ayb4ogp0wn] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-ayb4ogp0wn] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

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

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

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

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

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

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

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

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

    #blazor-error-ui .dismiss[b-ayb4ogp0wn] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-bh7hqx5xwx] {
    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-bh7hqx5xwx] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-bh7hqx5xwx] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-bh7hqx5xwx] {
    font-size: 1.1rem;
}

.bi[b-bh7hqx5xwx] {
    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-bh7hqx5xwx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' 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-plus-square-fill-nav-menu[b-bh7hqx5xwx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-bh7hqx5xwx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' 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");
}

.nav-item[b-bh7hqx5xwx] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

    .nav-item:last-of-type[b-bh7hqx5xwx] {
        padding-bottom: 1rem;
    }

    .nav-item[b-bh7hqx5xwx]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

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

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

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

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

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/ManagementOverview.razor.rz.scp.css */
.management-dashboard[b-bu62yw7y1c] { max-width:1600px; margin:auto; }
.snapshot[b-bu62yw7y1c],.definitions[b-bu62yw7y1c] { color:var(--mud-palette-text-secondary); font-size:.78rem; line-height:1.7; margin:16px 0; }
.metric-grid[b-bu62yw7y1c] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:24px; }
.metric-card[b-bu62yw7y1c],.dashboard-panel[b-bu62yw7y1c] { border:1px solid var(--mud-palette-divider); background:var(--mud-palette-surface); border-radius:16px; padding:24px; }
.metric-card[b-bu62yw7y1c] { --accent:#2563eb; --tint:rgba(37,99,235,.08); position:relative; border-top:3px solid var(--accent); background:linear-gradient(120deg,var(--tint),transparent 85%),var(--mud-palette-surface); display:flex; flex-direction:column; gap:12px; box-shadow:0 4px 14px rgba(15,23,42,.035); }
.tone-green[b-bu62yw7y1c] { --accent:#059669; --tint:rgba(5,150,105,.09); }
.tone-indigo[b-bu62yw7y1c] { --accent:#6366f1; --tint:rgba(99,102,241,.09); }
.tone-red[b-bu62yw7y1c] { --accent:#dc5264; --tint:rgba(220,82,100,.08); }
.tone-amber[b-bu62yw7y1c] { --accent:#b77916; --tint:rgba(217,153,36,.1); }
.tone-teal[b-bu62yw7y1c] { --accent:#0891a0; --tint:rgba(8,145,160,.09); }
.metric-heading[b-bu62yw7y1c] { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:.9rem; font-weight:650; }
.metric-icon[b-bu62yw7y1c] { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:11px; color:var(--accent); background:var(--tint); }
.metric-card strong[b-bu62yw7y1c] { font-size:2.2rem; line-height:1.2; font-weight:750; font-variant-numeric:tabular-nums; }
.single-value[b-bu62yw7y1c] { display:block; }
.paired-values[b-bu62yw7y1c] { display:grid; grid-template-columns:1fr 1fr; }
.paired-values > div[b-bu62yw7y1c] { display:flex; flex-direction:column; gap:4px; }
.paired-values > div + div[b-bu62yw7y1c] { padding-left:24px; border-left:1px solid var(--mud-palette-divider); }
.paired-values span[b-bu62yw7y1c] { color:var(--mud-palette-text-secondary); font-size:.8rem; }
.metric-card small[b-bu62yw7y1c],.dashboard-panel p[b-bu62yw7y1c],.dashboard-panel small[b-bu62yw7y1c] { color:var(--mud-palette-text-secondary); font-size:.78rem; }
.chart-grid[b-bu62yw7y1c] { display:grid; grid-template-columns:1.6fr 1fr; gap:24px; margin-bottom:24px; }
.dashboard-panel[b-bu62yw7y1c] { min-width:0; }
h2[b-bu62yw7y1c] { font-size:1.05rem; font-weight:700; margin-bottom:4px; }
.dashboard-panel p[b-bu62yw7y1c] { margin-bottom:20px; }
.activity-heading[b-bu62yw7y1c] { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.activity-totals[b-bu62yw7y1c] { display:flex; align-items:center; flex-wrap:wrap; gap:20px; padding:14px 18px; border-radius:10px; background:var(--mud-palette-background); font-size:.85rem; margin-bottom:20px; }
.activity-totals strong[b-bu62yw7y1c] { font-size:1.2rem; margin-right:4px; font-variant-numeric:tabular-nums; }
.activity-empty[b-bu62yw7y1c] { min-height:240px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:12px; color:var(--mud-palette-text-secondary); font-size:.85rem; }
.client-header[b-bu62yw7y1c] { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:16px; }
@media(max-width:1100px) { .metric-grid[b-bu62yw7y1c] { grid-template-columns:repeat(2,minmax(0,1fr)); } .chart-grid[b-bu62yw7y1c] { grid-template-columns:1fr; } }
@media(max-width:550px) { .metric-grid[b-bu62yw7y1c] { grid-template-columns:1fr; gap:12px; } .metric-card[b-bu62yw7y1c],.dashboard-panel[b-bu62yw7y1c] { padding:18px; } .client-header[b-bu62yw7y1c] { display:block; } }
.destination-panel[b-bu62yw7y1c] { margin-bottom:24px; }
.destination-chart[b-bu62yw7y1c] { max-height:440px; overflow-y:auto; padding:4px 12px 8px 0; margin-bottom:14px; }
/* /Components/Pages/Shipment/ClientTracker.razor.rz.scp.css */
.client-tracker[b-0jicb7rwk0] { --tracker-accent:#16719a; padding-bottom:24px; }
.tracker-heading[b-0jicb7rwk0] { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:24px; }
.eyebrow[b-0jicb7rwk0] { font-size:11px; font-weight:700; letter-spacing:1.6px; color:var(--tracker-accent); margin-bottom:5px; }
.client-tracker[b-0jicb7rwk0]  .tracker-filters,.client-tracker[b-0jicb7rwk0]  .tracker-grid-shell { border:1px solid var(--mud-palette-lines-default); border-radius:12px; }
.tracker-stats[b-0jicb7rwk0] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:20px; }
.stat[b-0jicb7rwk0] { text-align:left; padding:18px 20px; border:1px solid var(--mud-palette-lines-default); border-radius:12px; background:var(--mud-palette-surface); color:var(--mud-palette-text-primary); cursor:pointer; }
.stat.selected[b-0jicb7rwk0] { border-color:var(--tracker-accent); box-shadow:inset 0 3px var(--tracker-accent); }
.stat span[b-0jicb7rwk0],.stat small[b-0jicb7rwk0] { display:block; color:var(--mud-palette-text-secondary); }
.stat span[b-0jicb7rwk0] { font-size:13px; }.stat strong[b-0jicb7rwk0] { font-size:32px; font-weight:700; line-height:1.5; }.stat small[b-0jicb7rwk0] { font-size:11px; }
.stat.attention strong[b-0jicb7rwk0] { color:#b86b12; }
.grid-toolbar[b-0jicb7rwk0],.grid-footer[b-0jicb7rwk0] { padding:12px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.bucket-buttons[b-0jicb7rwk0] { display:flex; gap:4px; flex-wrap:wrap; }.bucket-buttons button[b-0jicb7rwk0] { padding:7px 11px; border-radius:6px; color:var(--mud-palette-text-secondary); font-size:12px; cursor:pointer; }
.bucket-buttons button.active[b-0jicb7rwk0] { background:#e8f2f7; color:#125e80; font-weight:700; }
.tracker-grid-scroll[b-0jicb7rwk0] { overflow:auto; max-height:62vh; min-height:260px; border-block:1px solid var(--mud-palette-lines-default); }
.tracker-grid[b-0jicb7rwk0] { border-collapse:separate; border-spacing:0; min-width:0; font-size:12px; }
.tracker-grid[b-0jicb7rwk0] { table-layout:fixed; }
.tracker-grid th[b-0jicb7rwk0],.tracker-grid td[b-0jicb7rwk0] { box-sizing:border-box; }
.tracker-grid td[b-0jicb7rwk0] { white-space:nowrap; overflow:hidden; }
.tracker-legend[b-0jicb7rwk0] { display:flex; flex-wrap:wrap; align-items:center; gap:10px 20px; padding:10px 16px; border-top:1px solid var(--mud-palette-lines-default); font-size:11px; color:var(--mud-palette-text-secondary); }
.tracker-legend span[b-0jicb7rwk0] { display:inline-flex; align-items:center; gap:6px; }
.legend-mark[b-0jicb7rwk0] { display:inline-block; width:9px; height:9px; border-radius:3px; }
.attention-mark[b-0jicb7rwk0] { background:#d89a39; }.ontime-mark[b-0jicb7rwk0] { background:#257444; }.late-mark[b-0jicb7rwk0] { background:#b23d34; }
.stat:focus-visible[b-0jicb7rwk0],.bucket-buttons button:focus-visible[b-0jicb7rwk0],.reference-link:focus-visible[b-0jicb7rwk0],.column-header button:focus-visible[b-0jicb7rwk0] { outline:2px solid var(--tracker-accent); outline-offset:3px; }
.tracker-grid th[b-0jicb7rwk0],.tracker-grid td[b-0jicb7rwk0] { padding:10px 14px; border-right:1px solid var(--mud-palette-lines-default); border-bottom:1px solid var(--mud-palette-lines-default); min-width:150px; max-width:320px; background:var(--mud-palette-surface); }
.tracker-grid th[b-0jicb7rwk0] { text-align:left; white-space:normal; font-weight:600; }.tracker-grid td>span[b-0jicb7rwk0] { display:inline-block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; }
.group-header th[b-0jicb7rwk0] { position:sticky; top:0; z-index:3; height:32px; padding:6px 14px; color:white; background:#155d7d; text-transform:uppercase; font-size:10px; letter-spacing:1px; }
.column-header th[b-0jicb7rwk0] { position:sticky; top:32px; z-index:3; height:48px; background:#edf4f8; color:#163c4f; }
.column-header button[b-0jicb7rwk0] { text-align:left; width:100%; cursor:pointer; font:inherit; }
.sticky-ref[b-0jicb7rwk0] { position:sticky; left:0; min-width:180px!important; width:180px; max-width:180px!important; z-index:2; }
.sticky-status[b-0jicb7rwk0] { position:sticky; left:180px; min-width:220px!important; width:220px; max-width:220px!important; z-index:2; box-shadow:3px 0 6px #00000008; }
.column-header .sticky-ref[b-0jicb7rwk0],.column-header .sticky-status[b-0jicb7rwk0] { z-index:5; }.group-header .identity-group[b-0jicb7rwk0] { position:sticky; left:0; z-index:6; }
.tracker-grid tr:hover td[b-0jicb7rwk0] { background:var(--mud-palette-background-gray); }.row-attention .sticky-ref[b-0jicb7rwk0] { border-left:3px solid #d89a39; padding-left:11px; }
.reference-link[b-0jicb7rwk0] { color:var(--tracker-accent); font-weight:700; cursor:pointer; white-space:nowrap; }.reference-link:hover[b-0jicb7rwk0] { text-decoration:underline; }
.project-name[b-0jicb7rwk0] { font-size:10px; color:var(--mud-palette-text-secondary); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:5px; }
.lifecycle[b-0jicb7rwk0] { font-size:10px; padding:2px 6px; border-radius:4px; background:#e7eff6; color:#205878; }.lifecycle.delivered[b-0jicb7rwk0] { background:#e0f1e7; color:#257444; }.lifecycle.cancelled[b-0jicb7rwk0] { background:#f9e4e4; color:#9c3232; }.lifecycle.closed[b-0jicb7rwk0] { background:#eceff1; color:#52616b; }
.status-text[b-0jicb7rwk0] { margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.number-cell[b-0jicb7rwk0] { text-align:right; font-variant-numeric:tabular-nums; }
.performance[b-0jicb7rwk0] { font-size:11px; color:var(--mud-palette-text-secondary); }.performance.late[b-0jicb7rwk0] { color:#b23d34; font-weight:700; }.performance.ontime[b-0jicb7rwk0] { color:#257444; font-weight:700; }
.empty-state[b-0jicb7rwk0] { text-align:center; padding:48px!important; color:var(--mud-palette-text-secondary); }.briefing-grid[b-0jicb7rwk0] { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.tracker-drawer-host[b-0jicb7rwk0]  .tracker-drawer .mud-drawer-content { height:100%; overflow:hidden; }
.tracker-detail[b-0jicb7rwk0] { display:flex; flex-direction:column; height:100%; min-height:0; overflow:hidden; background:var(--mud-palette-surface); }
.detail-header[b-0jicb7rwk0] { flex-shrink:0; padding:24px 28px 20px; border-bottom:1px solid var(--mud-palette-lines-default); }
.detail-title-row[b-0jicb7rwk0] { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.detail-title-row>div[b-0jicb7rwk0] { min-width:0; }.detail-header h2[b-0jicb7rwk0] { margin:4px 0 0; font-size:23px; font-weight:700; overflow-wrap:anywhere; }
.detail-eyebrow[b-0jicb7rwk0] { color:#16719a; font-size:10px; font-weight:700; letter-spacing:1.5px; }
.detail-status[b-0jicb7rwk0] { margin:12px 0; font-size:14px; line-height:1.5; }
.detail-metadata[b-0jicb7rwk0] { display:flex; flex-wrap:wrap; gap:6px 20px; font-size:11px; color:var(--mud-palette-text-secondary); }
.detail-metadata strong[b-0jicb7rwk0] { font-weight:600; margin-right:4px; }
.detail-body[b-0jicb7rwk0] { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:12px 28px 28px; }
.detail-section[b-0jicb7rwk0] { margin-top:20px; border:1px solid var(--mud-palette-lines-default); border-radius:8px; overflow:hidden; }
.detail-section h3[b-0jicb7rwk0] { margin:0; padding:12px 16px; background:var(--mud-palette-background-gray); font-size:13px; font-weight:700; }
.detail-fields[b-0jicb7rwk0] { margin:0; font-size:13px; }
.detail-field[b-0jicb7rwk0] { display:grid; grid-template-columns:minmax(0,42%) minmax(0,1fr); gap:16px; padding:11px 16px; border-top:1px solid var(--mud-palette-lines-default); align-items:baseline; }
.detail-field dt[b-0jicb7rwk0] { margin:0; color:var(--mud-palette-text-secondary); overflow-wrap:anywhere; }
.detail-field dd[b-0jicb7rwk0] { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font-weight:500; line-height:1.5; }
.detail-footer[b-0jicb7rwk0] { flex-shrink:0; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 28px; border-top:1px solid var(--mud-palette-lines-default); }
@media(max-width:600px) { .detail-header[b-0jicb7rwk0] { padding:18px 16px; }.detail-body[b-0jicb7rwk0] { padding:8px 16px 20px; }.detail-footer[b-0jicb7rwk0] { padding:12px 16px; }.detail-header h2[b-0jicb7rwk0] { font-size:20px; }.detail-field[b-0jicb7rwk0] { padding:10px 12px; gap:12px; grid-template-columns:minmax(0,40%) minmax(0,1fr); } }
.sr-only[b-0jicb7rwk0] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
@media(max-width:800px) { .tracker-stats[b-0jicb7rwk0] { grid-template-columns:repeat(2,1fr); }.briefing-grid[b-0jicb7rwk0] { grid-template-columns:1fr; }.tracker-heading[b-0jicb7rwk0] { gap:12px; }.tracker-grid-scroll[b-0jicb7rwk0] { max-height:65vh; } }
/* /Components/Pages/Shipment/ShipmentView.razor.rz.scp.css */
.shipment-view[b-llhn3x3v57] { max-width: 1560px; margin: auto; padding: 12px 8px 48px; color: var(--mud-palette-text-primary); }
.view-navigation[b-llhn3x3v57], .view-actions[b-llhn3x3v57], .hero-heading[b-llhn3x3v57], .hero-badges[b-llhn3x3v57], .hero-footer[b-llhn3x3v57] { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.view-navigation[b-llhn3x3v57] { margin-bottom: 12px; }
.view-actions[b-llhn3x3v57] { justify-content: flex-end; }
.readonly-label[b-llhn3x3v57] { display: inline-flex; align-items: center; gap: 7px; color: var(--mud-palette-text-secondary); font-size: .8rem; }
.shipment-hero[b-llhn3x3v57] { position: relative; overflow: hidden; border-radius: 20px; padding: 20px 28px 0; background: radial-gradient(ellipse at 96% 4%, #157c8955, transparent 60%), linear-gradient(115deg, #112a46, #143c57); color: #fff; box-shadow: 0 12px 32px #112a461a; }
.shipment-hero[b-llhn3x3v57]::before { content: ""; position: absolute; width: 290px; height: 290px; border: 1px solid #ffffff0c; border-radius: 50%; right: -75px; top: -150px; pointer-events: none; }
.view-eyebrow[b-llhn3x3v57] { display: block; font-size: .66rem; letter-spacing: .15em; font-weight: 750; color: #9de1e2; }
.hero-heading[b-llhn3x3v57] { align-items: flex-start; }
.hero-heading h1[b-llhn3x3v57] { margin: 6px 0; font-size: clamp(1.8rem, 3vw, 2.7rem); letter-spacing: -.045em; line-height: 1.15; font-weight: 650; overflow-wrap: anywhere; }
.hero-heading p[b-llhn3x3v57] { color: #c5d5e5; font-size: .88rem; margin: 0; }
.hero-heading p span[b-llhn3x3v57] { margin: 0 10px; color: #6c8da6; }
.hero-badges[b-llhn3x3v57] { justify-content: flex-end; gap: 8px; }
.status-pill[b-llhn3x3v57], .hero-tag[b-llhn3x3v57] { display: inline-flex; align-items: center; gap: 9px; border: 1px solid #ffffff30; background: #ffffff0c; border-radius: 24px; padding: 9px 14px; font-size: .77rem; font-weight: 600; }
.status-dot[b-llhn3x3v57] { width: 7px; height: 7px; background: #79dcce; border-radius: 50%; box-shadow: 0 0 0 4px #79dcce16; }
.hero-tag.warning[b-llhn3x3v57] { color: #ffe0a1; border-color: #ffd27c66; }
.route-display[b-llhn3x3v57] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, .7fr) minmax(0, 1fr); align-items: center; gap: 26px; margin: 20px 0 24px; }
.route-label[b-llhn3x3v57] { font-size: .63rem; letter-spacing: .14em; color: #9ebbd0; font-weight: 700; }
.route-end h2[b-llhn3x3v57] { font-size: clamp(1.1rem, 2vw, 1.7rem); font-weight: 550; margin: 7px 0; line-height: 1.3; overflow-wrap: anywhere; }
.route-end p[b-llhn3x3v57] { color: #b5ccdc; margin: 0; font-size: .84rem; }
.destination[b-llhn3x3v57] { text-align: right; }
.route-connection[b-llhn3x3v57] { display: flex; align-items: center; justify-content: center; gap: 12px; position: relative; color: #9de1e2; }
.route-connection > span[b-llhn3x3v57] { flex: 1; border-top: 1px dashed #91bcc460; }
.route-icon[b-llhn3x3v57] { width: 54px; height: 54px; border: 1px solid #7cd8d755; border-radius: 50%; background: #7cd8d70c; display: grid; place-items: center; }
.route-connection small[b-llhn3x3v57] { position: absolute; top: calc(100% + 8px); font-size: .68rem; color: #b5ccdc; }
.hero-footer[b-llhn3x3v57] { border-top: 1px solid #ffffff18; padding: 10px 0; color: #b5ccdc; font-size: .71rem; }
.hero-footer > span:first-child[b-llhn3x3v57] { display: inline-flex; align-items: center; gap: 7px; }
.shipment-metrics[b-llhn3x3v57] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 16px 0; }
.metric[b-llhn3x3v57], .view-card[b-llhn3x3v57] { background: var(--mud-palette-surface); border: 1px solid var(--mud-palette-divider); border-radius: 14px; }
.metric[b-llhn3x3v57] { padding: 16px 20px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.metric-label[b-llhn3x3v57], .fact-grid dt[b-llhn3x3v57] { font-size: .71rem; color: var(--mud-palette-text-secondary); font-weight: 500; }
.metric strong[b-llhn3x3v57] { font-size: 1.15rem; line-height: 1.4; font-weight: 650; overflow-wrap: anywhere; }
.metric strong em[b-llhn3x3v57] { font-size: .78rem; font-style: normal; font-weight: 500; }
.metric small[b-llhn3x3v57] { font-size: .72rem; color: var(--mud-palette-text-secondary); overflow-wrap: anywhere; }
.view-detail-layout[b-llhn3x3v57] { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr); gap: 24px; align-items: start; }
.view-main-column[b-llhn3x3v57], .view-sidebar[b-llhn3x3v57] { display: grid; gap: 24px; min-width: 0; }
.view-card[b-llhn3x3v57] { padding: 26px; }
.card-heading[b-llhn3x3v57] { display: flex; gap: 13px; align-items: center; margin-bottom: 24px; }
.heading-icon[b-llhn3x3v57] { width: 40px; height: 40px; border-radius: 11px; background: var(--mud-palette-primary-hover); color: var(--mud-palette-primary); display: grid; place-items: center; flex-shrink: 0; }
.card-heading h2[b-llhn3x3v57] { margin: 0 0 4px; font-size: .98rem; font-weight: 650; }
.card-heading p[b-llhn3x3v57] { margin: 0; font-size: .74rem; line-height: 1.6; color: var(--mud-palette-text-secondary); }
.fact-grid[b-llhn3x3v57] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 30px; margin: 0; }
.fact-grid dd[b-llhn3x3v57] { margin: 6px 0 0; font-size: .85rem; font-weight: 550; overflow-wrap: anywhere; }
.shipment-description[b-llhn3x3v57] { padding-top: 20px; margin-top: 24px; border-top: 1px solid var(--mud-palette-divider); }
.shipment-description p[b-llhn3x3v57] { font-size: .85rem; margin: 8px 0 0; line-height: 1.7; white-space: pre-wrap; }
.cargo-flags[b-llhn3x3v57] { display: flex; flex-wrap: wrap; gap: 6px; }
.view-card h3[b-llhn3x3v57] { font-size: .82rem; font-weight: 650; margin: 20px 0 12px; }
.count-badge[b-llhn3x3v57] { font-size: .66rem; background: var(--mud-palette-background); padding: 3px 7px; border-radius: 6px; margin-left: 5px; }
.empty-caption[b-llhn3x3v57] { font-size: .78rem; color: var(--mud-palette-text-secondary); margin: 0; padding: 15px 0; }
.view-table-wrap[b-llhn3x3v57] { overflow-x: auto; }
.view-table[b-llhn3x3v57] { width: 100%; border-collapse: collapse; text-align: left; font-size: .78rem; }
.view-table th[b-llhn3x3v57] { font-weight: 550; color: var(--mud-palette-text-secondary); font-size: .68rem; padding: 12px 10px; background: var(--mud-palette-background); white-space: nowrap; }
.view-table td[b-llhn3x3v57] { padding: 15px 10px; border-bottom: 1px solid var(--mud-palette-divider); }
.milestone-list[b-llhn3x3v57] { margin: 0; padding: 0; list-style: none; }
.milestone-list li[b-llhn3x3v57] { position: relative; display: flex; gap: 16px; padding: 0 0 28px; }
.milestone-list li:last-child[b-llhn3x3v57] { padding-bottom: 0; }
.milestone-list li:not(:last-child)[b-llhn3x3v57]::after { content: ""; position: absolute; left: 15px; top: 34px; bottom: 3px; width: 1px; background: var(--mud-palette-divider); }
.milestone-dot[b-llhn3x3v57] { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; border: 1px solid var(--mud-palette-divider); color: var(--mud-palette-text-secondary); background: var(--mud-palette-background); }
.recorded .milestone-dot[b-llhn3x3v57] { background: #e1f5ee; color: #17694c; border-color: #b8e6d4; }
.milestone-list h3[b-llhn3x3v57] { font-size: .79rem; margin: 0 0 7px; }
.milestone-list strong[b-llhn3x3v57] { display: block; font-size: .83rem; font-weight: 600; }
.milestone-list small[b-llhn3x3v57] { display: block; color: var(--mud-palette-text-secondary); font-size: .68rem; margin-top: 4px; }
.reference-card[b-llhn3x3v57] { border-top: 3px solid #399aab; }
.reference-card .view-eyebrow[b-llhn3x3v57] { color: var(--mud-palette-primary); font-size: .59rem; }
.reference-card h2[b-llhn3x3v57] { font-size: 1.23rem; letter-spacing: -.025em; font-weight: 600; margin: 16px 0 10px; }
.reference-card p[b-llhn3x3v57] { font-size: .78rem; line-height: 1.8; color: var(--mud-palette-text-secondary); }
.reference-card > div[b-llhn3x3v57] { display: flex; gap: 7px; align-items: center; font-size: .65rem; margin-top: 22px; color: var(--mud-palette-text-secondary); }
.view-loading[b-llhn3x3v57], .view-empty[b-llhn3x3v57] { padding: 80px 24px; text-align: center; }
.view-loading p[b-llhn3x3v57], .view-empty p[b-llhn3x3v57] { color: var(--mud-palette-text-secondary); margin: 20px 0; }
.view-empty h1[b-llhn3x3v57] { font-size: 1.5rem; margin-top: 18px; }
@media (max-width: 1000px) { .shipment-metrics[b-llhn3x3v57] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .view-detail-layout[b-llhn3x3v57] { grid-template-columns: minmax(0, 1fr); } .view-sidebar[b-llhn3x3v57] { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } }
@media (max-width: 600px) { .shipment-view[b-llhn3x3v57] { padding: 0 0 30px; } .shipment-hero[b-llhn3x3v57] { padding: 18px 20px 0; border-radius: 14px; } .route-display[b-llhn3x3v57] { grid-template-columns: minmax(0, 1fr) 45px minmax(0, 1fr); gap: 10px; margin: 20px 0 24px; } .route-connection[b-llhn3x3v57] { gap: 0; } .route-connection > span[b-llhn3x3v57] { display: none; } .route-icon[b-llhn3x3v57] { width: 40px; height: 40px; } .route-end h2[b-llhn3x3v57] { font-size: 1.05rem; } .route-end p[b-llhn3x3v57] { font-size: .73rem; } .shipment-metrics[b-llhn3x3v57] { gap: 10px; margin: 16px 0; } .metric[b-llhn3x3v57] { padding: 16px; } .metric strong[b-llhn3x3v57] { font-size: 1rem; } .view-card[b-llhn3x3v57] { padding: 22px; } .view-sidebar[b-llhn3x3v57] { grid-template-columns: minmax(0, 1fr); } .view-detail-layout[b-llhn3x3v57], .view-main-column[b-llhn3x3v57], .view-sidebar[b-llhn3x3v57] { gap: 16px; } .fact-grid[b-llhn3x3v57] { gap: 20px 16px; } .view-actions[b-llhn3x3v57] { justify-content: flex-start; gap: 10px; } .readonly-label[b-llhn3x3v57] { font-size: .7rem; } }