/* /Components/Ai/AiCopilotFab.razor.rz.scp.css */
.ai-copilot-fab[b-f73v9drqcf] {
    position: fixed;
    bottom: 28px;
    right: 28px;
    z-index: 1000;
}

.ai-copilot-fab[b-f73v9drqcf]  .ai-copilot-fab__button {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    box-shadow: 0 6px 24px rgba(26, 86, 219, 0.45);
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.ai-copilot-fab__tip[b-f73v9drqcf] {
    font-size: 0.82rem;
    font-weight: 500;
}

.ai-copilot-fab__tip[b-f73v9drqcf]  .mud-icon-root {
    color: #38BDF8;
}

.ai-copilot-fab__key[b-f73v9drqcf] {
    background: rgba(255, 255, 255, 0.2);
    font-size: 0.72rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-weight: 600;
}

.ai-copilot-fab__or[b-f73v9drqcf] {
    font-size: 0.72rem;
    opacity: 0.7;
}
/* /Components/Dashboard/AlertSummaryCard.razor.rz.scp.css */
.alert-levels[b-a2nd1h5l5l] {
    padding: 16px;
}

.alert-level[b-a2nd1h5l5l] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    padding: 12px 14px;
    background: var(--color-background);
    border-left: 3px solid var(--level);
    border-radius: 6px;
}

.alert-level--green[b-a2nd1h5l5l] {
    --level: var(--color-success);
}

.alert-level--yellow[b-a2nd1h5l5l] {
    --level: var(--color-warning);
}

.alert-level--red[b-a2nd1h5l5l] {
    --level: var(--color-critical);
}

.alert-level .material-symbols-outlined[b-a2nd1h5l5l] {
    font-size: 18px;
    color: var(--level);
}

.alert-level__label[b-a2nd1h5l5l] {
    flex: 1;
    font-size: 0.8125rem;
}

.alert-level__value[b-a2nd1h5l5l] {
    font-size: 1.25rem;
    font-weight: 800;
    font-family: var(--font-display);
}
/* /Components/Dashboard/KpiCard.razor.rz.scp.css */
/* The card frame (.kpi-card, -content, -icon, -label, -value) is in app.css. */

.kpi-card--clickable[b-42ywob0zw9] {
    cursor: pointer;
}

.kpi-card__label-row[b-42ywob0zw9] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kpi-card__value-row[b-42ywob0zw9] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.kpi-card-value--critical[b-42ywob0zw9] {
    color: var(--color-critical);
}

.kpi-card-value--warning[b-42ywob0zw9] {
    color: var(--color-warning-text);
}

.kpi-card-value--success[b-42ywob0zw9] {
    color: var(--color-success);
}

.kpi-card__trend[b-42ywob0zw9] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-text-secondary);
}

.kpi-card__trend--up[b-42ywob0zw9] {
    color: var(--color-success);
}

.kpi-card__trend--down[b-42ywob0zw9] {
    color: var(--color-critical);
}

.kpi-card__note[b-42ywob0zw9] {
    font-size: 0.75rem;
    color: var(--color-text-secondary);
}

.kpi-card-icon .material-symbols-outlined[b-42ywob0zw9] {
    font-size: 18px;
    color: var(--color-text-secondary);
}
/* /Components/Dashboard/KpiDetailCard.razor.rz.scp.css */
.kpi-detail-card[b-9p6zfo9w2w] {
    position: relative;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-default);
    padding: 16px;
    transition: box-shadow 0.15s ease, transform 0.1s ease;
    overflow: hidden;
}

.kpi-detail-card:hover[b-9p6zfo9w2w] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.kpi-detail-header[b-9p6zfo9w2w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.kpi-detail-name[b-9p6zfo9w2w] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-secondary);
}

.kpi-detail-badge[b-9p6zfo9w2w] {
    font-size: 0.625rem;
    padding: 2px 6px;
    border-radius: 3px;
    background: var(--color-background);
    color: var(--color-text-secondary);
    font-weight: 500;
}

.kpi-detail-body[b-9p6zfo9w2w] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.kpi-detail-value-row[b-9p6zfo9w2w] {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.kpi-detail-value[b-9p6zfo9w2w] {
    font-family: var(--font-display);
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.1;
}

.kpi-detail-unit[b-9p6zfo9w2w] {
    font-size: 0.75rem;
    color: var(--color-text-secondary);
    font-weight: 500;
}

.kpi-detail-trend[b-9p6zfo9w2w] {
    font-size: 0.875rem;
    font-weight: 700;
}

.trend-good[b-9p6zfo9w2w] {
    color: var(--color-success);
}

.trend-bad[b-9p6zfo9w2w] {
    color: var(--color-critical);
}

.kpi-detail-footer[b-9p6zfo9w2w] {
    margin-top: 8px;
    font-size: 0.6875rem;
    color: var(--color-text-secondary);
    font-family: var(--font-mono);
}

/* Risk level indicator bar at bottom */
.kpi-detail-indicator[b-9p6zfo9w2w] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
}

/* Risk level colors */
.kpi-risk-green .kpi-detail-indicator[b-9p6zfo9w2w] {
    background: var(--color-success);
}

.kpi-risk-green .kpi-detail-value[b-9p6zfo9w2w] {
    color: var(--color-text-main);
}

.kpi-risk-yellow .kpi-detail-indicator[b-9p6zfo9w2w] {
    background: var(--color-warning);
}

.kpi-risk-yellow .kpi-detail-value[b-9p6zfo9w2w] {
    color: var(--color-warning);
}

.kpi-risk-red .kpi-detail-indicator[b-9p6zfo9w2w] {
    background: var(--color-critical);
}

.kpi-risk-red .kpi-detail-value[b-9p6zfo9w2w] {
    color: var(--color-critical);
}
/* /Components/Dashboard/KpiPanel.razor.rz.scp.css */
.kpi-panel[b-6dvnf2agdv] {
    padding: 16px;
}

.kpi-panel__empty[b-6dvnf2agdv] {
    padding: 24px;
    text-align: center;
    color: var(--color-text-secondary);
}
/* /Components/Dashboard/ShipmentStageBars.razor.rz.scp.css */
.bars[b-xdw7ib2y8s] {
    padding: 16px;
}

.bars__empty[b-xdw7ib2y8s] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    color: var(--color-text-secondary);
}

.bars__note[b-xdw7ib2y8s] {
    font-size: 0.6875rem;
    color: var(--color-text-secondary);
}
/* /Components/Dashboard/ShipmentStateDonut.razor.rz.scp.css */
.donut[b-vep69c2110] {
    display: flex;
    justify-content: center;
    padding: 16px;
}

.donut__empty[b-vep69c2110] {
    display: flex;
    align-items: center;
    height: 220px;
    color: var(--color-text-secondary);
}

.legend[b-vep69c2110] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    padding: 8px 16px 12px;
}

.legend__item[b-vep69c2110] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.6875rem;
}

/* The colour is data (the state's step on the ramp), handed over as --dot. */
.legend__dot[b-vep69c2110] {
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--dot);
}

.legend__label[b-vep69c2110] {
    color: var(--color-text-secondary);
}

.legend__value[b-vep69c2110] {
    font-weight: 600;
    font-family: var(--font-mono);
}
/* /Components/Integrations/Film/ExternalSyncConfigTable.razor.rz.scp.css */
.topic[b-xt313e4u7b] {
    font-family: monospace;
    font-size: 0.85rem;
}
/* /Components/Integrations/Film/ExternalSyncInstanceLogTable.razor.rz.scp.css */
.instance-id[b-qu8k0o23nn] {
    font-family: monospace;
    font-size: 0.85rem;
}
/* /Components/Integrations/Film/FilmSyncLogFilterBar.razor.rz.scp.css */
.filter-bar[b-olx3c1oko1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
    padding: 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-default);
}

.filter-bar[b-olx3c1oko1]  .filter-bar__label {
    color: var(--color-text-secondary);
}

.filter-bar[b-olx3c1oko1]  .filter-bar__search {
    max-width: 280px;
}
/* /Components/Integrations/Film/FilmSyncLogTable.razor.rz.scp.css */
.entity-id[b-q1qjny2o1j] {
    font-family: monospace;
    font-size: 0.85rem;
}

.error-text[b-q1qjny2o1j] {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-critical);
}

.pager[b-q1qjny2o1j] {
    padding: 12px 16px;
    border-top: 1px solid var(--color-border);
}
/* /Components/Integrations/Film/FilmSyncStatsCards.razor.rz.scp.css */
/* The papers are MudBlazor's, so they are styled through ::deep from the wrapper. */

.sync-stats[b-ucs3mn92hf]  .sync-stat {
    padding: 16px;
}

.sync-stats[b-ucs3mn92hf]  .sync-stat__label {
    color: var(--color-text-secondary);
}

.sync-stats[b-ucs3mn92hf]  .sync-stat__value--good {
    color: var(--color-success);
}

.sync-stats[b-ucs3mn92hf]  .sync-stat__value--bad {
    color: var(--color-critical);
}
/* /Components/Integrations/Mail/MailAttachmentStrip.razor.rz.scp.css */
.attachments[b-ete3u6wlg4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
    padding: 6px 12px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
}

.attachments__label[b-ete3u6wlg4] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-right: 4px;
    flex-shrink: 0;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--color-text-secondary);
}

.attachments__label[b-ete3u6wlg4]  .mud-icon-root {
    font-size: 0.875rem;
}

.attachments__label[b-ete3u6wlg4]  .attachments__spinner {
    width: 12px;
    height: 12px;
}

.attachments[b-ete3u6wlg4]  .attachments__retry {
    font-size: 0.6875rem;
}

.mail-att-pill[b-ete3u6wlg4]  .mud-icon-root,
.mail-mentioned-doc-pill[b-ete3u6wlg4]  .mud-icon-root {
    font-size: 0.75rem;
}

.attachments__name[b-ete3u6wlg4] {
    max-width: 150px;
}

.attachments__size[b-ete3u6wlg4] {
    font-size: 0.625rem;
    color: var(--color-text-secondary);
}
/* /Components/Integrations/Mail/MailExtractedFields.razor.rz.scp.css */
.no-signal[b-l7skfnba1l] {
    padding: 4px 8px;
    font-size: 0.75rem;
}

.no-signal[b-l7skfnba1l]  .mud-icon-root {
    font-size: 0.875rem;
}

.mail-hud-value[b-l7skfnba1l]  .route-arrow {
    font-size: 0.6875rem;
    margin: 0 4px;
}

.mail-hud-card[b-l7skfnba1l]  .copy-button {
    font-size: 0.75rem;
}

.trade-terms[b-l7skfnba1l] {
    font-size: 0.625rem;
    padding: 0 4px;
}
/* /Components/Integrations/Mail/MailIntelligencePanel.razor.rz.scp.css */
.intelligence__head[b-y2p45igrj5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 6px;
}

.intelligence__head[b-y2p45igrj5]  .mud-icon-root {
    font-size: 1rem;
}

.intelligence__head .mail-badge[b-y2p45igrj5]  .mud-icon-root,
.mail-verdict-line[b-y2p45igrj5]  .mud-icon-root {
    font-size: 0.8125rem;
}

.intelligence__head[b-y2p45igrj5]  .intelligence__title {
    font-size: 0.8125rem;
    font-weight: 700;
}

.intelligence__head[b-y2p45igrj5]  .intelligence__spinner {
    width: 13px;
    height: 13px;
}

.intelligence__consignee[b-y2p45igrj5] {
    max-width: 180px;
    opacity: 0.8;
    font-weight: 400;
}

.intelligence__error[b-y2p45igrj5] {
    font-size: 0.75rem;
}

.intelligence__refs[b-y2p45igrj5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
    padding-top: 4px;
    border-top: 1px solid var(--color-border);
}

.intelligence__refs-label[b-y2p45igrj5] {
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--color-text-secondary);
}

.intelligence__ref[b-y2p45igrj5] {
    font-size: 0.6875rem;
    padding: 0 5px;
}
/* /Components/Integrations/Mail/MailListFilterPanel.razor.rz.scp.css */
.hidden-notice[b-yv6l66lzw0] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
}

.hidden-notice[b-yv6l66lzw0]  .hidden-notice__icon {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
}

.hidden-notice[b-yv6l66lzw0]  .hidden-notice__view {
    min-width: 0;
    padding: 0 4px;
}

.showing-count[b-yv6l66lzw0] {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
    font-size: 0.6875rem;
    color: var(--color-text-secondary);
}
/* /Components/Integrations/Mail/MailReadingHeader.razor.rz.scp.css */
.reading-header[b-cmf1mfhdhr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
}

.reading-header__about[b-cmf1mfhdhr] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex-grow: 1;
    overflow: hidden;
}

.reading-header__actions[b-cmf1mfhdhr] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.reading-header[b-cmf1mfhdhr]  .reading-subject {
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.2;
    max-width: 480px;
}

.reading-header[b-cmf1mfhdhr]  .reading-sender {
    font-size: 0.75rem;
    min-width: 0;
    flex-shrink: 1;
}

.reading-header[b-cmf1mfhdhr]  .reading-time {
    font-size: 0.75rem;
    flex-shrink: 0;
}

.reading-verdict[b-cmf1mfhdhr] {
    flex-shrink: 0;
    height: 20px;
    padding: 1px 6px;
    font-size: 0.6875rem;
}

.reading-header[b-cmf1mfhdhr]  .mail-badge .mud-icon-root {
    font-size: 0.75rem;
}

.reading-avatar[b-cmf1mfhdhr]  .mud-avatar {
    width: 26px;
    height: 26px;
    font-size: 11px;
    font-weight: 700;
}

.reading-avatar[b-cmf1mfhdhr]  .mud-icon-root {
    font-size: 13px;
}
/* /Components/Integrations/Mail/MailThreadCard.razor.rz.scp.css */
.thread-card[b-wfrysu7py7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.thread-row[b-wfrysu7py7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.thread-row__main[b-wfrysu7py7] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.thread-row__main--history[b-wfrysu7py7] {
    flex: 0 1 65%;
    gap: 4px;
}

.thread-row__tags[b-wfrysu7py7] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.thread-ref[b-wfrysu7py7] {
    color: var(--color-primary);
    background: var(--color-primary-light);
    border-color: rgba(21, 101, 192, 0.25);
    font-weight: 700;
}

.thread-sender[b-wfrysu7py7] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--color-text-main);
    max-width: 140px;
}

.thread-subject[b-wfrysu7py7] {
    display: block;
    font-size: 0.75rem;
}

.thread-date[b-wfrysu7py7] {
    flex-shrink: 0;
    font-size: 0.6875rem;
    color: var(--color-text-secondary);
}

.thread-date--small[b-wfrysu7py7] {
    font-size: 0.625rem;
}

.thread-row[b-wfrysu7py7]  .thread-attach {
    font-size: 0.8125rem;
}

.thread-history[b-wfrysu7py7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 4px;
    padding: 0 4px 0 12px;
    border-left: 2px solid rgba(21, 101, 192, 0.4);
}

.thread-row[b-wfrysu7py7]  .thread-history__arrow {
    font-size: 0.75rem;
}

.thread-preview[b-wfrysu7py7] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    font-size: 0.6875rem;
    color: var(--mud-palette-text-secondary);
}

.thread-row__main--history .thread-sender[b-wfrysu7py7] {
    max-width: none;
}

.thread-sender--read[b-wfrysu7py7] {
    font-weight: 400;
    color: var(--color-text-secondary);
}
/* /Components/Integrations/Mail/MailThreadNavigator.razor.rz.scp.css */
.thread-nav[b-ay7zdb1ghw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    padding: 6px 16px;
    border-bottom: 1px solid var(--color-border);
}
/* /Components/Shipment/Detail/BillOfLadingCard.razor.rz.scp.css */
.bl-item[b-mp46eoxc6t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: var(--color-background);
    border: 1px solid var(--color-border);
    border-radius: 6px;
}

.bl-item__number[b-mp46eoxc6t] {
    font-weight: 600;
    font-size: 0.875rem;
}

.bl-item__vessel[b-mp46eoxc6t] {
    font-size: 0.75rem;
    color: var(--color-text-secondary);
    margin-top: 2px;
}

.bl-item[b-mp46eoxc6t]  .bl-type-chip {
    font-size: 0.65rem;
    height: 18px;
    padding: 0 4px;
}

.bl-empty[b-mp46eoxc6t] {
    text-align: center;
    padding: 12px;
    color: var(--color-text-secondary);
    font-size: 0.8125rem;
}
/* /Components/Shipment/Detail/ShipmentFollowUpAlert.razor.rz.scp.css */
.follow-up-alert[b-4vz8v9harl] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: var(--color-critical-bg);
    border: 1px solid rgba(198, 40, 40, 0.3);
    border-radius: var(--radius-default);
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--color-critical);
}

.follow-up-alert .material-symbols-outlined[b-4vz8v9harl] {
    font-size: 20px;
}

.follow-up-alert--strip[b-4vz8v9harl] {
    gap: 8px;
    padding: 12px 20px;
    border: none;
    border-bottom: 1px solid rgba(198, 40, 40, 0.2);
    border-radius: 0;
    font-weight: 500;
}

.follow-up-alert--strip .material-symbols-outlined[b-4vz8v9harl] {
    font-size: 18px;
}
/* /Components/Shipment/Detail/ShipmentNextStepBar.razor.rz.scp.css */
.next-step-bar[b-7go5ls7np1] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    min-height: 56px;
    padding: 8px 16px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-default);
}

.next-step-label[b-7go5ls7np1] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-text-secondary);
}

.next-step-transition[b-7go5ls7np1] {
    font-size: 0.875rem;
    color: var(--color-text-main);
}

.next-step-blocker[b-7go5ls7np1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--color-warning-text);
    background: var(--color-warning-bg);
    border: 1px solid rgba(230, 81, 0, 0.25);
    border-radius: var(--radius-default);
}

.next-step-hint[b-7go5ls7np1] {
    font-size: 0.8125rem;
    color: var(--color-text-secondary);
}

.next-step-transition[b-7go5ls7np1]  .next-step-arrow {
    font-size: 16px;
    vertical-align: -3px;
}

.next-step-blocker .material-symbols-outlined[b-7go5ls7np1] {
    font-size: 16px;
}
/* /Components/Shipment/Detail/ShipmentSummaryBar.razor.rz.scp.css */
.summary-bar[b-pokh1mfn6r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    align-items: start;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-default);
    padding: 14px 18px;
}

.summary-bar[b-pokh1mfn6r]  .route-chip {
    font-size: 0.72rem;
    height: 20px;
    padding: 0 6px;
    margin: 0;
}

.summary-bar[b-pokh1mfn6r]  .client-picker {
    min-width: 140px;
}

/* Compact (quick-view drawer): five boxed fields in one row. */
.summary-bar--compact[b-pokh1mfn6r] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    margin-top: 8px;
    padding: 0;
    background: none;
    border: none;
}

.summary-bar--compact[b-pokh1mfn6r]  .pn-field {
    padding: 6px 8px;
    background: var(--color-background);
    border: 1px solid var(--color-border);
    border-radius: 6px;
}
/* /Components/Shipment/Detail/SupplyChain/SupplyChainDateVariance.razor.rz.scp.css */
.date-variance[b-m562c8wlab] {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
}

.date-variance__badge[b-m562c8wlab] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
}

.date-variance__badge--late[b-m562c8wlab] {
    background: rgba(255, 143, 0, 0.12);
    color: var(--color-warning-text, #e65100);
    border: 1px solid rgba(255, 143, 0, 0.35);
}

.date-variance__badge--ok[b-m562c8wlab] {
    background: rgba(46, 125, 50, 0.12);
    color: var(--color-success, #2e7d32);
    border: 1px solid rgba(46, 125, 50, 0.35);
}
/* /Components/Shipment/History/ShipmentActivityFeed.razor.rz.scp.css */
.activity-title[b-8y8mwdhx01] {
    display: block;
    margin-bottom: 8px;
}

.activity-head[b-8y8mwdhx01] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 2px;
}

.activity-action[b-8y8mwdhx01] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-text-secondary);
}

.activity-notes[b-8y8mwdhx01] {
    margin: 4px 0 0;
    font-size: 0.8125rem;
    color: var(--color-text-main);
}

.activity-operator[b-8y8mwdhx01] {
    font-size: 0.6875rem;
    color: var(--color-text-secondary);
}
/* /Components/Shipment/History/ShipmentNoteComposer.razor.rz.scp.css */
.note-composer[b-pvj8ykvy3s] {
    margin-bottom: 16px;
}

.note-composer__buttons[b-pvj8ykvy3s] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}
/* /Components/Shipment/List/AiSemanticFilterBanner.razor.rz.scp.css */
.ai-filter-banner[b-3jwqbvudi8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 12px;
    background: linear-gradient(135deg, rgba(21, 101, 192, 0.06) 0%, rgba(156, 39, 176, 0.06) 100%);
    border: 1.5px solid rgba(21, 101, 192, 0.25);
    border-radius: var(--radius-default, 4px);
}

.ai-filter-banner__query[b-3jwqbvudi8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.ai-filter-banner__explanation[b-3jwqbvudi8] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-primary);
}

.ai-filter-banner[b-3jwqbvudi8]  .ai-filter-banner__chip {
    font-size: 0.75rem;
    font-weight: 500;
}
/* /Components/Shipment/List/ShipmentBulkActionBar.razor.rz.scp.css */
.bulk-bar[b-f0y5qfys3j] {
    position: fixed;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1200;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 22px;
    background: var(--color-surface, #ffffff);
    border: 1.5px solid var(--color-primary, #1565C0);
    border-radius: 50px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.bulk-bar__count[b-f0y5qfys3j] {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--color-primary);
}

.bulk-bar__divider[b-f0y5qfys3j] {
    height: 18px;
    width: 1px;
    background: var(--color-border);
}

.bulk-bar[b-f0y5qfys3j]  .bulk-bar__button {
    border-radius: 20px;
}
/* /Components/Shipment/Timeline/UnifiedTimeline.razor.rz.scp.css */
/* UnifiedTimeline — MudTimeline-based container-aware timeline with inline date editing */

.unified-timeline-container[b-t3jb00nj0p] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ===== Container Selector Chips ===== */

.container-selector[b-t3jb00nj0p] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--color-border);
}

/* ===== Timeline Item Content ===== */

.timeline-item-header[b-t3jb00nj0p] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
    border-radius: 4px;
    transition: background 0.15s ease;
}

.timeline-item-header:hover[b-t3jb00nj0p] {
    background: rgba(0, 0, 0, 0.03);
}

/* State name color variants */
.timeline-name-completed[b-t3jb00nj0p] {
    color: var(--color-success) !important;
}

.timeline-name-current[b-t3jb00nj0p] {
    color: var(--color-primary) !important;
}

.timeline-name-future[b-t3jb00nj0p] {
    color: var(--color-text-secondary) !important;
}

/* Date display */
.timeline-date-actual[b-t3jb00nj0p] {
    color: var(--color-success) !important;
    font-weight: 600 !important;
}

.timeline-date-estimated[b-t3jb00nj0p] {
    color: var(--color-text-secondary) !important;
    font-style: italic !important;
}

/* ===== Inline Expanded Detail ===== */

.timeline-detail[b-t3jb00nj0p] {
    margin-top: 8px;
    padding: 10px 12px;
    background: var(--color-background);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-default, 4px);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Date fields (shared by detail panel) */
.date-field-row[b-t3jb00nj0p] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.date-field-label[b-t3jb00nj0p] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    min-width: 80px;
}

.date-field-value[b-t3jb00nj0p] {
    font-size: 0.8125rem;
    color: var(--color-text-main);
}

.date-field-empty[b-t3jb00nj0p] {
    font-size: 0.8125rem;
    color: var(--color-text-secondary);
}

.date-range[b-t3jb00nj0p] {
    font-style: italic;
}

/* State logs */
.state-logs[b-t3jb00nj0p] {
    margin-top: 4px;
    padding-top: 8px;
    border-top: 1px solid var(--color-border);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.state-log-entry[b-t3jb00nj0p] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
}

.log-timestamp[b-t3jb00nj0p] {
    color: var(--color-text-secondary);
}

.log-operator[b-t3jb00nj0p] {
    color: var(--color-primary);
    font-weight: 600;
}

.log-notes[b-t3jb00nj0p] {
    color: var(--color-text-main);
    font-style: italic;
}

/* ===== Advance Action ===== */

.advance-action[b-t3jb00nj0p] {
    display: flex;
    justify-content: center;
    padding: 4px 0;
}

/* ===== Financial Section ===== */

.financial-section[b-t3jb00nj0p] {
    padding-top: 8px;
    border-top: 1px solid var(--color-border);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.financial-dates[b-t3jb00nj0p] {
    display: flex;
    gap: 24px;
}

.financial-item[b-t3jb00nj0p] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* ===== Vertical Stepper for Compact / Drawer Mode ===== */

.vertical-stepper[b-t3jb00nj0p] {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-left: 2px;
}

/* --- Vertical Stepper (Compact / Drawer Mode) --- */
.vertical-stepper[b-t3jb00nj0p] {
    display: flex;
    flex-direction: column;
    padding: 6px 0;
}

.stepper-step[b-t3jb00nj0p] {
    display: flex;
    position: relative;
    min-height: 48px;
}

.stepper-rail[b-t3jb00nj0p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 24px;
    flex-shrink: 0;
    margin-right: 14px;
    position: relative;
}

.stepper-dot[b-t3jb00nj0p] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    z-index: 2;
    background: var(--color-surface, #ffffff);
    transition: all 0.2s ease;
}

.stepper-dot.completed[b-t3jb00nj0p] {
    background: var(--color-success, #2e7d32);
    box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.15);
}

.stepper-dot.current[b-t3jb00nj0p] {
    position: relative;
    background: #ffffff;
    border: 2px solid var(--color-primary, #1565C0);
}

.pulse-ring[b-t3jb00nj0p] {
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 2px solid var(--color-primary, #1565C0);
    animation: stepper-pulse-b-t3jb00nj0p 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.pulse-center[b-t3jb00nj0p] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--color-primary, #1565C0);
}

@keyframes stepper-pulse-b-t3jb00nj0p {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.4); opacity: 0; }
}

.stepper-dot.future[b-t3jb00nj0p] {
    background: var(--color-surface, #ffffff);
    border: 2px solid var(--color-border, #E0E3E7);
}

.stepper-number[b-t3jb00nj0p] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--color-text-secondary, #5F6368);
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
}

.stepper-line[b-t3jb00nj0p] {
    width: 2px;
    flex-grow: 1;
    min-height: 26px;
    margin: 2px 0;
    transition: background 0.2s ease;
}

.stepper-line.completed[b-t3jb00nj0p] {
    background: var(--color-success, #2e7d32);
}

.stepper-line.future[b-t3jb00nj0p] {
    background: var(--color-border, #E0E3E7);
}

.stepper-content[b-t3jb00nj0p] {
    flex-grow: 1;
    padding-bottom: 18px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.stepper-header[b-t3jb00nj0p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.stepper-title[b-t3jb00nj0p] {
    font-size: 0.85rem;
    font-weight: 600;
}

.stepper-title.completed[b-t3jb00nj0p] {
    color: var(--color-text-main, #1A1C1E);
}

.stepper-title.current[b-t3jb00nj0p] {
    color: var(--color-primary, #1565C0);
    font-weight: 700;
}

.stepper-title.future[b-t3jb00nj0p] {
    color: var(--color-text-secondary, #5F6368);
    font-weight: 500;
}

.stepper-node-badge[b-t3jb00nj0p] {
    font-size: 0.75rem;
    color: var(--color-text-secondary, #5F6368);
    font-weight: 400;
    margin-left: 2px;
}

.stepper-date-actual[b-t3jb00nj0p] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-success, #2e7d32);
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    margin-left: auto;
}

.stepper-date-estimated[b-t3jb00nj0p] {
    font-size: 0.75rem;
    color: var(--color-text-secondary, #5F6368);
    font-style: italic;
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    margin-left: auto;
}

.stepper-date-missing[b-t3jb00nj0p] {
    font-size: 0.75rem;
    color: var(--color-secondary, #ff8f00);
    font-weight: 600;
    margin-left: auto;
}

.stepper-doc-chips[b-t3jb00nj0p] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
}

.stepper-doc-tag[b-t3jb00nj0p] {
    font-size: 0.6875rem;
    font-weight: 600;
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    color: var(--color-text-secondary, #5F6368);
    background: var(--color-background, #F5F7FA);
    border: 1px solid var(--color-border, #E0E3E7);
    border-radius: 4px;
    padding: 1px 6px;
    line-height: 18px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    transition: all 0.15s ease;
    user-select: none;
}

.stepper-doc-tag:hover[b-t3jb00nj0p] {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
}

.stepper-doc-tag.uploaded[b-t3jb00nj0p] {
    color: var(--color-success, #2e7d32);
    background: rgba(46, 125, 50, 0.08);
    border-color: rgba(46, 125, 50, 0.28);
}

.stepper-doc-tag.warning[b-t3jb00nj0p] {
    color: var(--color-warning-text, #e65100);
    background: rgba(255, 143, 0, 0.1);
    border-color: rgba(255, 143, 0, 0.35);
}

.stepper-doc-tag.overdue[b-t3jb00nj0p] {
    color: var(--color-critical, #c62828);
    background: rgba(198, 40, 40, 0.08);
    border-color: rgba(198, 40, 40, 0.3);
}

.stepper-current-body[b-t3jb00nj0p] {
    background: rgba(21, 101, 192, 0.04);
    border: 1px solid rgba(21, 101, 192, 0.15);
    border-radius: 8px;
    padding: 10px 12px;
    margin-top: 4px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.current-date-row[b-t3jb00nj0p] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.state-distribution[b-t3jb00nj0p] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.state-distribution-item[b-t3jb00nj0p] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
}

.container-selector-dropdown[b-t3jb00nj0p] {
    padding-bottom: 8px;
}

/* ===== Responsive ===== */

@media (max-width: 768px) {
    .date-field-row[b-t3jb00nj0p] {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .financial-dates[b-t3jb00nj0p] {
        flex-direction: column;
        gap: 8px;
    }
}
/* /Shared/Mail/InboundMailWorkbenchView.razor.rz.scp.css */
/* The panes are MudPaper / MudCard, whose own elements carry no scope
   attribute, so they are styled through ::deep from the workbench root. */

.workbench-header[b-nry9pne9ir] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding: 2px 4px;
}

.mail-workbench[b-nry9pne9ir] {
    max-width: 1750px;
}

.mail-workbench[b-nry9pne9ir]  .workbench-pane {
    height: calc(100vh - 110px);
    min-height: 600px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
    overflow: hidden;
}

.mail-workbench[b-nry9pne9ir]  .workbench-pane--list,
.mail-workbench[b-nry9pne9ir]  .workbench-pane--reading {
    display: flex;
    flex-direction: column;
}

.mail-workbench[b-nry9pne9ir]  .workbench-pane--placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 48px;
    min-height: 550px;
}

.mail-workbench[b-nry9pne9ir]  .workbench-pane--dashed {
    border-style: dashed;
}

.mail-workbench[b-nry9pne9ir]  .placeholder-icon {
    font-size: 3.5rem;
}

.mail-workbench[b-nry9pne9ir]  .placeholder-body {
    max-width: 420px;
}

.list-toolbar[b-nry9pne9ir] {
    flex-shrink: 0;
    padding: 8px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-background);
}

.reload-bar[b-nry9pne9ir] {
    flex-shrink: 0;
    height: 2px;
}

.reload-bar[b-nry9pne9ir]  .mud-progress-linear {
    height: 2px;
}

.conversation-list[b-nry9pne9ir] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 8px;
    padding: 8px;
    overflow-x: hidden;
    overflow-y: auto;
}

.load-more[b-nry9pne9ir] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 0;
    font-size: 0.75rem;
    color: var(--color-text-secondary);
}

.load-more[b-nry9pne9ir]  .load-more__spinner {
    width: 16px;
    height: 16px;
}

.list-end[b-nry9pne9ir] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 16px 0;
    font-size: 0.6875rem;
    letter-spacing: 0.02em;
    color: var(--color-text-secondary);
    opacity: 0.6;
}

.list-end__rule[b-nry9pne9ir] {
    width: 24px;
    border-top: 1px dashed var(--color-border);
}
/* /Shared/Shipments/ShipmentDetailView.razor.rz.scp.css */
.shipment-detail[b-ketllaxszm] {
    padding: 20px 24px 80px 24px;
    min-height: 100%;
    overflow-y: auto;
}

/* Header */

.detail-header[b-ketllaxszm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.detail-header__title[b-ketllaxszm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.detail-header__title[b-ketllaxszm]  .mud-icon-button {
    margin-right: 4px;
}

.detail-header__po[b-ketllaxszm] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--color-text-main);
}

.detail-header__title[b-ketllaxszm]  .state-chip {
    font-size: 0.72rem;
    height: 22px;
    font-weight: 600;
}

/* Bottom tabs */

.detail-tabs[b-ketllaxszm] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-default);
    padding: 16px;
}

.detail-tabs__bar[b-ketllaxszm] {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 12px;
    margin-bottom: 16px;
}

.detail-tabs[b-ketllaxszm]  .tab-title {
    font-weight: 700;
}
/* /Shared/Shipments/ShipmentListView.razor.rz.scp.css */
.shipment-list[b-mo3tih3a4t] {
    padding: 24px 24px 80px 24px;
    min-height: 100%;
    overflow-y: auto;
    outline: none;
}

.list-header[b-mo3tih3a4t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.list-header__title[b-mo3tih3a4t] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-text-main);
}

.shipment-list[b-mo3tih3a4t]  .shipment-table {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-default);
}
/* /Shared/Shipments/ShipmentQuickView.razor.rz.scp.css */
/* The drawer frame (.shipment-drawer, backdrop, open/close transition) is in
   app.css; this file lays out what is inside it. */

.drawer-loading[b-yvwg63zie7] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 24px;
}

.drawer-header[b-yvwg63zie7] {
    padding: 16px 20px 12px 20px;
    border-bottom: 1px solid var(--color-border);
}

.drawer-header__bar[b-yvwg63zie7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.drawer-header__title[b-yvwg63zie7] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.drawer-header__po[b-yvwg63zie7] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--color-text-main);
}

.drawer-header__position[b-yvwg63zie7] {
    padding: 2px 6px;
    font-size: 0.75rem;
    color: var(--color-text-secondary);
    background: var(--color-background);
    border: 1px solid var(--color-border);
    border-radius: 4px;
}

.drawer-header__nav[b-yvwg63zie7] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-right: 6px;
}

.drawer-tabs[b-yvwg63zie7] {
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 10px 20px;
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-border);
}

.drawer-body[b-yvwg63zie7] {
    padding: 20px 24px;
}
/* /Shared/Ui/PnField.razor.rz.scp.css */
.pn-field[b-brmovthlnb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.pn-field__label[b-brmovthlnb] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-secondary);
}

.pn-field__row[b-brmovthlnb] {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

.pn-field__value[b-brmovthlnb] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-text-main);
}

.pn-field__value--emphasis[b-brmovthlnb] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--color-primary);
}

.pn-field__value--muted[b-brmovthlnb] {
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--color-text-secondary);
}

.pn-field__value--truncate[b-brmovthlnb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pn-field__row[b-brmovthlnb]  .mud-icon-button {
    padding: 2px;
}
/* /Shared/Ui/PnSectionCard.razor.rz.scp.css */
.pn-section-card[b-fq393ki2pn] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-default);
    overflow: hidden;
}

.pn-section-card--fill[b-fq393ki2pn] {
    height: 100%;
}

.pn-section-card__header[b-fq393ki2pn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 16px 8px 16px;
    border-bottom: 1px solid var(--color-border);
}

.pn-section-card--large .pn-section-card__header[b-fq393ki2pn] {
    padding: 14px 18px 10px 18px;
}

.pn-section-card__title[b-fq393ki2pn] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pn-section-card__title[b-fq393ki2pn]  .pn-section-card__title-text {
    font-weight: 700;
}

.pn-section-card__body[b-fq393ki2pn] {
    padding: 12px 16px;
}

.pn-section-card--large .pn-section-card__body[b-fq393ki2pn] {
    padding: 16px 20px;
}

/* Panel: the dashboard look. */
.pn-section-card--panel[b-fq393ki2pn] {
    background: var(--color-surface);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.pn-section-card--panel .pn-section-card__header[b-fq393ki2pn] {
    padding: 14px 16px;
    background: rgba(245, 247, 250, 0.3);
}

.pn-section-card__panel-title[b-fq393ki2pn] {
    font-family: var(--font-display);
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pn-section-card--panel .pn-section-card__body[b-fq393ki2pn] {
    padding: 0;
}
/* /Sites/Admin/ComponentCatalog/AdminComponentCatalogPage.razor.rz.scp.css */
.catalog[b-v7kegmi4z8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: calc(100vh - 120px);
}

.catalog__header[b-v7kegmi4z8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.catalog__frame[b-v7kegmi4z8] {
    flex: 1;
    width: 100%;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-default);
    background: var(--color-surface);
}
/* /Sites/Consignee/Components/ConsigneeTrackingDetail.razor.rz.scp.css */
/* One shipment, phone first. Below 600px: a single column, stages running
   down the page with a sentence each. From 600px: stages run across, and
   the particulars and the activity sit side by side. */

.consignee-detail-container[b-poduvvemq1] {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

[b-poduvvemq1] .consignee-back {
    min-height: 44px;
    margin-left: -8px;
}

.consignee-detail-status[b-poduvvemq1],
.consignee-detail-card[b-poduvvemq1] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 16px 20px;
}

.consignee-detail-status[b-poduvvemq1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.consignee-detail-status-top[b-poduvvemq1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.consignee-detail-po[b-poduvvemq1] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-secondary);
}

.consignee-detail-stage[b-poduvvemq1] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px 12px;
}

.consignee-detail-stage-name[b-poduvvemq1] {
    font-family: var(--font-display);
    font-size: 1.625rem;
    font-weight: 700;
    color: var(--color-text-main);
}

.consignee-detail-stage-estimated-time-of-arrival[b-poduvvemq1] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--color-text-main);
}

.consignee-detail-stage-estimated-time-of-arrival.late[b-poduvvemq1] {
    color: var(--color-critical);
}

.consignee-detail-stage-estimated-time-of-arrival.done[b-poduvvemq1] {
    color: var(--color-success);
}

.consignee-detail-stage-desc[b-poduvvemq1] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--color-text-main);
}

.consignee-detail-updated[b-poduvvemq1] {
    font-size: 0.75rem;
    color: var(--color-text-secondary);
}

.consignee-detail-alert[b-poduvvemq1] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border-radius: var(--radius-lg);
    font-size: 0.875rem;
    line-height: 1.5;
}

.consignee-detail-alert.critical[b-poduvvemq1] {
    background: var(--color-critical-bg);
    border: 1px solid rgba(198, 40, 40, 0.3);
    color: var(--color-critical);
}

.consignee-detail-alert.warning[b-poduvvemq1] {
    background: var(--color-warning-bg);
    border: 1px solid rgba(230, 81, 0, 0.25);
    color: var(--color-warning-text);
}

.consignee-detail-alert .material-symbols-outlined[b-poduvvemq1] {
    font-size: 18px;
    margin-top: 1px;
}

.consignee-detail-card-title[b-poduvvemq1] {
    margin: 0 0 12px;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--color-text-main);
}

/* --- Stages: across by default (tablet and up) --- */
.consignee-detail-steps[b-poduvvemq1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
}

.consignee-detail-step[b-poduvvemq1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.consignee-detail-step-track[b-poduvvemq1] {
    display: flex;
    align-items: center;
}

.consignee-detail-step-dot[b-poduvvemq1] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid var(--color-border);
    background: var(--color-surface);
}

.consignee-detail-step.completed .consignee-detail-step-dot[b-poduvvemq1] {
    background: var(--color-success);
    border-color: var(--color-success);
}

.consignee-detail-step.current .consignee-detail-step-dot[b-poduvvemq1] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    box-shadow: 0 0 0 4px var(--color-primary-light);
}

.consignee-detail-step-line[b-poduvvemq1] {
    flex-grow: 1;
    height: 2px;
    margin: 0 6px;
    background: var(--color-border);
}

.consignee-detail-step.completed .consignee-detail-step-line[b-poduvvemq1] {
    background: var(--color-success);
}

.consignee-detail-step-body[b-poduvvemq1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.consignee-detail-step-name[b-poduvvemq1] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text-secondary);
}

.consignee-detail-step.completed .consignee-detail-step-name[b-poduvvemq1] {
    color: var(--color-text-main);
}

.consignee-detail-step.current .consignee-detail-step-name[b-poduvvemq1] {
    color: var(--color-primary-dark, #0D47A1);
    font-weight: 700;
}

/* Across, there is no room for a sentence per stage; the status block
   above already explains the current one. */
.consignee-detail-step-desc[b-poduvvemq1] {
    display: none;
}

.consignee-detail-step-date[b-poduvvemq1] {
    font-size: 0.75rem;
    color: var(--color-text-secondary);
}

/* --- Particulars and activity --- */
.consignee-detail-columns[b-poduvvemq1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-items: start;
}

.consignee-detail-facts[b-poduvvemq1] {
    margin: 0;
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 12px 12px;
    font-size: 0.875rem;
}

.consignee-detail-facts dt[b-poduvvemq1] {
    color: var(--color-text-secondary);
}

.consignee-detail-facts dd[b-poduvvemq1] {
    margin: 0;
    color: var(--color-text-main);
    overflow-wrap: anywhere;
}

.consignee-detail-chips[b-poduvvemq1] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* Reference Chip (DESIGN.md): an identifier as a value, in mono on Quay Grey. */
.consignee-ref-chip[b-poduvvemq1] {
    display: inline-flex;
    align-items: center;
    min-height: 32px; /* tappable now, so the portal's 32px floor applies */
    padding: 0 8px;
    font-size: 0.75rem;
    font-weight: 500;
    background: var(--color-background);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text-main);
    cursor: pointer;
}

.consignee-ref-chip:hover[b-poduvvemq1] {
    border-color: var(--color-text-secondary);
}

.consignee-detail-log[b-poduvvemq1] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.consignee-detail-log li[b-poduvvemq1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 0;
    border-bottom: 1px solid var(--color-row-border);
    font-size: 0.875rem;
    color: var(--color-text-main);
}

.consignee-detail-log li:last-child[b-poduvvemq1] {
    border-bottom: 0;
}

.consignee-detail-log-time[b-poduvvemq1] {
    font-size: 0.75rem;
    color: var(--color-text-secondary);
}

/* --- Phone: one column, stages down the page --- */
@media (max-width: 599.98px) {
    .consignee-detail-status[b-poduvvemq1],
    .consignee-detail-card[b-poduvvemq1] {
        padding: 14px 16px;
    }

    .consignee-detail-stage-name[b-poduvvemq1] {
        font-size: 1.5rem;
    }

    .consignee-detail-steps[b-poduvvemq1] {
        display: flex;
        flex-direction: column;
    }

    .consignee-detail-step[b-poduvvemq1] {
        display: grid;
        grid-template-columns: 20px minmax(0, 1fr) auto;
        column-gap: 12px;
    }

    .consignee-detail-step-track[b-poduvvemq1] {
        flex-direction: column;
        align-items: center;
        padding-top: 3px;
    }

    .consignee-detail-step-line[b-poduvvemq1] {
        width: 2px;
        height: auto;
        flex-grow: 1;
        min-height: 24px;
        margin: 4px 0;
    }

    .consignee-detail-step-body[b-poduvvemq1] {
        padding-bottom: 16px;
    }

    .consignee-detail-step-name[b-poduvvemq1] {
        font-size: 0.9375rem;
    }

    .consignee-detail-step-desc[b-poduvvemq1] {
        display: block;
        font-size: 0.8125rem;
        line-height: 1.5;
        color: var(--color-text-secondary);
    }

    .consignee-detail-step-date[b-poduvvemq1] {
        padding-top: 1px;
    }

    .consignee-detail-columns[b-poduvvemq1] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Sites/Manager/ManagerHomePage.razor.rz.scp.css */
.dashboard-section[b-ogzb73bf87] {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 24px;
}

.dashboard-section--header[b-ogzb73bf87] {
    padding-top: 24px;
    margin-bottom: 24px;
}

.dashboard-section--header .page-header[b-ogzb73bf87] {
    margin-bottom: 0;
}

.dashboard-section--header .font-mono[b-ogzb73bf87] {
    font-size: 0.75rem;
}

.dashboard-section--flush[b-ogzb73bf87] {
    padding: 0;
}

.dashboard-section--flush[b-ogzb73bf87]  .yesterday-column {
    padding: 24px 24px 0 0;
}