/* /Components/DeliverySummaryPanel.razor.rz.scp.css */
.delivery-summary-section[b-xgyiojymr3] {
    margin-top: 1.5rem;
}

.delivery-summary-toolbar[b-xgyiojymr3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.delivery-summary-toolbar-actions[b-xgyiojymr3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.delivery-export-btn[b-xgyiojymr3] {
    flex-shrink: 0;
    font-weight: 700;
}

.delivery-export-error[b-xgyiojymr3] {
    font-size: 0.88rem;
}

.delivery-summary-toggle[b-xgyiojymr3] {
    display: block;
    width: 100%;
    padding: 1.25rem 1.5rem;
    border: 1px solid #d1dde8;
    border-radius: 0.75rem;
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(11, 45, 78, 0.07);
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}

.delivery-summary-toggle:hover[b-xgyiojymr3] {
    border-color: #b8c9d8;
    background: #fafcfe;
    box-shadow: 0 6px 20px rgba(11, 45, 78, 0.1);
}

.delivery-summary-toggle[aria-expanded="true"][b-xgyiojymr3] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-color: #e8eef4;
}

.delivery-summary-top-row[b-xgyiojymr3] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.delivery-summary-top-row:not(:has(.delivery-pace-callout, .delivery-insights-loading, .delivery-breakdown-summary, .delivery-breakdown-loading))[b-xgyiojymr3] {
    margin-bottom: 0;
}

.delivery-summary-top-main[b-xgyiojymr3] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.delivery-expand-chevron[b-xgyiojymr3] {
    flex-shrink: 0;
    margin-top: 0.55rem;
    font-size: 1rem;
    line-height: 1;
    color: #0b2d4e;
}

.delivery-breakdown-loading[b-xgyiojymr3],
.delivery-breakdown-summary[b-xgyiojymr3] {
    font-size: 0.85rem;
    color: #5a6e7f;
    font-weight: 600;
}

.delivery-breakdown-loading[b-xgyiojymr3] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.delivery-summary-stats[b-xgyiojymr3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1rem 1.5rem;
}

.delivery-stat[b-xgyiojymr3] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.delivery-stat-label[b-xgyiojymr3] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #5a6e7f;
}

.delivery-stat-info[b-xgyiojymr3] {
    display: inline-block;
    margin-left: 0.2rem;
    font-size: 0.72rem;
    font-weight: 700;
    color: #7a8f9f;
    cursor: help;
    text-transform: none;
    letter-spacing: normal;
}

.delivery-stat-value-secondary[b-xgyiojymr3] {
    color: #5a6e7f;
    font-size: 1.15rem;
}

.delivery-quantity-callout[b-xgyiojymr3] {
    margin-bottom: 1rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #d8e3ee;
    border-radius: 0.5rem;
    background: #f5f9fc;
    font-size: 0.84rem;
    line-height: 1.45;
    color: #3d5166;
}

.delivery-quantity-callout strong[b-xgyiojymr3] {
    color: #0b2d4e;
}

.delivery-quantity-callout-detail[b-xgyiojymr3] {
    display: block;
    margin-top: 0.35rem;
}

.delivery-quantity-callout a[b-xgyiojymr3] {
    font-weight: 700;
}

.delivery-stat-value[b-xgyiojymr3] {
    font-size: 1.35rem;
    font-weight: 900;
    color: #0b2d4e;
    font-variant-numeric: tabular-nums;
}

.delivery-stat-highlight .delivery-stat-value[b-xgyiojymr3] {
    color: #d4891a;
}

.delivery-stat-value-sm[b-xgyiojymr3] {
    font-size: 1rem;
}

.delivery-wb-variance-callouts[b-xgyiojymr3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.delivery-wb-variance-chip[b-xgyiojymr3] {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    border-radius: 999px;
    padding: 0.35rem 0.75rem;
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
}

.delivery-wb-variance-chip.is-good[b-xgyiojymr3] {
    background: #e8f6ee;
    color: #176b3a;
}

.delivery-wb-variance-chip.is-warn[b-xgyiojymr3] {
    background: #fff6df;
    color: #8a5b00;
}

.delivery-wb-variance-chip.is-alert[b-xgyiojymr3] {
    background: #fdecec;
    color: #9b1c1c;
}

.delivery-wb-mail-callout[b-xgyiojymr3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    padding: 0.55rem 0.75rem;
    border-radius: 0.5rem;
    background: #f3f8fc;
    border: 1px solid #d8e4ef;
    font-size: 0.88rem;
    color: #2f4a63;
}

.delivery-wb-link[b-xgyiojymr3] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #0b5cab;
    text-decoration: none;
    white-space: nowrap;
}

.delivery-wb-link:hover[b-xgyiojymr3] {
    text-decoration: underline;
}

.delivery-wb-stat-good[b-xgyiojymr3] {
    color: #176b3a;
}

.delivery-wb-stat-warn[b-xgyiojymr3] {
    color: #8a5b00;
}

.delivery-wb-stat-alert[b-xgyiojymr3] {
    color: #9b1c1c;
}

.delivery-timeline-wb-marker[b-xgyiojymr3] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.75rem;
    margin-bottom: 0.65rem;
    border-radius: 0.5rem;
    background: #f7fafc;
    border: 1px dashed #c5d5e3;
    font-size: 0.86rem;
    color: #2f4a63;
}

.delivery-timeline-wb-dot[b-xgyiojymr3] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: #0b5cab;
    flex-shrink: 0;
}

.delivery-timeline-wb-label[b-xgyiojymr3] {
    flex: 1;
    min-width: 0;
}

.delivery-insights-loading[b-xgyiojymr3] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #5a6e7f;
}

.delivery-pace-callout[b-xgyiojymr3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem 1rem;
    padding: 0.7rem 0.9rem;
    border-radius: 0.55rem;
    border: 1px solid #d1dde8;
    background: #f7fafc;
}

.delivery-pace-badge[b-xgyiojymr3] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.delivery-pace-detail[b-xgyiojymr3] {
    font-size: 0.86rem;
    color: #3d5166;
}

.delivery-pace-on-track[b-xgyiojymr3] {
    border-color: #b8dcc8;
    background: #f2fbf6;
}

.delivery-pace-on-track .delivery-pace-badge[b-xgyiojymr3] {
    background: #1f7a4d;
    color: #ffffff;
}

.delivery-pace-slightly-behind[b-xgyiojymr3] {
    border-color: #efd9a8;
    background: #fffaf0;
}

.delivery-pace-slightly-behind .delivery-pace-badge[b-xgyiojymr3] {
    background: #d4891a;
    color: #ffffff;
}

.delivery-pace-behind[b-xgyiojymr3],
.delivery-pace-past-end[b-xgyiojymr3] {
    border-color: #efc2c2;
    background: #fff5f5;
}

.delivery-pace-behind .delivery-pace-badge[b-xgyiojymr3],
.delivery-pace-past-end .delivery-pace-badge[b-xgyiojymr3] {
    background: #b42318;
    color: #ffffff;
}

.delivery-pace-complete[b-xgyiojymr3] {
    border-color: #b8dcc8;
    background: #f2fbf6;
}

.delivery-pace-complete .delivery-pace-badge[b-xgyiojymr3] {
    background: #0b2d4e;
    color: #ffffff;
}

.delivery-pace-neutral .delivery-pace-badge[b-xgyiojymr3] {
    background: #e8eef4;
    color: #5a6e7f;
}

.delivery-insights-panel[b-xgyiojymr3] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e8eef4;
}

.delivery-insights-accordion[b-xgyiojymr3] {
    border: 1px solid #d1dde8;
    border-radius: 0.55rem;
    background: #ffffff;
    overflow: hidden;
}

.delivery-insights-accordion-toggle[b-xgyiojymr3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    padding: 0.7rem 0.9rem;
    border: none;
    background: #f7fafc;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s;
}

.delivery-insights-accordion-toggle:hover[b-xgyiojymr3] {
    background: #eef4fa;
}

.delivery-insights-accordion-toggle[aria-expanded="true"][b-xgyiojymr3] {
    border-bottom: 1px solid #e8eef4;
    background: #eef4fa;
}

.delivery-insights-accordion-heading[b-xgyiojymr3] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.delivery-insights-accordion-title[b-xgyiojymr3] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.88rem;
    font-weight: 800;
    color: #0b2d4e;
}

.delivery-insights-info[b-xgyiojymr3] {
    font-weight: 700;
}

.delivery-insights-accordion-summary[b-xgyiojymr3] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #5a6e7f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.delivery-insights-accordion-chevron[b-xgyiojymr3] {
    flex-shrink: 0;
    font-size: 0.95rem;
    color: #0b2d4e;
}

.delivery-insights-accordion-body[b-xgyiojymr3] {
    padding: 0.85rem 0.9rem 0.95rem;
}

.delivery-insights-caption[b-xgyiojymr3] {
    font-size: 0.82rem;
    color: #5a6e7f;
}

.delivery-insights-client-note[b-xgyiojymr3],
.delivery-insights-client-note-inline[b-xgyiojymr3] {
    font-size: 0.82rem;
    color: #3d5166;
}

.delivery-insights-client-note-inline[b-xgyiojymr3] {
    margin-top: 0.15rem;
    font-style: italic;
}

.delivery-by-day-distribution[b-xgyiojymr3] {
    margin-top: 0.75rem;
}

.delivery-distribution-chart-container[b-xgyiojymr3] {
    min-height: 260px;
}

.delivery-sparkline-col[b-xgyiojymr3] {
    width: 5.5rem;
    min-width: 5.5rem;
}

.delivery-sparkline[b-xgyiojymr3] {
    display: block;
}

.delivery-sparkline-empty[b-xgyiojymr3] {
    color: #9db0c0;
    font-size: 0.85rem;
}

.delivery-ai-analysis-mode[b-xgyiojymr3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.delivery-ai-mode-label[b-xgyiojymr3] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #5a6e7f;
    margin: 0;
    white-space: nowrap;
}

.delivery-ai-mode-select[b-xgyiojymr3] {
    max-width: 16rem;
}

.delivery-ai-analysis-bullets[b-xgyiojymr3] {
    margin: 0;
    padding-left: 1.2rem;
}

.delivery-ai-analysis-bullets li[b-xgyiojymr3] {
    margin-bottom: 0.5rem;
}

.delivery-insights-gap[b-xgyiojymr3] {
    font-weight: 700;
    color: #b42318;
}

.delivery-insights-subtext[b-xgyiojymr3] {
    font-size: 0.78rem;
    color: #5a6e7f;
}

.delivery-window-badge[b-xgyiojymr3] {
    display: inline-flex;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

.delivery-window-in-window[b-xgyiojymr3] {
    background: #e8f4ec;
    color: #1f7a4d;
}

.delivery-window-approaching[b-xgyiojymr3] {
    background: #fff4df;
    color: #9a6412;
}

.delivery-window-past-end[b-xgyiojymr3] {
    background: #fde8e8;
    color: #b42318;
}

.delivery-window-complete[b-xgyiojymr3] {
    background: #e8eef4;
    color: #0b2d4e;
}

.delivery-timeline[b-xgyiojymr3] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.delivery-timeline-group[b-xgyiojymr3] {
    border: 1px solid #e8eef4;
    border-radius: 0.5rem;
    overflow: hidden;
    background: #ffffff;
}

.delivery-timeline-row[b-xgyiojymr3] {
    display: grid;
    grid-template-columns: minmax(10rem, 1.2fr) minmax(8rem, 1.5fr) minmax(8rem, 0.9fr) auto;
    gap: 0.75rem 1rem;
    align-items: center;
}

.delivery-timeline-row-toggle[b-xgyiojymr3] {
    width: 100%;
    padding: 0.7rem 0.85rem;
    border: none;
    background: #f9fbfd;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s;
}

.delivery-timeline-row-toggle:hover[b-xgyiojymr3] {
    background: #eef4fa;
}

.delivery-timeline-row-toggle[aria-expanded="true"][b-xgyiojymr3] {
    background: #eef4fa;
    border-bottom: 1px solid #e8eef4;
}

.delivery-timeline-meta[b-xgyiojymr3] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.delivery-timeline-label[b-xgyiojymr3] {
    font-weight: 700;
    color: #0b2d4e;
}

.delivery-timeline-count[b-xgyiojymr3] {
    font-weight: 600;
    color: #5a6e7f;
}

.delivery-timeline-pieces[b-xgyiojymr3],
.delivery-timeline-stats[b-xgyiojymr3] {
    font-size: 0.8rem;
    color: #5a6e7f;
}

.delivery-timeline-chevron[b-xgyiojymr3] {
    font-size: 0.9rem;
    color: #0b2d4e;
    padding-right: 0.15rem;
}

.delivery-timeline-track[b-xgyiojymr3] {
    height: 0.55rem;
    border-radius: 999px;
    background: #eef3f8;
    overflow: hidden;
}

.delivery-timeline-track-sub[b-xgyiojymr3] {
    height: 0.45rem;
}

.delivery-timeline-bar[b-xgyiojymr3] {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #f5a623 0%, #d4891a 100%);
}

.delivery-timeline-stats[b-xgyiojymr3] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.delivery-timeline-mail-dates[b-xgyiojymr3] {
    display: flex;
    flex-direction: column;
    gap: 0;
    background: #ffffff;
}

.delivery-timeline-subrow[b-xgyiojymr3] {
    display: grid;
    grid-template-columns: minmax(10rem, 1.2fr) minmax(8rem, 1.5fr) minmax(8rem, 0.9fr);
    gap: 0.75rem 1rem;
    align-items: center;
    padding: 0.55rem 0.85rem 0.55rem 1.35rem;
    border-top: 1px solid #f1f5f9;
}

.delivery-timeline-sublabel[b-xgyiojymr3] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #3d5166;
}

@media (max-width: 768px) {
    .delivery-timeline-row[b-xgyiojymr3],
    .delivery-timeline-subrow[b-xgyiojymr3] {
        grid-template-columns: 1fr;
    }
}

.delivery-progress[b-xgyiojymr3] {
    height: 0.45rem;
    margin-top: 1.1rem;
    background: #eef3f8;
    border-radius: 999px;
    overflow: hidden;
}

.delivery-progress-bar[b-xgyiojymr3] {
    height: 100%;
    background: linear-gradient(90deg, #f5a623, #d4891a);
    border-radius: 999px;
    transition: width 0.3s ease;
}

.delivery-expand-hint[b-xgyiojymr3] {
    display: block;
    margin-top: 0.85rem;
    font-size: 0.78rem;
    color: #7a8f9f;
    font-weight: 600;
}

.delivery-state-breakdown[b-xgyiojymr3] {
    padding: 1rem 1.25rem 1.25rem;
    border: 1px solid #d1dde8;
    border-top: none;
    border-radius: 0 0 0.75rem 0.75rem;
    background: #f7f9fc;
}

.delivery-breakdown-tabs[b-xgyiojymr3] {
    display: inline-flex;
    gap: 0.35rem;
    margin-bottom: 1rem;
    padding: 0.25rem;
    border-radius: 0.5rem;
    background: #eef4fa;
}

.delivery-breakdown-tab[b-xgyiojymr3] {
    border: none;
    border-radius: 0.4rem;
    padding: 0.45rem 0.9rem;
    background: transparent;
    color: #5a6e7f;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, box-shadow 0.15s;
}

.delivery-breakdown-tab:hover[b-xgyiojymr3] {
    color: #0b2d4e;
    background: rgba(255, 255, 255, 0.7);
}

.delivery-breakdown-tab.is-active[b-xgyiojymr3] {
    color: #0b2d4e;
    background: #ffffff;
    box-shadow: 0 1px 4px rgba(11, 45, 78, 0.12);
}

.delivery-state-loading[b-xgyiojymr3],
.delivery-state-empty[b-xgyiojymr3] {
    font-size: 0.88rem;
    color: #5a6e7f;
}

.delivery-state-controls[b-xgyiojymr3] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem 1.5rem;
    margin-bottom: 0.85rem;
}

.delivery-state-filter-group[b-xgyiojymr3] {
    flex: 1 1 12rem;
    max-width: 18rem;
}

.delivery-state-filter-label[b-xgyiojymr3] {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #0b2d4e;
    margin-bottom: 0.35rem;
}

.delivery-state-filter-input[b-xgyiojymr3] {
    max-width: 100%;
}

.delivery-state-result-count[b-xgyiojymr3] {
    font-size: 0.85rem;
    color: #5a6e7f;
}

.delivery-state-table[b-xgyiojymr3] {
    font-size: 0.85rem;
    margin-bottom: 0;
}

.delivery-state-table thead th[b-xgyiojymr3] {
    background: #eef4fa;
    color: #0b2d4e;
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-bottom: 2px solid #d1dde8;
    vertical-align: middle;
    white-space: nowrap;
}

.delivery-state-table .sort-header[b-xgyiojymr3] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border: none;
    background: none;
    padding: 0;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    cursor: pointer;
}

.delivery-state-table .sort-header-end[b-xgyiojymr3] {
    margin-left: auto;
}

.delivery-state-table th.text-end .sort-header[b-xgyiojymr3] {
    width: 100%;
    justify-content: flex-end;
}

.delivery-state-table .sort-header:hover[b-xgyiojymr3] {
    color: #f5a623;
}

.delivery-state-table tbody td[b-xgyiojymr3] {
    font-variant-numeric: tabular-nums;
    vertical-align: middle;
}

.delivery-state-table tbody tr:hover[b-xgyiojymr3] {
    background: #eef4fa;
}

.delivery-state-table tfoot td[b-xgyiojymr3] {
    font-weight: 700;
    color: #0b2d4e;
    border-top: 2px solid #d1dde8;
    background: #f9fbfd;
    vertical-align: middle;
}

.delivery-grid-totals-row:hover[b-xgyiojymr3] {
    background: #f9fbfd;
}

.delivery-by-day-panel[b-xgyiojymr3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.delivery-by-day-controls[b-xgyiojymr3] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1rem 1.25rem;
}

.delivery-by-day-subfilters[b-xgyiojymr3] {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #d1dde8;
    border-radius: 0.55rem;
    background: #f7fafc;
}

.delivery-by-day-subfilters-label[b-xgyiojymr3] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #5a6e7f;
}

.delivery-by-day-subfilters-row[b-xgyiojymr3] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1rem 1.25rem;
}

.delivery-by-day-select[b-xgyiojymr3] {
    min-width: 12rem;
}

.delivery-by-day-caption[b-xgyiojymr3] {
    font-size: 0.88rem;
    color: #5a6e7f;
}

.delivery-by-day-benchmark-note[b-xgyiojymr3] {
    color: #7a8f9f;
}

.delivery-by-day-checkbox-group[b-xgyiojymr3] {
    align-self: flex-end;
}

.delivery-by-day-checkbox-label[b-xgyiojymr3] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    font-size: 0.84rem;
    font-weight: 600;
    color: #0b2d4e;
    white-space: nowrap;
}

.delivery-by-day-stats[b-xgyiojymr3] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
}

.delivery-by-day-stat[b-xgyiojymr3] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.delivery-by-day-stat-label[b-xgyiojymr3] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #5a6e7f;
}

.delivery-by-day-stat-value[b-xgyiojymr3] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #0b2d4e;
}

.delivery-by-day-chart-container[b-xgyiojymr3] {
    min-height: 340px;
    border: 1px solid #d1dde8;
    border-radius: 0.6rem;
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%);
    padding: 0.5rem 0.75rem 0.75rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.delivery-chart-empty[b-xgyiojymr3],
.delivery-chart-error[b-xgyiojymr3] {
    color: #5a6e7f;
    font-size: 0.9rem;
    padding: 2rem 1rem;
    text-align: center;
}

.delivery-map-controls[b-xgyiojymr3] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem 1.5rem;
    margin-bottom: 0.85rem;
}

.delivery-map-metric-select[b-xgyiojymr3] {
    max-width: 12rem;
}

.delivery-map-container[b-xgyiojymr3] {
    width: 100%;
    min-height: 22rem;
}

.delivery-map-layout[b-xgyiojymr3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 10rem;
    gap: 1rem 1.5rem;
    align-items: start;
}

.delivery-map-svg-wrap[b-xgyiojymr3] {
    min-width: 0;
}

.delivery-map-svg[b-xgyiojymr3] {
    width: 100%;
    height: auto;
    display: block;
    pointer-events: all;
}

.delivery-map-state[b-xgyiojymr3] {
    stroke: #d1dde8;
    stroke-width: 0.75;
    transition: fill 0.15s ease, opacity 0.15s ease;
}

.delivery-map-state.is-hovered[b-xgyiojymr3] {
    opacity: 0.85;
    stroke: #0b2d4e;
    stroke-width: 1.25;
}

.delivery-map-legend[b-xgyiojymr3] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.delivery-map-legend-title[b-xgyiojymr3] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #0b2d4e;
}

.delivery-map-legend-bar[b-xgyiojymr3] {
    height: 0.65rem;
    border-radius: 999px;
    background: linear-gradient(90deg, #c6dbef, #08519c);
    border: 1px solid #d1dde8;
}

.delivery-map-legend-labels[b-xgyiojymr3] {
    display: flex;
    justify-content: space-between;
    font-size: 0.78rem;
    color: #5a6e7f;
    font-variant-numeric: tabular-nums;
}

.delivery-map-legend-note[b-xgyiojymr3] {
    font-size: 0.72rem;
    color: #7a8f9f;
    line-height: 1.35;
}

.delivery-non-map-states[b-xgyiojymr3] {
    margin-top: 1.25rem;
    padding-top: 1.1rem;
    border-top: 1px solid #d1dde8;
}

.delivery-non-map-title[b-xgyiojymr3] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #0b2d4e;
    margin-bottom: 0.35rem;
}

.delivery-non-map-note[b-xgyiojymr3] {
    font-size: 0.8rem;
    color: #5a6e7f;
    margin-bottom: 0.85rem;
}

.delivery-non-map-table[b-xgyiojymr3] {
    margin-top: 0.25rem;
}

.delivery-ai-analysis-panel[b-xgyiojymr3] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.delivery-ai-analysis-intro[b-xgyiojymr3] {
    padding: 1rem 1.1rem;
    border: 1px solid #d1dde8;
    border-radius: 0.6rem;
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%);
}

.delivery-ai-analysis-lead[b-xgyiojymr3] {
    font-size: 0.9rem;
    color: #0b2d4e;
    line-height: 1.5;
}

.delivery-ai-analysis-note[b-xgyiojymr3] {
    font-size: 0.8rem;
    color: #5a6e7f;
    line-height: 1.45;
}

.delivery-ai-analysis-actions[b-xgyiojymr3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.delivery-ai-analysis-output[b-xgyiojymr3] {
    padding: 1.1rem 1.25rem;
    border: 1px solid #d1dde8;
    border-radius: 0.6rem;
    background: #ffffff;
}

.delivery-ai-analysis-meta[b-xgyiojymr3] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #5a6e7f;
}

.delivery-ai-analysis-paragraph[b-xgyiojymr3] {
    margin-bottom: 1rem;
    font-size: 0.95rem;
    line-height: 1.65;
    color: #1f3347;
}

.delivery-ai-analysis-paragraph:last-child[b-xgyiojymr3] {
    margin-bottom: 0;
}

.delivery-ai-modal-backdrop[b-xgyiojymr3] {
    background: rgba(11, 45, 78, 0.45);
}

.delivery-ai-modal-content[b-xgyiojymr3] {
    border: 1px solid #d1dde8;
    box-shadow: 0 0.75rem 2rem rgba(11, 45, 78, 0.18);
}

.delivery-freshness-caption[b-xgyiojymr3] {
    margin-top: 0.65rem;
    font-size: 0.82rem;
    color: #5a6e7f;
}

.delivery-benchmark-toggle[b-xgyiojymr3] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    color: #3d5166;
    cursor: pointer;
    user-select: none;
}

.delivery-benchmark-legend[b-xgyiojymr3] {
    font-size: 0.8rem;
    color: #5a6e7f;
}

.delivery-benchmark-col[b-xgyiojymr3] {
    min-width: 3.5rem;
    font-size: 0.82rem;
    white-space: nowrap;
}

.delivery-benchmark-gap-ahead[b-xgyiojymr3] {
    background: #edf8f1;
}

.delivery-benchmark-gap-slightly-behind[b-xgyiojymr3] {
    background: #fff8eb;
}

.delivery-benchmark-gap-behind[b-xgyiojymr3] {
    background: #fdeeed;
}

.delivery-benchmark-gap-neutral[b-xgyiojymr3] {
    background: transparent;
}

@media (max-width: 768px) {
    .delivery-map-layout[b-xgyiojymr3] {
        grid-template-columns: 1fr;
    }
}
/* /Components/HotJobCacheBadge.razor.rz.scp.css */
.hot-job-cache-badge[b-iuywww9nwt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.82rem;
    line-height: 1;
    flex-shrink: 0;
}

.hot-job-cache-badge.is-compact[b-iuywww9nwt] {
    font-size: 0.72rem;
}
/* /Components/HouseholdActivityTimeline.razor.rz.scp.css */
.household-timeline-list[b-ymavpd70b1] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.household-timeline-item[b-ymavpd70b1] {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #d1dde8;
}

.household-timeline-icon[b-ymavpd70b1] {
    font-size: 1.25rem;
    flex-shrink: 0;
}

.household-timeline-summary[b-ymavpd70b1] {
    font-weight: 600;
    color: #1a2a3a;
}

.household-timeline-meta[b-ymavpd70b1] {
    font-size: 0.82rem;
    color: #5a6e7f;
}

.household-timeline-link[b-ymavpd70b1] {
    font-size: 0.82rem;
    font-weight: 700;
}

.household-section-title[b-ymavpd70b1] {
    font-size: 1rem;
    font-weight: 900;
    color: #0b2d4e;
    margin-bottom: 0.5rem;
}
/* /Components/HouseholdDwellingCard.razor.rz.scp.css */
.dwelling-item[b-u2kp6b5hbq] {
    position: relative;
}

.dwelling-link[b-u2kp6b5hbq] {
    position: relative;
    display: block;
    transition: transform 0.2s;
    color: inherit;
    z-index: 1;
}

.dwelling-stretched-link[b-u2kp6b5hbq]::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: "";
}

.dwelling-stretched-link-disabled[b-u2kp6b5hbq] {
    pointer-events: none;
}

.dwelling-card-preview[b-u2kp6b5hbq] {
    opacity: 0.92;
}

.dwelling-link:hover[b-u2kp6b5hbq] {
    transform: translateY(2px);
    z-index: 5;
}

.dwelling-flap-open[b-u2kp6b5hbq] {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background: #0b2d4e;
    border-radius: 0.6rem 0.6rem 0 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    border: 2px solid #0b2d4e;
    border-bottom: none;
}

.dwelling-link:hover .dwelling-flap-open[b-u2kp6b5hbq] {
    max-height: 180px;
}

.flap-inner[b-u2kp6b5hbq] {
    padding: 0.85rem 1rem 0.7rem;
}

.flap-row[b-u2kp6b5hbq] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.flap-label[b-u2kp6b5hbq] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7dafd4;
}

.flap-value[b-u2kp6b5hbq] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #f5a623;
}

.dwelling-card[b-u2kp6b5hbq] {
    position: relative;
    background: #ffffff;
    border: 2px solid #0b2d4e;
    border-radius: 0.6rem;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(11, 45, 78, 0.1);
    min-height: 210px;
    display: flex;
    flex-direction: column;
}

.dwelling-link:hover .dwelling-card[b-u2kp6b5hbq] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 12px 32px rgba(11, 45, 78, 0.18);
}

.dwelling-header[b-u2kp6b5hbq] {
    background: #0b2d4e;
    padding: 0.85rem 1rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    min-height: 3.5rem;
}

.dwelling-icon[b-u2kp6b5hbq] {
    font-size: 1.6rem;
    line-height: 1;
}

.dwelling-rank[b-u2kp6b5hbq] {
    color: #f5a623;
    font-weight: 900;
    font-size: 1rem;
}

.flap-notch[b-u2kp6b5hbq] {
    position: absolute;
    bottom: -24px;
    left: 0;
    right: 0;
    height: 25px;
    background: #0b2d4e;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    z-index: 1;
}

.dwelling-body[b-u2kp6b5hbq] {
    padding: 2rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    flex: 1;
}

.dwelling-address[b-u2kp6b5hbq] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1a2a3a;
    line-height: 1.35;
}

.dwelling-locality[b-u2kp6b5hbq] {
    font-size: 0.82rem;
    color: #5a6e7f;
}

.dwelling-stats[b-u2kp6b5hbq] {
    display: flex;
    gap: 1.25rem;
    margin-top: 0.35rem;
    padding-top: 0.6rem;
    border-top: 1px dashed #d1dde8;
}

.dwelling-stat-label[b-u2kp6b5hbq] {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #9aafbf;
}

.dwelling-stat-value[b-u2kp6b5hbq] {
    font-size: 0.92rem;
    font-weight: 700;
    color: #0b2d4e;
}

.dwelling-last-mail[b-u2kp6b5hbq] {
    margin-top: auto;
}
/* /Components/HouseholdExperimentalBuildModal.razor.rz.scp.css */
.household-experimental-modal-backdrop[b-w1f366tkw4] {
    background: rgba(11, 45, 78, 0.55);
}

.household-experimental-modal-dialog[b-w1f366tkw4] {
    max-width: 720px;
}

.household-experimental-modal .modal-header[b-w1f366tkw4] {
    border-bottom-color: #e8eef5;
}

.household-experimental-warning[b-w1f366tkw4] {
    border-left: 4px solid #f0ad4e;
}

.household-experimental-engine-list[b-w1f366tkw4] {
    display: grid;
    gap: 0.75rem;
}

.household-experimental-engine-option[b-w1f366tkw4] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: start;
    padding: 0.85rem 1rem;
    border: 1px solid #d8e3ee;
    border-radius: 0.5rem;
    background: #fbfcfe;
    cursor: pointer;
    margin: 0;
}

.household-experimental-engine-option:has(input:checked)[b-w1f366tkw4] {
    border-color: #0b2d4e;
    background: #f3f8fd;
    box-shadow: inset 0 0 0 1px rgba(11, 45, 78, 0.08);
}

.household-experimental-engine-option strong[b-w1f366tkw4] {
    display: block;
    color: #0b2d4e;
}

.household-experimental-engine-option small[b-w1f366tkw4] {
    display: block;
    color: #5a6e7f;
    margin-top: 0.15rem;
}
/* /Components/HouseholdLocationPanel.razor.rz.scp.css */
.household-location-panel[b-ib0alzy3ds] {
    background: #fff;
    border: 1px solid #d1dde8;
    border-radius: 0.6rem;
    padding: 1rem 1.1rem;
}

.household-location-layout[b-ib0alzy3ds] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(280px, 1.4fr);
    gap: 1rem;
    align-items: start;
}

.household-location-type[b-ib0alzy3ds] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.5rem;
}

.household-location-icon[b-ib0alzy3ds] {
    font-size: 1.35rem;
    line-height: 1;
}

.household-location-type-label[b-ib0alzy3ds] {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #0b2d4e;
}

.household-location-address[b-ib0alzy3ds] {
    font-weight: 700;
    color: #1a2a3a;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.household-location-links[b-ib0alzy3ds] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.75rem;
}

.household-map-wrap[b-ib0alzy3ds] {
    border: 1px solid #d1dde8;
    border-radius: 0.5rem;
    overflow: hidden;
    min-height: 220px;
    background: #f7f9fc;
}

.household-map-embed[b-ib0alzy3ds] {
    display: block;
    width: 100%;
    height: 240px;
    border: 0;
}

@media (max-width: 768px) {
    .household-location-layout[b-ib0alzy3ds] {
        grid-template-columns: 1fr;
    }
}
/* /Components/HouseholdStateVolumeMap.razor.rz.scp.css */
.household-state-map-panel[b-rmjuf373kn] {
    border: 1px solid #e2e9f0;
    padding: 1rem 1.25rem 1.25rem;
}

.household-state-map-header[b-rmjuf373kn] {
    margin-bottom: 0.75rem;
}

.household-state-map[b-rmjuf373kn] {
    min-height: 280px;
}
/* /Components/JobDetail/ClickUpDetailSyncBanner.razor.rz.scp.css */
.clickup-gather-panel[b-g1z5w7lupr] {
    margin-bottom: 1rem;
    border: 1px solid #d1dde8;
    border-radius: 0.65rem;
    background: #f7f9fc;
    overflow: hidden;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.clickup-gather-panel.is-floating[b-g1z5w7lupr] {
    position: fixed;
    right: 1.25rem;
    bottom: calc(1.25rem + 3.5rem);
    z-index: 41;
    margin: 0;
    width: min(22rem, calc(100vw - 2.5rem));
    box-shadow: 0 12px 32px rgba(11, 45, 78, 0.18);
}

.clickup-gather-panel.is-floating.is-expanded[b-g1z5w7lupr] {
    width: min(36rem, calc(100vw - 2.5rem));
    max-height: calc(100vh - 10rem);
    overflow-y: auto;
}

.clickup-gather-toggle[b-g1z5w7lupr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    padding: 0.7rem 1rem;
    border: 0;
    background: #ffffff;
    color: #0b2d4e;
    text-align: left;
    cursor: pointer;
}

.clickup-gather-panel.is-expanded .clickup-gather-toggle[b-g1z5w7lupr] {
    border-bottom: 1px solid #e2e9f0;
}

.clickup-gather-toggle:hover[b-g1z5w7lupr],
.clickup-gather-toggle:focus-visible[b-g1z5w7lupr] {
    background: #eef4fa;
    outline: none;
}

.clickup-gather-toggle-main[b-g1z5w7lupr] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.65rem;
    min-width: 0;
}

.clickup-gather-toggle-title[b-g1z5w7lupr] {
    font-size: 0.92rem;
    font-weight: 800;
}

.clickup-gather-status-pill[b-g1z5w7lupr] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: #e8f1fa;
    color: #0b2d4e;
    font-size: 0.74rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.clickup-gather-chevron[b-g1z5w7lupr] {
    display: inline-block;
    width: 0.55rem;
    height: 0.55rem;
    border-right: 2px solid #0b2d4e;
    border-bottom: 2px solid #0b2d4e;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
    margin-top: -0.15rem;
    flex-shrink: 0;
}

.clickup-gather-chevron.is-open[b-g1z5w7lupr] {
    transform: rotate(-135deg);
    margin-top: 0.15rem;
}

.clickup-gather-body[b-g1z5w7lupr] {
    padding: 0.85rem 1.1rem 1rem;
}

.clickup-gather-subtitle[b-g1z5w7lupr] {
    font-size: 0.8rem;
    color: #5a6e7f;
    margin-bottom: 0.65rem;
}

.clickup-gather-list[b-g1z5w7lupr] {
    display: grid;
    gap: 0.35rem;
}

.clickup-gather-item[b-g1z5w7lupr] {
    display: grid;
    grid-template-columns: 1.25rem minmax(8rem, 1fr) auto;
    gap: 0.5rem;
    align-items: baseline;
    font-size: 0.8125rem;
}

.clickup-gather-icon[b-g1z5w7lupr] {
    font-weight: 700;
    text-align: center;
}

.clickup-gather-item.is-ready .clickup-gather-icon[b-g1z5w7lupr] {
    color: #1f7a4c;
}

.clickup-gather-item.is-loading .clickup-gather-icon[b-g1z5w7lupr] {
    color: #0b5ed7;
}

.clickup-gather-item.is-pending .clickup-gather-icon[b-g1z5w7lupr] {
    color: #8a9bab;
}

.clickup-gather-label[b-g1z5w7lupr] {
    font-weight: 600;
    color: #0b2d4e;
}

.clickup-gather-status[b-g1z5w7lupr] {
    color: #5a6e7f;
    text-align: right;
}

.clickup-gather-item.is-loading .clickup-gather-status[b-g1z5w7lupr] {
    color: #0b5ed7;
}

@media (max-width: 767.98px) {
    .clickup-gather-panel.is-floating[b-g1z5w7lupr] {
        right: 0.75rem;
        left: 0.75rem;
        width: auto;
    }

    .clickup-gather-panel.is-floating.is-expanded[b-g1z5w7lupr] {
        width: auto;
    }
}
/* /Components/JobNotesModal.razor.rz.scp.css */
.job-notes-backdrop[b-qi0l22v5fu] {
    background: rgba(11, 45, 78, 0.45);
}

.job-notes-modal[b-qi0l22v5fu] {
    border: 1px solid #d1dde8;
    box-shadow: 0 8px 32px rgba(11, 45, 78, 0.15);
}

.job-notes-modal .modal-title[b-qi0l22v5fu] {
    font-weight: 900;
    color: #0b2d4e;
}

.job-notes-subtitle[b-qi0l22v5fu] {
    font-size: 0.82rem;
    color: #5a6e7f;
}

.job-note-thread + .job-note-thread[b-qi0l22v5fu] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e9f0;
}

.job-note-thread-header[b-qi0l22v5fu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.45rem;
}

.job-note-thread-label[b-qi0l22v5fu] {
    font-size: 0.82rem;
    font-weight: 800;
    color: #0b2d4e;
}

.job-note-status-pill[b-qi0l22v5fu] {
    display: inline-flex;
    padding: 0.12rem 0.5rem;
    border-radius: 999px;
    background: #e8edf2;
    font-size: 0.72rem;
    font-weight: 700;
    color: #0b2d4e;
}

.job-note-thread-text[b-qi0l22v5fu] {
    white-space: pre-wrap;
    color: #0b2d4e;
}

.job-note-client-flag[b-qi0l22v5fu] {
    display: inline-block;
    margin-bottom: 0.45rem;
    font-size: 0.72rem;
    font-weight: 700;
    color: #0b6bcb;
}

.job-note-thread-meta[b-qi0l22v5fu] {
    font-size: 0.76rem;
    color: #5a6e7f;
    margin-bottom: 0.65rem;
}

.job-note-comment[b-qi0l22v5fu] {
    margin-top: 0.55rem;
    padding: 0.55rem 0.7rem;
    border-radius: 0.45rem;
    background: #f7f9fc;
    border: 1px solid #e2e9f0;
}

.job-note-comment-meta[b-qi0l22v5fu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.65rem;
    margin-bottom: 0.25rem;
    font-size: 0.76rem;
    color: #5a6e7f;
}

.job-note-reply[b-qi0l22v5fu] {
    margin-top: 0.75rem;
}

.job-note-mention-hint[b-qi0l22v5fu] {
    margin-top: 1rem;
    font-size: 0.76rem;
    color: #5a6e7f;
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-layout[b-nllv8mysxx] {
    min-height: 100vh;
    background: linear-gradient(180deg, #f7f9fc 0%, #eef3f8 100%);
}

#blazor-error-ui[b-nllv8mysxx] {
    color-scheme: light only;
    background: #fff6db;
    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-nllv8mysxx] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* Shared auth shell (Login, PortalSetup, PortalOnboarding) */
[b-nllv8mysxx] .login-shell {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

[b-nllv8mysxx] .login-card {
    background: #ffffff;
    border: 1px solid #d1dde8;
    border-radius: 1rem;
    box-shadow: 0 8px 40px rgba(11, 45, 78, 0.12);
    padding: 2.5rem 2rem;
    width: 100%;
    max-width: 420px;
    text-align: center;
}

[b-nllv8mysxx] .login-card-wide {
    max-width: 480px;
}

[b-nllv8mysxx] .onboarding-card {
    max-width: 560px;
}

[b-nllv8mysxx] .login-logo-area {
    background: #0b2d4e;
    border-radius: 0.75rem;
    padding: 0.85rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    width: 100%;
    max-width: 22rem;
}

[b-nllv8mysxx] .login-logo {
    display: block;
    height: auto;
    max-height: 2.75rem;
    width: 100%;
    max-width: 18rem;
    object-fit: contain;
}

[b-nllv8mysxx] .login-title {
    font-size: 1.6rem;
    font-weight: 900;
    color: #0b2d4e;
    margin-bottom: 0.4rem;
}

[b-nllv8mysxx] .login-subtitle {
    color: #5a6e7f;
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

[b-nllv8mysxx] .login-section {
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

[b-nllv8mysxx] .login-section-dev {
    background: #f7f9fc;
    border: 1px solid #e8eef4;
    border-radius: 0.65rem;
    padding: 1rem;
    margin-top: 1.25rem;
}

[b-nllv8mysxx] .login-section-title {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #5a6e7f;
    margin-bottom: 0.75rem;
}

[b-nllv8mysxx] .login-field {
    margin-bottom: 0.85rem;
}

[b-nllv8mysxx] .login-field-label {
    display: block;
    font-size: 0.78rem;
    font-weight: 600;
    color: #3d5568;
    margin-bottom: 0.3rem;
}

[b-nllv8mysxx] .login-card .form-control {
    border-color: #d1dde8;
    border-radius: 0.5rem;
    padding: 0.55rem 0.75rem;
    font-size: 0.95rem;
}

[b-nllv8mysxx] .login-card .form-control:focus {
    border-color: #0b2d4e;
    box-shadow: 0 0 0 0.15rem rgba(11, 45, 78, 0.12);
}

[b-nllv8mysxx] .login-card .form-control[readonly] {
    background-color: #f7f9fc;
    color: #5a6e7f;
}

[b-nllv8mysxx] .login-verify-note {
    font-size: 0.88rem;
    color: #5a6e7f;
    margin-bottom: 0.85rem;
    line-height: 1.45;
}

[b-nllv8mysxx] .login-help {
    font-size: 0.8rem;
    color: #9aafbf;
}

[b-nllv8mysxx] .login-error {
    margin-bottom: 1rem;
    font-size: 0.92rem;
}

[b-nllv8mysxx] .dev-badge {
    display: inline-block;
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffc107;
    border-radius: 2rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 0.2rem 0.85rem;
    margin-bottom: 0.75rem;
    text-transform: uppercase;
}

[b-nllv8mysxx] .dev-note {
    font-size: 0.85rem;
    color: #5a6e7f;
    margin-bottom: 0.75rem;
}

[b-nllv8mysxx] .login-card .btn {
    border-radius: 0.5rem;
    font-weight: 700;
    padding: 0.65rem 1rem;
}

[b-nllv8mysxx] .login-card .btn.w-100 {
    margin-top: 0.35rem;
}

[b-nllv8mysxx] .login-card .alert {
    border-radius: 0.5rem;
    font-size: 0.92rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page-shell[b-2khpa4sj69] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #f7f9fc;
}

/* Amber top/bottom accent stripe matching DMS site */
.brand-accent-stripe[b-2khpa4sj69] {
    height: 6px;
    background: #f5a623;
    flex-shrink: 0;
}

.brand-header[b-2khpa4sj69] {
    position: sticky;
    top: 0;
    z-index: 50;
    background: #0b2d4e;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.page-main[b-2khpa4sj69] {
    flex: 1;
}

.content[b-2khpa4sj69] {
    max-width: 1500px;
}

/* ─── Footer ─────────────────────────────────────────────────── */
.brand-footer[b-2khpa4sj69] {
    background: #0b2d4e;
    color: #d0dce8;
}

/* Footer logos — both SVGs have white+blue paths; navy background ensures correct rendering */
.footer-logo[b-2khpa4sj69] {
    height: 3.2rem;
    width: auto;
}

.footer-wordmark-img[b-2khpa4sj69] {
    height: 2.8rem;
    width: auto;
}

.footer-copy[b-2khpa4sj69] {
    color: #7d99b0;
    font-size: 0.77rem;
    line-height: 1.6;
}

/* ─── Blazor error UI ─────────────────────────────────────────── */
#blazor-error-ui[b-2khpa4sj69] {
    color-scheme: light only;
    background: #fff6db;
    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-2khpa4sj69] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ─── Brand bar (header row) ─────────────────────────────────── */
.brand-bar[b-uvacjznt1a] {
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    position: relative;
}

/* Left: logo mark */
.brand-link[b-uvacjznt1a] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
    min-width: 0;
    max-width: 42%;
}

.brand-logo[b-uvacjznt1a] {
    display: block;
    height: 2.35rem;
    width: auto;
    max-width: 14.5rem;
    object-fit: contain;
    object-position: left center;
}

@media (min-width: 992px) {
    .brand-logo[b-uvacjznt1a] {
        height: 2.65rem;
        max-width: 17rem;
    }
}

/* Right group: user + wordmark */
.nav-right[b-uvacjznt1a] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
}

/* User chip */
.user-chip[b-uvacjznt1a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid transparent;
    border-radius: 2rem;
    padding: 0.25rem 0.75rem 0.25rem 0.25rem;
    color: inherit;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.user-chip:hover[b-uvacjznt1a],
.user-chip:focus-visible[b-uvacjznt1a] {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(245, 166, 35, 0.45);
    box-shadow: 0 0 0 0.15rem rgba(245, 166, 35, 0.18);
    outline: none;
}

.sign-out-modal-backdrop[b-uvacjznt1a] {
    background: rgba(11, 45, 78, 0.45);
    z-index: 1060;
}

.sign-out-modal .modal-header[b-uvacjznt1a] {
    border-bottom: 1px solid var(--dms-border, #d1dde8);
}

.sign-out-modal-lead[b-uvacjznt1a] {
    color: var(--dms-text, #3d5568);
    line-height: 1.5;
}

.sign-out-modal-user[b-uvacjznt1a] {
    color: var(--dms-text-muted, #5a6e7f);
    font-size: 0.9rem;
    font-weight: 600;
}

.sign-out-modal .modal-footer[b-uvacjznt1a] {
    border-top: 1px solid var(--dms-border, #d1dde8);
}

.user-avatar[b-uvacjznt1a] {
    width: 1.8rem;
    height: 1.8rem;
    background: #f5a623;
    color: #0b2d4e;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 900;
    flex-shrink: 0;
}

.user-name[b-uvacjznt1a] {
    color: #e0eaf4;
    font-size: 0.78rem;
    font-weight: 600;
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Right: "direct marketing solutions" wordmark SVG */
.brand-wordmark[b-uvacjznt1a] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.brand-wordmark-img[b-uvacjznt1a] {
    height: 2.4rem;
    width: auto;
}

/* ─── Navigation links ───────────────────────────────────────── */
.nav-scrollable[b-uvacjznt1a] {
    flex: 1;
    display: flex;
    justify-content: center;
}

.nav-inline[b-uvacjznt1a] {
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
    align-items: center;
}

.nav-item[b-uvacjznt1a]  .nav-link {
    color: #e0eaf4;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    border-radius: 0.35rem;
    transition: color 0.15s, background 0.15s;
}

.nav-item[b-uvacjznt1a]  a.active {
    color: #f5a623;
    background: rgba(245, 166, 35, 0.12);
}

.nav-item[b-uvacjznt1a]  .nav-link:hover {
    color: #f5a623;
    background: rgba(255, 255, 255, 0.08);
}

/* ─── Mobile hamburger ───────────────────────────────────────── */
.navbar-toggler[b-uvacjznt1a] {
    display: none;
    appearance: none;
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.navbar-toggler-label[b-uvacjznt1a] {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    width: 2.6rem;
    height: 2.2rem;
    flex-shrink: 0;
}

.navbar-toggler-label span[b-uvacjznt1a] {
    display: block;
    width: 1.5rem;
    height: 2px;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 2px;
    transition: transform 0.25s, opacity 0.2s;
}

@media (max-width: 767.98px) {
    .brand-link[b-uvacjznt1a] {
        max-width: 52%;
    }

    .brand-logo[b-uvacjznt1a] {
        height: 2rem;
        max-width: 10.5rem;
    }

    .navbar-toggler-label[b-uvacjznt1a] {
        display: flex;
        order: 2;
    }

    .brand-wordmark[b-uvacjznt1a] {
        display: none;
    }

    .user-name[b-uvacjznt1a] {
        display: none;
    }

    .user-chip[b-uvacjznt1a] {
        padding: 0.2rem;
        background: transparent;
    }

    .nav-scrollable[b-uvacjznt1a] {
        position: absolute;
        top: 5rem;
        left: 0;
        right: 0;
        background: #0b2d4e;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding: 0.75rem 1rem 1rem;
        z-index: 100;
        justify-content: flex-start;
    }

    .navbar-toggler:checked ~ .nav-scrollable[b-uvacjznt1a],
    .brand-bar:has(.navbar-toggler:checked) .nav-scrollable[b-uvacjznt1a] {
        display: flex;
    }

    .nav-inline[b-uvacjznt1a] {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .nav-item[b-uvacjznt1a]  .nav-link {
        width: 100%;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-in1lmkgn08],
.components-reconnect-repeated-attempt-visible[b-in1lmkgn08],
.components-reconnect-failed-visible[b-in1lmkgn08],
.components-pause-visible[b-in1lmkgn08],
.components-resume-failed-visible[b-in1lmkgn08],
.components-rejoining-animation[b-in1lmkgn08] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-in1lmkgn08 {
    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/LinkedClickUpTasksPanel.razor.rz.scp.css */
.linked-clickup-section[b-tyj5eikpc7] {
    max-width: 100%;
    overflow: hidden;
}

.linked-clickup-header[b-tyj5eikpc7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.linked-clickup-subtitle[b-tyj5eikpc7] {
    font-size: 0.82rem;
    color: var(--bs-secondary-color);
    margin-top: 0.15rem;
}

.linked-clickup-ops-strip[b-tyj5eikpc7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid rgba(91, 73, 196, 0.15);
    border-radius: 0.5rem;
    background: rgba(123, 97, 255, 0.04);
}

.linked-clickup-ops-item[b-tyj5eikpc7] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.linked-clickup-ops-item .ops-label[b-tyj5eikpc7] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--bs-secondary-color);
}

.linked-clickup-ops-item .ops-value[b-tyj5eikpc7] {
    font-size: 0.9rem;
    font-weight: 600;
}

.linked-clickup-ops-item.is-warning .ops-value[b-tyj5eikpc7] {
    color: #9a6700;
}

.linked-clickup-section-title[b-tyj5eikpc7],
.linked-clickup-activity-title[b-tyj5eikpc7] {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--bs-secondary-color);
}

.linked-clickup-time-breakdown[b-tyj5eikpc7],
.linked-clickup-activity[b-tyj5eikpc7] {
    margin-bottom: 1rem;
}

.linked-clickup-activity-list[b-tyj5eikpc7] {
    display: grid;
    gap: 0.5rem;
}

.linked-clickup-activity-item[b-tyj5eikpc7] {
    padding: 0.75rem 0.9rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0.5rem;
    background: #fff;
}

.linked-clickup-activity-item--status[b-tyj5eikpc7] {
    border-color: rgba(255, 193, 7, 0.35);
    background: rgba(255, 193, 7, 0.05);
}

.linked-clickup-activity-head[b-tyj5eikpc7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    align-items: baseline;
    margin-bottom: 0.2rem;
}

.linked-clickup-activity-author[b-tyj5eikpc7] {
    font-weight: 600;
    font-size: 0.88rem;
}

.linked-clickup-activity-time[b-tyj5eikpc7] {
    font-size: 0.8rem;
    color: var(--bs-secondary-color);
}

.linked-clickup-activity-task[b-tyj5eikpc7] {
    font-size: 0.82rem;
    color: var(--bs-secondary-color);
    margin: 0 0 0.35rem;
}

.linked-clickup-activity-body[b-tyj5eikpc7] {
    margin: 0;
    font-size: 0.9rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.clickup-loading[b-tyj5eikpc7] {
    display: flex;
    align-items: center;
}

.linked-clickup-group + .linked-clickup-group[b-tyj5eikpc7] {
    margin-top: 1rem;
}

.linked-clickup-group-title[b-tyj5eikpc7] {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--bs-secondary-color);
}

.linked-clickup-task-list[b-tyj5eikpc7] {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
}

.linked-clickup-task-card[b-tyj5eikpc7] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0.5rem;
    background: #fff;
    max-width: 100%;
    overflow: hidden;
    min-width: 0;
}

.linked-clickup-task-head[b-tyj5eikpc7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    align-items: center;
    justify-content: space-between;
}

.linked-clickup-task-name[b-tyj5eikpc7] {
    font-weight: 600;
    text-decoration: none;
    overflow-wrap: anywhere;
    word-break: break-word;
    min-width: 0;
}

.linked-clickup-task-name:hover[b-tyj5eikpc7] {
    text-decoration: underline;
}

.linked-clickup-task-badges[b-tyj5eikpc7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.linked-clickup-badge[b-tyj5eikpc7] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.06);
}

.linked-clickup-badge--priority[b-tyj5eikpc7] {
    background: rgba(13, 110, 253, 0.12);
    color: #0d47a1;
}

.linked-clickup-badge--overdue[b-tyj5eikpc7] {
    background: rgba(220, 53, 69, 0.12);
    color: #842029;
}

.linked-clickup-task-meta[b-tyj5eikpc7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    font-size: 0.85rem;
    color: var(--bs-secondary-color);
}

.linked-clickup-task-details[b-tyj5eikpc7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: 0.65rem 1rem;
    max-width: 100%;
}

.linked-clickup-detail-item[b-tyj5eikpc7] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
    max-width: 100%;
}

.linked-clickup-detail-item .detail-label[b-tyj5eikpc7] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--bs-secondary-color);
}

.linked-clickup-detail-item .detail-value[b-tyj5eikpc7] {
    font-size: 0.88rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
}

.detail-value--link[b-tyj5eikpc7] {
    overflow-wrap: anywhere;
    word-break: break-all;
}

.linked-clickup-chip-row[b-tyj5eikpc7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.linked-clickup-chip[b-tyj5eikpc7] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.8rem;
    background: rgba(123, 97, 255, 0.08);
    color: #4a3d8f;
}

.linked-clickup-chip--tag[b-tyj5eikpc7] {
    background: rgba(25, 135, 84, 0.1);
    color: #146c43;
}

.linked-clickup-inline-note[b-tyj5eikpc7] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--bs-secondary-color);
    overflow-wrap: anywhere;
    word-break: break-word;
}

.linked-clickup-subsection-title[b-tyj5eikpc7] {
    margin: 0 0 0.35rem;
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--bs-secondary-color);
}

.linked-clickup-time-list[b-tyj5eikpc7],
.linked-clickup-link-list[b-tyj5eikpc7],
.linked-clickup-plain-list[b-tyj5eikpc7] {
    margin: 0;
    padding-left: 1.1rem;
    font-size: 0.85rem;
}

.linked-clickup-time-list li + li[b-tyj5eikpc7],
.linked-clickup-link-list li + li[b-tyj5eikpc7],
.linked-clickup-plain-list li + li[b-tyj5eikpc7] {
    margin-top: 0.25rem;
}

.linked-clickup-time-user[b-tyj5eikpc7] {
    font-weight: 600;
}

.linked-clickup-time-duration[b-tyj5eikpc7],
.linked-clickup-time-when[b-tyj5eikpc7],
.linked-clickup-muted[b-tyj5eikpc7] {
    color: var(--bs-secondary-color);
}

.linked-clickup-time-desc[b-tyj5eikpc7] {
    display: block;
    color: var(--bs-secondary-color);
    overflow-wrap: anywhere;
    word-break: break-word;
}
/* /Components/LinkedEmailCampaignsPanel.razor.rz.scp.css */
.linked-email-list[b-e6pvcbgces] {
    display: grid;
    gap: 0.75rem;
}

.linked-email-card[b-e6pvcbgces] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    align-items: center;
    padding: 0.85rem 1rem;
    border: 1px solid #d1dde8;
    border-radius: 0.65rem;
    background: #fff;
    color: inherit;
    text-decoration: none;
}

.linked-email-card:hover[b-e6pvcbgces] {
    border-color: #0b2d4e;
    background: #f7f9fc;
}

.linked-email-name[b-e6pvcbgces] {
    font-weight: 700;
    color: #0b2d4e;
}

.linked-email-meta[b-e6pvcbgces],
.linked-email-stats[b-e6pvcbgces] {
    font-size: 0.85rem;
    color: #5a6e7f;
}

.linked-email-section .section-title[b-e6pvcbgces] {
    margin-bottom: 0.75rem;
}
/* /Components/LinkedPrintStreamJobPanel.razor.rz.scp.css */
.linked-printstream-section .section-title[b-9wg2iynmoj] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0b2d4e;
    margin-bottom: 0.75rem;
}

.linked-printstream-card[b-9wg2iynmoj] {
    display: grid;
    gap: 0.25rem;
    padding: 0.85rem 1rem;
    border: 1px solid #d1dde8;
    border-radius: 0.65rem;
    background: #fff;
    color: inherit;
    text-decoration: none;
}

.linked-printstream-card:hover[b-9wg2iynmoj] {
    border-color: var(--dms-navy);
    background: #f7f9fc;
}

.linked-printstream-name[b-9wg2iynmoj] {
    font-weight: 700;
    color: #0b2d4e;
}

.linked-printstream-meta[b-9wg2iynmoj] {
    font-size: 0.82rem;
    color: #5a6e7f;
}

.linked-printstream-stats[b-9wg2iynmoj] {
    font-size: 0.82rem;
    color: #5a6e7f;
}
/* /Components/MailDateRulesModal.razor.rz.scp.css */
.mail-date-rules-modal-backdrop[b-foevbrnlhl] {
    background: rgba(11, 45, 78, 0.45);
}

.mail-date-rules-modal[b-foevbrnlhl] {
    border: none;
    box-shadow: 0 18px 48px rgba(11, 45, 78, 0.18);
}

.mail-date-rules-modal-subtitle[b-foevbrnlhl] {
    font-size: 0.82rem;
    color: #5a6e7f;
}

.mail-date-rules-tabs[b-foevbrnlhl] {
    display: inline-flex;
    gap: 0.35rem;
    margin-bottom: 1rem;
    padding: 0.25rem;
    border-radius: 0.5rem;
    background: #eef4fa;
}

.mail-date-rules-tab[b-foevbrnlhl] {
    border: none;
    border-radius: 0.4rem;
    padding: 0.45rem 0.9rem;
    background: transparent;
    color: #5a6e7f;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
}

.mail-date-rules-tab.is-active[b-foevbrnlhl] {
    color: #0b2d4e;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(11, 45, 78, 0.08);
}

.mail-date-rules-banner[b-foevbrnlhl] {
    padding: 0.85rem 1rem;
    border: 1px solid #f0d9a8;
    border-radius: 0.55rem;
    background: #fff8eb;
    color: #6b4f1d;
    font-size: 0.88rem;
}

.mail-date-rules-card[b-foevbrnlhl] {
    padding: 1rem 1.1rem;
    border: 1px solid var(--dms-border, #d1dde8);
    border-radius: 0.65rem;
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(11, 45, 78, 0.07);
}

.mail-date-rules-card-title[b-foevbrnlhl] {
    margin: 0 0 0.35rem;
    font-size: 1rem;
    font-weight: 800;
    color: #0b2d4e;
}

.mail-date-rules-card-meta[b-foevbrnlhl] {
    margin: 0 0 0.85rem;
    font-size: 0.82rem;
    color: #5a6e7f;
}

.mail-date-rules-rule-card[b-foevbrnlhl] {
    padding: 0.9rem 1rem;
    margin-bottom: 0.75rem;
    border: 1px solid #d8e4ef;
    border-radius: 0.55rem;
    background: #f8fbfe;
}

.mail-date-rules-plain-english[b-foevbrnlhl] {
    margin: 0.55rem 0 0;
    padding-top: 0.55rem;
    border-top: 1px dashed #c9d7e4;
    font-size: 0.8rem;
    color: #5a6e7f;
    font-style: italic;
}

.mail-date-rules-assignment-row[b-foevbrnlhl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    margin-bottom: 0.65rem;
    border: 1px solid #d8e4ef;
    border-radius: 0.55rem;
    background: #ffffff;
}

.mail-date-rules-preview-form[b-foevbrnlhl] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.mail-date-rules-label[b-foevbrnlhl] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #5a6e7f;
}

.mail-date-rules-source-badge[b-foevbrnlhl] {
    display: inline-block;
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.mail-date-rules-source-badge.is-calculated[b-foevbrnlhl] {
    background: #e8f4ff;
    color: #0b5cab;
}

.mail-date-rules-source-badge.is-saved[b-foevbrnlhl] {
    background: #eaf7ea;
    color: #1f6b2c;
}

.mail-date-rules-source-badge.is-warehouse[b-foevbrnlhl] {
    background: #f1f3f5;
    color: #5a6e7f;
}

.mail-date-rules-table th[b-foevbrnlhl] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #5a6e7f;
}

.mail-date-rules-table td[b-foevbrnlhl] {
    vertical-align: top;
    font-size: 0.88rem;
}

.mail-date-rules-modal-layout[b-foevbrnlhl] {
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: 1rem;
    min-height: 28rem;
}

.mail-date-rules-modal-list[b-foevbrnlhl],
.mail-date-rules-modal-editor[b-foevbrnlhl] {
    min-width: 0;
}

.mail-date-rules-modal-list-header[b-foevbrnlhl],
.mail-date-rules-modal-rules-header[b-foevbrnlhl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.mail-date-rules-template-list[b-foevbrnlhl] {
    max-height: 24rem;
    overflow: auto;
}

.mail-date-rules-template-item[b-foevbrnlhl] {
    border-color: #d8e4ef;
}

.mail-date-rules-template-item.is-active[b-foevbrnlhl] {
    border-color: #0b5cab;
    background: #f3f9ff;
}

.mail-date-rules-template-item-title[b-foevbrnlhl] {
    font-weight: 700;
    color: #0b2d4e;
}

.mail-date-rules-modal-empty[b-foevbrnlhl] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16rem;
    padding: 1rem;
    border: 1px dashed #c9d7e4;
    border-radius: 0.55rem;
    color: #5a6e7f;
    background: #f8fbfe;
}

.mail-date-rules-rule-toolbar[b-foevbrnlhl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}

.mail-date-rules-modal-actions[b-foevbrnlhl] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1rem;
}

.mail-date-rules-checkbox-group[b-foevbrnlhl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.85rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid #d8e4ef;
    border-radius: 0.45rem;
    background: #ffffff;
}

.mail-date-rules-checkbox-item[b-foevbrnlhl] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    font-size: 0.84rem;
    color: #243b53;
}

@media (max-width: 991px) {
    .mail-date-rules-modal-layout[b-foevbrnlhl] {
        grid-template-columns: 1fr;
    }
}
/* /Components/MailPieceAnnotationsPanel.razor.rz.scp.css */
.annotation-panel[b-nipbh3tiwj] {
    margin-bottom: 1rem;
}

.annotation-toggle[b-nipbh3tiwj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 0.8rem 1rem;
    border: 1px solid #d1dde8;
    border-radius: 0.65rem;
    background: #ffffff;
    color: #0b2d4e;
    text-align: left;
    cursor: pointer;
}

.annotation-toggle:hover[b-nipbh3tiwj],
.annotation-toggle:focus-visible[b-nipbh3tiwj] {
    background: #f7f9fc;
    outline: none;
}

.annotation-title[b-nipbh3tiwj] {
    font-size: 0.92rem;
    font-weight: 800;
}

.annotation-meta[b-nipbh3tiwj] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.82rem;
    color: #5a6e7f;
}

.annotation-chevron[b-nipbh3tiwj] {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border-right: 2px solid #0b2d4e;
    border-bottom: 2px solid #0b2d4e;
    transform: rotate(-45deg);
    transition: transform 0.2s ease;
}

.annotation-chevron.is-open[b-nipbh3tiwj] {
    transform: rotate(45deg);
}

.annotation-body[b-nipbh3tiwj] {
    margin-top: 0.65rem;
    padding: 1rem 1.1rem;
    border: 1px solid #d1dde8;
    border-radius: 0.65rem;
    background: #f7f9fc;
}

.annotation-section + .annotation-section[b-nipbh3tiwj] {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid #e2e9f0;
}

.annotation-section-title[b-nipbh3tiwj] {
    margin: 0 0 0.35rem;
    font-size: 0.88rem;
    font-weight: 800;
    color: #0b2d4e;
}

.annotation-section-hint[b-nipbh3tiwj] {
    font-size: 0.8rem;
    color: #5a6e7f;
}

.annotation-mention-hint[b-nipbh3tiwj] {
    font-size: 0.78rem;
    color: #5a6e7f;
}

.annotation-mention-hint code[b-nipbh3tiwj] {
    font-size: 0.76rem;
    color: #0b2d4e;
}

.annotation-form-grid[b-nipbh3tiwj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 0.85rem;
}

.annotation-field-wide[b-nipbh3tiwj] {
    grid-column: 1 / -1;
}

.annotation-label[b-nipbh3tiwj] {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #0b2d4e;
}

.annotation-client-toggle[b-nipbh3tiwj] {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0;
    font-size: 0.85rem;
    font-weight: 600;
    color: #0b2d4e;
}

.annotation-disclaimer[b-nipbh3tiwj] {
    margin-top: 0.55rem;
    padding: 0.65rem 0.75rem;
    border-radius: 0.45rem;
    background: #fff6db;
    border: 1px solid #f0d48a;
    font-size: 0.8rem;
    color: #6a4d00;
}

.annotation-actions[b-nipbh3tiwj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin-top: 0.85rem;
}

.annotation-updated[b-nipbh3tiwj] {
    font-size: 0.78rem;
    color: #5a6e7f;
}

.annotation-package-list[b-nipbh3tiwj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.annotation-package-chip[b-nipbh3tiwj] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem 0.5rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid #d1dde8;
    border-radius: 999px;
    background: #ffffff;
    font-size: 0.78rem;
    color: #0b2d4e;
    cursor: pointer;
}

.annotation-package-chip:hover[b-nipbh3tiwj],
.annotation-package-chip:focus-visible[b-nipbh3tiwj] {
    background: #eef4fa;
    outline: none;
}

.annotation-package-chip-name[b-nipbh3tiwj] {
    font-weight: 700;
}

.annotation-status-pill[b-nipbh3tiwj],
.annotation-client-pill[b-nipbh3tiwj] {
    display: inline-flex;
    align-items: center;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
}

.annotation-status-pill[b-nipbh3tiwj] {
    background: #e8edf2;
    color: #0b2d4e;
}

.annotation-client-pill[b-nipbh3tiwj] {
    background: #edf5fc;
    color: #0b6bcb;
}

.annotation-package-readonly[b-nipbh3tiwj] {
    display: grid;
    gap: 0.2rem;
    width: 100%;
    padding: 0.65rem 0.75rem;
    border: 1px solid #e2e9f0;
    border-radius: 0.45rem;
    background: #ffffff;
    font-size: 0.84rem;
    color: #0b2d4e;
}
/* /Components/MailPieceLetterPreview.razor.rz.scp.css */
.mail-piece-letter-preview[b-dadyreh45n] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.mail-piece-letter-preview-sheet[b-dadyreh45n] {
    width: 100%;
    min-height: 14rem;
    padding: 1.35rem 1.1rem 1rem;
    border: 1px solid #d1dde8;
    border-radius: 0.35rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), #fafbfd 72%, #f3f6fa 100%);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 8px 24px rgba(11, 45, 78, 0.08);
}

.mail-piece-letter-preview-window[b-dadyreh45n] {
    position: relative;
    padding: 0.85rem 0.95rem;
    margin-bottom: 1rem;
    border: 1.5px dashed #b8c9d9;
    border-radius: 0.25rem;
    background: rgba(255, 255, 255, 0.92);
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.35;
    color: #1a2a3a;
}

.mail-piece-letter-preview-window[b-dadyreh45n]::before {
    content: "Window address";
    position: absolute;
    top: -0.55rem;
    left: 0.65rem;
    padding: 0 0.35rem;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #7a8fa0;
    background: #fafbfd;
}

.mail-piece-letter-preview-name[b-dadyreh45n],
.mail-piece-letter-preview-street[b-dadyreh45n],
.mail-piece-letter-preview-city-line[b-dadyreh45n] {
    white-space: pre-wrap;
    word-break: break-word;
}

.mail-piece-letter-preview-name[b-dadyreh45n] {
    font-weight: 700;
}

.mail-piece-letter-preview-street[b-dadyreh45n] {
    margin-top: 0.15rem;
}

.mail-piece-letter-preview-city-line[b-dadyreh45n] {
    margin-top: 0.15rem;
}

.mail-piece-letter-preview-meta[b-dadyreh45n] {
    display: grid;
    gap: 0.45rem;
    padding-top: 0.15rem;
}

.mail-piece-letter-preview-meta-row[b-dadyreh45n] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.82rem;
}

.mail-piece-letter-preview-meta-label[b-dadyreh45n] {
    flex: 0 0 auto;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a8fa0;
}

.mail-piece-letter-preview-meta-value[b-dadyreh45n] {
    min-width: 0;
    text-align: right;
    color: #1a2a3a;
    word-break: break-word;
}

.mail-piece-letter-preview-barcode[b-dadyreh45n] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.78rem;
}

.mail-piece-letter-preview-scans[b-dadyreh45n] {
    border: 1px solid #e2e9f0;
    border-radius: 0.35rem;
    background: #fff;
    overflow: hidden;
}

.mail-piece-letter-preview-scans-header[b-dadyreh45n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0.75rem;
    border-bottom: 1px solid #e2e9f0;
    background: #f7f9fc;
}

.mail-piece-letter-preview-scans-title[b-dadyreh45n] {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 700;
    color: #0b2d4e;
}

.mail-piece-letter-preview-scans-count[b-dadyreh45n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.4rem;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    background: #e8eef5;
    color: #0b2d4e;
    font-size: 0.72rem;
    font-weight: 700;
}

.mail-piece-letter-preview-scans-loading[b-dadyreh45n],
.mail-piece-letter-preview-scans-message[b-dadyreh45n] {
    padding: 0.75rem;
    font-size: 0.84rem;
    color: #5a6e7f;
}

.mail-piece-letter-preview-scans-loading[b-dadyreh45n] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.mail-piece-letter-preview-scans-message.is-warning[b-dadyreh45n] {
    color: #9a5b00;
    background: #fff8eb;
}

.mail-piece-letter-preview-scans-message.is-info[b-dadyreh45n] {
    color: #1e40af;
    background: #eff6ff;
}

.mail-piece-letter-preview-scans-message.is-empty[b-dadyreh45n] {
    color: #5a6e7f;
    background: #fbfcfe;
}

.mail-piece-letter-preview-scans-table-wrap[b-dadyreh45n] {
    overflow: auto;
    max-height: 16rem;
}

.mail-piece-letter-preview-scans-table th[b-dadyreh45n] {
    background: #f7f9fc;
    font-size: 0.72rem;
    white-space: nowrap;
}

.mail-piece-letter-preview-scans-table td[b-dadyreh45n] {
    font-size: 0.8rem;
    vertical-align: top;
}
/* /Components/MailPieceLookupPanel.razor.rz.scp.css */
.mail-piece-lookup-panel[b-er3zlzwpcs] {
    margin-top: 2rem;
    border: 1px solid #d1dde8;
    border-radius: 0.75rem;
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(11, 45, 78, 0.05);
    overflow: hidden;
}

.mail-piece-lookup-toggle[b-er3zlzwpcs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1rem 1.25rem;
    border: none;
    background: #f7f9fc;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s;
}

.mail-piece-lookup-toggle:hover[b-er3zlzwpcs] {
    background: #eef4fa;
}

.mail-piece-lookup-title[b-er3zlzwpcs] {
    font-size: 1.15rem;
    font-weight: 900;
    color: #0b2d4e;
    position: relative;
    padding-bottom: 0.5rem;
}

.mail-piece-lookup-title[b-er3zlzwpcs]::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2.4rem;
    height: 3px;
    background: #f5a623;
    border-radius: 2px;
}

.mail-piece-lookup-meta[b-er3zlzwpcs] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.85rem;
    color: #5a6e7f;
    font-weight: 600;
}

.mail-piece-chevron[b-er3zlzwpcs] {
    font-size: 1rem;
    color: #0b2d4e;
}

.mail-piece-lookup-body[b-er3zlzwpcs] {
    padding: 1rem 1.25rem 1.25rem;
    border-top: 1px solid #e4ebf2;
}

.mail-piece-search-summary[b-er3zlzwpcs] {
    border: 1px solid #d8e3ee;
    border-radius: 0.5rem;
    background: #f8fbfe;
}

.mail-piece-search-summary-toggle[b-er3zlzwpcs] {
    padding: 0.75rem 1rem;
}

.mail-piece-search-summary-body[b-er3zlzwpcs] {
    padding: 0 1rem 1rem;
    border-top: 1px solid #e4ebf2;
}

.mail-piece-search-summary-note[b-er3zlzwpcs],
.mail-piece-search-summary-scan-note[b-er3zlzwpcs] {
    font-size: 0.82rem;
    color: #5a6e7f;
}

.mail-piece-search-summary-grid[b-er3zlzwpcs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.75rem;
}

.mail-piece-summary-table-wrap[b-er3zlzwpcs] {
    border: 1px solid #e4ebf2;
    border-radius: 0.45rem;
    background: #ffffff;
    padding: 0.55rem 0.65rem;
}

.mail-piece-summary-table-wide[b-er3zlzwpcs] {
    grid-column: 1 / -1;
}

.mail-piece-summary-table-title[b-er3zlzwpcs] {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #5a6e7f;
    margin-bottom: 0.35rem;
}

.mail-piece-summary-table td[b-er3zlzwpcs] {
    font-size: 0.8rem;
    padding: 0.2rem 0.35rem;
    vertical-align: top;
}

.mail-piece-summary-count[b-er3zlzwpcs],
.mail-piece-summary-phase[b-er3zlzwpcs] {
    text-align: right;
    white-space: nowrap;
    color: #0b2d4e;
    font-weight: 600;
}

.mail-piece-summary-empty[b-er3zlzwpcs] {
    font-size: 0.8rem;
    color: #8a9bab;
}

.mail-piece-search-summary-loading[b-er3zlzwpcs] {
    font-size: 0.85rem;
    color: #5a6e7f;
}

.mail-piece-issue-analysis[b-er3zlzwpcs] {
    border: 1px solid #d8e3ee;
    border-radius: 0.5rem;
    background: #fffdf8;
    padding: 0.85rem 1rem;
}

.mail-piece-issue-analysis-header[b-er3zlzwpcs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.35rem;
}

.mail-piece-issue-analysis-title[b-er3zlzwpcs] {
    font-weight: 800;
    color: #0b2d4e;
}

.mail-piece-issue-analysis-note[b-er3zlzwpcs] {
    font-size: 0.75rem;
    color: #8a6b2d;
    font-weight: 600;
}

.mail-piece-issue-analysis-lead[b-er3zlzwpcs],
.mail-piece-issue-analysis-paragraph[b-er3zlzwpcs],
.mail-piece-issue-analysis-meta[b-er3zlzwpcs] {
    font-size: 0.86rem;
    color: #3f5366;
}

.mail-piece-issue-analysis-meta[b-er3zlzwpcs] {
    color: #5a6e7f;
    font-size: 0.78rem;
}

.mail-piece-job-scope[b-er3zlzwpcs] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    margin-bottom: 0.75rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid #d8e3ee;
    border-radius: 0.5rem;
    background: #f3f8fc;
}

.mail-piece-job-scope-label[b-er3zlzwpcs] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #5a6e7f;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.mail-piece-job-scope-value[b-er3zlzwpcs] {
    font-size: 0.9rem;
    font-weight: 800;
    color: #0b2d4e;
}

.mail-piece-job-scope-note[b-er3zlzwpcs] {
    font-size: 0.8rem;
    color: #5a6e7f;
}

.mail-piece-lookup-hint[b-er3zlzwpcs] {
    margin: 0 0 1rem;
    font-size: 0.85rem;
    color: #5a6e7f;
}

.mail-piece-error-pre[b-er3zlzwpcs] {
    margin-top: 0.5rem;
    padding: 0.5rem 0.65rem;
    border-radius: 0.35rem;
    background: rgba(0, 0, 0, 0.04);
    font-size: 0.75rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.mail-piece-index-panel[b-er3zlzwpcs] {
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid #d8e3ee;
    border-radius: 0.6rem;
    background: #f7f9fc;
}

.mail-piece-index-panel.is-ready[b-er3zlzwpcs] {
    border-color: #b9dfc1;
    background: #f3fbf5;
}

.mail-piece-index-panel.is-stale[b-er3zlzwpcs] {
    border-color: #f1d59b;
    background: #fffaf0;
}

.mail-piece-index-panel.is-building[b-er3zlzwpcs] {
    border-color: #b8d4f0;
    background: #f2f8fd;
}

.mail-piece-index-panel.is-failed[b-er3zlzwpcs] {
    border-color: #efb8b8;
    background: #fff6f6;
}

.mail-piece-index-header[b-er3zlzwpcs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.mail-piece-index-title[b-er3zlzwpcs] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #0b2d4e;
}

.mail-piece-index-badge[b-er3zlzwpcs] {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.mail-piece-index-badge.is-ready[b-er3zlzwpcs] {
    background: #e8f5e9;
    color: #2e7d32;
}

.mail-piece-index-badge.is-stale[b-er3zlzwpcs] {
    background: #fff3cd;
    color: #8a6d1d;
}

.mail-piece-index-badge.is-building[b-er3zlzwpcs] {
    background: #e3f2fd;
    color: #1565c0;
}

.mail-piece-index-badge.is-failed[b-er3zlzwpcs],
.mail-piece-index-badge.is-missing[b-er3zlzwpcs] {
    background: #eceff1;
    color: #546e7a;
}

.mail-piece-index-detail[b-er3zlzwpcs] {
    margin: 0.5rem 0 0;
    font-size: 0.85rem;
    color: #5a6e7f;
}

.mail-piece-index-progress[b-er3zlzwpcs] {
    margin-top: 0.65rem;
    font-size: 0.85rem;
    color: #0b2d4e;
}

.mail-piece-index-progress-header[b-er3zlzwpcs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.45rem;
}

.mail-piece-index-progress-label[b-er3zlzwpcs] {
    flex: 1 1 auto;
    font-weight: 700;
}

.mail-piece-index-progress-percent[b-er3zlzwpcs] {
    flex-shrink: 0;
    font-size: 0.78rem;
    font-weight: 800;
    color: #5a6e7f;
    font-variant-numeric: tabular-nums;
}

.mail-piece-index-progress-bar[b-er3zlzwpcs] {
    height: 0.65rem;
    background: #e4ebf2;
    border-radius: 999px;
    overflow: hidden;
}

.mail-piece-index-progress-bar-fill[b-er3zlzwpcs] {
    background-color: #1565c0;
}

.mail-piece-index-progress-detail[b-er3zlzwpcs] {
    margin-top: 0.35rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #0b2d4e;
}

.mail-piece-index-progress-note[b-er3zlzwpcs] {
    margin-top: 0.45rem;
    font-size: 0.8rem;
    color: #5a6e7f;
}

.mail-piece-index-actions[b-er3zlzwpcs] {
    margin-top: 0.75rem;
}

.mail-piece-modal-backdrop[b-er3zlzwpcs] {
    background: rgba(11, 45, 78, 0.45);
    z-index: 1055;
}

.mail-piece-modal-content[b-er3zlzwpcs] {
    border: 1px solid #d1dde8;
    box-shadow: 0 8px 32px rgba(11, 45, 78, 0.15);
}

.mail-piece-modal-content .modal-title[b-er3zlzwpcs] {
    font-weight: 900;
    color: #0b2d4e;
}

.mail-piece-search-fieldset[b-er3zlzwpcs] {
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.mail-piece-search-fieldset:disabled[b-er3zlzwpcs] {
    opacity: 0.72;
}

.mail-piece-presets[b-er3zlzwpcs] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    margin-bottom: 1rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #e8edf3;
    border-radius: 0.5rem;
    background: #fbfcfe;
}

.mail-piece-presets-label[b-er3zlzwpcs] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #5a6e7f;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.mail-piece-filters[b-er3zlzwpcs] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 0.75rem 1rem;
    align-items: end;
}

.mail-piece-filter-wide[b-er3zlzwpcs] {
    grid-column: span 2;
}

@media (max-width: 768px) {
    .mail-piece-filter-wide[b-er3zlzwpcs] {
        grid-column: span 1;
    }
}

.mail-piece-filter-label[b-er3zlzwpcs] {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: #5a6e7f;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.mail-piece-filter-actions[b-er3zlzwpcs] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e8edf3;
}

.mail-piece-filter-action-btn[b-er3zlzwpcs] {
    flex-shrink: 0;
    white-space: nowrap;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 0.25rem 0.75rem;
    border-radius: 0.35rem;
}

.mail-piece-filter-actions .btn-primary.mail-piece-filter-action-btn[b-er3zlzwpcs] {
    text-transform: none;
    letter-spacing: normal;
}

.mail-piece-search-progress[b-er3zlzwpcs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #0b2d4e;
    margin-top: 0.75rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid #c5d8ea;
    border-radius: 0.45rem;
    background: #eef5fb;
}

.mail-piece-results-shell[b-er3zlzwpcs] {
    position: relative;
}

.mail-piece-results-shell.is-loading[b-er3zlzwpcs] {
    opacity: 0.55;
    pointer-events: none;
    transition: opacity 0.15s ease;
}

.mail-piece-results-shell.is-loading[b-er3zlzwpcs]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 0.35rem;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
    animation: mail-piece-results-shimmer-b-er3zlzwpcs 1.4s infinite;
    pointer-events: none;
}

@keyframes mail-piece-results-shimmer-b-er3zlzwpcs {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.mail-piece-loading[b-er3zlzwpcs],
.mail-piece-empty[b-er3zlzwpcs] {
    font-size: 0.9rem;
    color: #5a6e7f;
}

.mail-piece-pagination[b-er3zlzwpcs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.mail-piece-page-label[b-er3zlzwpcs] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #5a6e7f;
}

.mail-piece-page-actions[b-er3zlzwpcs] {
    display: inline-flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.mail-piece-table[b-er3zlzwpcs] {
    font-size: 0.85rem;
    margin-bottom: 0;
}

.mail-piece-table thead th[b-er3zlzwpcs] {
    background: #eef4fa;
    color: #0b2d4e;
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-bottom: 2px solid #d1dde8;
    white-space: nowrap;
    vertical-align: middle;
}

.mail-piece-table tbody td[b-er3zlzwpcs] {
    color: #0b2d4e;
    vertical-align: middle;
    font-variant-numeric: tabular-nums;
    border-color: #e4ebf2;
}

.mail-piece-table tbody tr:hover[b-er3zlzwpcs] {
    background: #f9fbfd;
}

.mail-piece-imb[b-er3zlzwpcs],
.mail-piece-package[b-er3zlzwpcs],
.mail-piece-recipient[b-er3zlzwpcs] {
    max-width: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0b2d4e;
}

.mail-piece-status[b-er3zlzwpcs] {
    display: inline-block;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

.mail-piece-status.is-delivered[b-er3zlzwpcs] {
    background: #e8f5e9;
    color: #2e7d32;
}

.mail-piece-status.is-in-transit[b-er3zlzwpcs] {
    background: #e3f2fd;
    color: #1565c0;
}

.mail-piece-status.is-not-scanned[b-er3zlzwpcs] {
    background: #eceff1;
    color: #546e7a;
}

.mail-piece-status.is-stale-in-transit[b-er3zlzwpcs] {
    background: #fdecea;
    color: #b42318;
}

.mail-piece-expand-col[b-er3zlzwpcs] {
    width: 1.75rem;
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
    text-align: center;
    color: #5a6e7f;
}

.mail-piece-row[b-er3zlzwpcs] {
    cursor: pointer;
}

.mail-piece-row:hover[b-er3zlzwpcs] {
    background: #f9fbfd;
}

.mail-piece-row.is-expanded[b-er3zlzwpcs] {
    background: #f3f8fc;
}

.mail-piece-row-chevron[b-er3zlzwpcs] {
    display: inline-block;
    font-size: 0.8rem;
    line-height: 1;
}

.mail-piece-scan-detail-row > td[b-er3zlzwpcs] {
    background: #f7fafc;
    border-top: none;
    padding-top: 0;
    padding-bottom: 0.85rem;
}

.mail-piece-scan-detail[b-er3zlzwpcs] {
    padding: 0.65rem 0.75rem 0.75rem;
    border: 1px solid #d8e3ee;
    border-radius: 0.45rem;
    background: #ffffff;
}

.mail-piece-scan-detail-title[b-er3zlzwpcs] {
    font-size: 0.78rem;
    font-weight: 800;
    color: #0b2d4e;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.5rem;
}

.mail-piece-scan-table thead th[b-er3zlzwpcs] {
    background: #eef4fa;
    color: #0b2d4e;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #d1dde8;
    white-space: nowrap;
}

.mail-piece-scan-table tbody td[b-er3zlzwpcs] {
    font-size: 0.82rem;
    color: #0b2d4e;
    vertical-align: top;
}

.mail-piece-scan-equipment[b-er3zlzwpcs],
.mail-piece-scan-process[b-er3zlzwpcs],
.mail-piece-scan-phase[b-er3zlzwpcs] {
    max-width: 14rem;
    white-space: normal;
}

.mail-piece-scan-process[b-er3zlzwpcs] {
    max-width: 18rem;
}

.mail-piece-scan-empty[b-er3zlzwpcs],
.mail-piece-scan-error[b-er3zlzwpcs] {
    font-size: 0.85rem;
    color: #5a6e7f;
}

.mail-piece-scan-error[b-er3zlzwpcs] {
    color: #b42318;
}

.mail-piece-scan-building[b-er3zlzwpcs] {
    color: var(--bs-info-text-emphasis, #055160);
    background: var(--bs-info-bg-subtle, #cff4fc);
    border: 1px solid var(--bs-info-border-subtle, #9eeaf9);
}

.mail-piece-scan-rebuild[b-er3zlzwpcs] {
    font-size: 0.85rem;
    color: #8a6d1d;
    background: #fffaf0;
    border-color: #f1d59b;
}

.mail-piece-scan-hint[b-er3zlzwpcs] {
    font-size: 0.82rem;
    color: #5a6e7f;
    margin-bottom: 0;
}

.mail-piece-scan-breakdown[b-er3zlzwpcs] {
    border: 1px solid #d8e3ee;
    border-radius: 0.5rem;
    background: #ffffff;
    padding: 0.85rem 1rem;
}

.mail-piece-scan-breakdown-header[b-er3zlzwpcs] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.35rem;
}

.mail-piece-scan-breakdown-title[b-er3zlzwpcs] {
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #0b2d4e;
}

.mail-piece-scan-breakdown-meta[b-er3zlzwpcs] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #5a6e7f;
}

.mail-piece-scan-breakdown-hint[b-er3zlzwpcs] {
    font-size: 0.8rem;
    color: #5a6e7f;
}

.mail-piece-scan-breakdown-tabs[b-er3zlzwpcs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.65rem;
}

.mail-piece-scan-breakdown-tab[b-er3zlzwpcs] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.65rem;
    border: 1px solid #d8e3ee;
    border-radius: 999px;
    background: #f7f9fc;
    color: #5a6e7f;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.mail-piece-scan-breakdown-tab:hover[b-er3zlzwpcs] {
    background: #eef4fa;
    border-color: #c5d6e6;
    color: #0b2d4e;
}

.mail-piece-scan-breakdown-tab.is-active[b-er3zlzwpcs] {
    background: #0b2d4e;
    border-color: #0b2d4e;
    color: #ffffff;
}

.mail-piece-scan-breakdown-tab-count[b-er3zlzwpcs] {
    display: inline-block;
    min-width: 1.15rem;
    padding: 0.05rem 0.35rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    font-size: 0.72rem;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.mail-piece-scan-breakdown-tab:not(.is-active) .mail-piece-scan-breakdown-tab-count[b-er3zlzwpcs] {
    background: #e4ebf2;
    color: #0b2d4e;
}

.mail-piece-scan-breakdown-table-wrap[b-er3zlzwpcs] {
    border: 1px solid #e4ebf2;
    border-radius: 0.45rem;
    overflow: hidden;
}

.mail-piece-scan-breakdown-table thead th[b-er3zlzwpcs] {
    background: #eef4fa;
    color: #0b2d4e;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #d1dde8;
    white-space: nowrap;
    vertical-align: middle;
}

.mail-piece-scan-breakdown-table tbody td[b-er3zlzwpcs] {
    font-size: 0.82rem;
    color: #0b2d4e;
    vertical-align: middle;
    border-color: #e4ebf2;
}

.mail-piece-breakdown-row[b-er3zlzwpcs] {
    cursor: pointer;
}

.mail-piece-breakdown-row:hover[b-er3zlzwpcs] {
    background: #f9fbfd;
}

.mail-piece-breakdown-row.is-expanded[b-er3zlzwpcs] {
    background: #f3f8fc;
}

.mail-piece-breakdown-code[b-er3zlzwpcs] {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    white-space: nowrap;
}

.mail-piece-breakdown-detail-row > td[b-er3zlzwpcs] {
    background: #f7fafc;
    border-top: none;
    padding-top: 0;
    padding-bottom: 0.85rem;
}

.mail-piece-breakdown-detail[b-er3zlzwpcs] {
    padding: 0.65rem 0.75rem 0.75rem;
    border: 1px solid #d8e3ee;
    border-radius: 0.45rem;
    background: #ffffff;
}

.mail-piece-breakdown-detail-title[b-er3zlzwpcs] {
    font-size: 0.78rem;
    font-weight: 800;
    color: #0b2d4e;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.5rem;
}

.mail-piece-breakdown-pieces-table thead th[b-er3zlzwpcs] {
    background: #eef4fa;
    color: #0b2d4e;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #d1dde8;
    white-space: nowrap;
}

.mail-piece-breakdown-pieces-table tbody td[b-er3zlzwpcs] {
    font-size: 0.8rem;
    color: #0b2d4e;
    vertical-align: middle;
    font-variant-numeric: tabular-nums;
}

.mail-piece-breakdown-empty[b-er3zlzwpcs],
.mail-piece-breakdown-error[b-er3zlzwpcs] {
    font-size: 0.85rem;
    color: #5a6e7f;
}

.mail-piece-breakdown-error[b-er3zlzwpcs] {
    color: #b42318;
}

.mail-piece-breakdown-piece-hint[b-er3zlzwpcs] {
    font-size: 0.78rem;
    color: #5a6e7f;
}

.mail-piece-breakdown-piece-row[b-er3zlzwpcs] {
    cursor: pointer;
}

.mail-piece-breakdown-piece-row:hover[b-er3zlzwpcs] {
    background: #f9fbfd;
}

.mail-piece-breakdown-piece-row.is-expanded[b-er3zlzwpcs] {
    background: #eef6fb;
}

.mail-piece-breakdown-scan-detail-row > td[b-er3zlzwpcs] {
    background: #f3f8fc;
    border-top: none;
    padding-top: 0;
    padding-bottom: 0.65rem;
}
/* /Components/MailReportCacheDebugPanel.razor.rz.scp.css */
.mail-report-cache-debug[b-fbxd5se27b] {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 45;
    width: min(22rem, calc(100vw - 2.5rem));
    border: 1px solid #c5d5e4;
    border-radius: 0.65rem;
    background: #f7f9fc;
    box-shadow: 0 12px 32px rgba(11, 45, 78, 0.18);
    overflow: hidden;
}

.mail-report-cache-debug.is-expanded[b-fbxd5se27b] {
    width: min(28rem, calc(100vw - 2.5rem));
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
}

.mail-report-cache-debug-toggle[b-fbxd5se27b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    padding: 0.7rem 1rem;
    border: 0;
    background: #ffffff;
    color: #0b2d4e;
    text-align: left;
    cursor: pointer;
}

.mail-report-cache-debug.is-expanded .mail-report-cache-debug-toggle[b-fbxd5se27b] {
    border-bottom: 1px solid #e2e9f0;
}

.mail-report-cache-debug-toggle:hover[b-fbxd5se27b],
.mail-report-cache-debug-toggle:focus-visible[b-fbxd5se27b] {
    background: #eef4fa;
    outline: none;
}

.mail-report-cache-debug-toggle-main[b-fbxd5se27b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.mail-report-cache-debug-title[b-fbxd5se27b] {
    font-size: 0.85rem;
    font-weight: 600;
}

.mail-report-cache-debug-pill[b-fbxd5se27b] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    border: 1px solid transparent;
}

.mail-report-cache-debug-pill.is-warm[b-fbxd5se27b] {
    color: #166534;
    background: #ecfdf3;
    border-color: #b9dfc1;
}

.mail-report-cache-debug-pill.is-cold[b-fbxd5se27b] {
    color: #9a3412;
    background: #fff7ed;
    border-color: #f1d59b;
}

.mail-report-cache-debug-pill.is-refreshing[b-fbxd5se27b] {
    color: #1d4ed8;
    background: #eff6ff;
    border-color: #bfdbfe;
}

.mail-report-cache-debug-chevron[b-fbxd5se27b] {
    width: 0.55rem;
    height: 0.55rem;
    border-right: 2px solid #5a6e7f;
    border-bottom: 2px solid #5a6e7f;
    transform: rotate(45deg);
    transition: transform 0.15s ease;
    flex-shrink: 0;
}

.mail-report-cache-debug-chevron.is-open[b-fbxd5se27b] {
    transform: rotate(-135deg);
    margin-top: 0.2rem;
}

.mail-report-cache-debug-body[b-fbxd5se27b] {
    padding: 0.75rem 1rem 1rem;
    font-size: 0.78rem;
}

.mail-report-cache-debug-row[b-fbxd5se27b] {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    gap: 0.5rem;
    margin-bottom: 0.35rem;
}

.mail-report-cache-debug-label[b-fbxd5se27b] {
    color: #5a6e7f;
    font-weight: 600;
}

.mail-report-cache-debug-value[b-fbxd5se27b] {
    color: #0b2d4e;
    word-break: break-word;
}

.mail-report-cache-debug-code[b-fbxd5se27b] {
    font-size: 0.72rem;
    color: #334155;
    word-break: break-all;
}

.mail-report-cache-debug-section[b-fbxd5se27b] {
    margin-top: 0.65rem;
    margin-bottom: 0.35rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #5a6e7f;
}

.mail-report-cache-debug-grid[b-fbxd5se27b] {
    display: grid;
    gap: 0.4rem;
}

.mail-report-cache-debug-metric[b-fbxd5se27b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.35rem 0.5rem;
    border-radius: 0.4rem;
    border: 1px solid #e2e9f0;
    background: #fff;
}

.mail-report-cache-debug-metric.is-hit[b-fbxd5se27b] {
    border-color: #b9dfc1;
    background: #f3fbf5;
}

.mail-report-cache-debug-metric.is-miss[b-fbxd5se27b] {
    border-color: #f1d59b;
    background: #fffaf0;
}

.mail-report-cache-debug-metric-label[b-fbxd5se27b] {
    color: #5a6e7f;
}

.mail-report-cache-debug-metric-value[b-fbxd5se27b] {
    font-weight: 600;
    color: #0b2d4e;
    text-align: right;
}

.mail-report-cache-debug-footnote[b-fbxd5se27b] {
    margin-top: 0.65rem;
    color: #64748b;
    font-size: 0.72rem;
}

.mail-report-cache-debug-perf-active[b-fbxd5se27b] {
    margin-bottom: 0.5rem;
    padding: 0.45rem 0.55rem;
    border-radius: 0.4rem;
    border: 1px solid #bfdbfe;
    background: #eff6ff;
}

.mail-report-cache-debug-perf-title[b-fbxd5se27b] {
    font-weight: 600;
    color: #1d4ed8;
    margin-bottom: 0.25rem;
}

.mail-report-cache-debug-perf-trace[b-fbxd5se27b] {
    margin-bottom: 0.35rem;
    border: 1px solid #e2e9f0;
    border-radius: 0.4rem;
    background: #fff;
    padding: 0.25rem 0.45rem;
}

.mail-report-cache-debug-perf-trace summary[b-fbxd5se27b] {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    font-weight: 600;
    color: #0b2d4e;
}

.mail-report-cache-debug-perf-summary-meta[b-fbxd5se27b] {
    color: #64748b;
    font-weight: 500;
    font-size: 0.72rem;
}

.mail-report-cache-debug-perf-phases[b-fbxd5se27b] {
    margin-top: 0.35rem;
    padding-top: 0.25rem;
    border-top: 1px dashed #e2e9f0;
}

.mail-report-cache-debug-perf-row[b-fbxd5se27b] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.72rem;
    color: #334155;
    padding: 0.1rem 0;
}

.mail-report-cache-debug-perf-ms[b-fbxd5se27b] {
    color: #64748b;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 768px) {
    .mail-report-cache-debug[b-fbxd5se27b] {
        right: 0.75rem;
        bottom: 0.75rem;
        width: min(20rem, calc(100vw - 1.5rem));
    }
}
/* /Components/MailReportClientAiSummary.razor.rz.scp.css */
.mail-report-ai-summary[b-f7iengqb92] {
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #d1dde8;
    border-radius: 0.75rem;
    background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
    box-shadow: 0 4px 16px rgba(11, 45, 78, 0.05);
}

.mail-report-ai-summary.is-compact[b-f7iengqb92] {
    margin-bottom: 0;
    padding: 0;
    overflow: hidden;
    box-shadow: none;
}

.mail-report-ai-summary-toggle-row[b-f7iengqb92] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    padding: 0.45rem 0.45rem 0.45rem 0;
}

.mail-report-ai-summary-toggle[b-f7iengqb92] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    flex: 1;
    min-width: 0;
    padding: 0.3rem 0.45rem;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.mail-report-ai-summary-toggle:hover[b-f7iengqb92] {
    background: #fafcfe;
    border-radius: 0.45rem;
}

.mail-report-ai-summary-refresh-btn[b-f7iengqb92] {
    flex-shrink: 0;
    margin-top: 0.35rem;
    margin-right: 0.45rem;
}

.mail-report-ai-summary-toggle-body[b-f7iengqb92] {
    flex: 1;
    min-width: 0;
}

.mail-report-ai-summary-preview[b-f7iengqb92] {
    margin-top: 0.25rem;
    color: #3d5166;
    font-size: 0.84rem;
    line-height: 1.45;
}

.mail-report-ai-summary-chevron[b-f7iengqb92] {
    color: #0b2d4e;
    font-size: 0.95rem;
    line-height: 1;
}

.mail-report-ai-summary-content[b-f7iengqb92] {
    padding: 0 0.9rem 0.9rem;
}

.mail-report-ai-summary-content.is-collapsed[b-f7iengqb92] {
    display: none;
}

.mail-report-ai-summary.is-compact .mail-report-ai-summary-header[b-f7iengqb92] {
    padding: 0.75rem 0.9rem 0;
}

.mail-report-ai-summary-header[b-f7iengqb92] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.mail-report-ai-summary.is-compact .mail-report-ai-summary-title[b-f7iengqb92] {
    font-size: 0.92rem;
    margin-bottom: 0;
}

.mail-report-ai-summary-title[b-f7iengqb92] {
    margin: 0 0 0.2rem;
    font-size: 1rem;
    font-weight: 700;
    color: #0b2d4e;
}

.mail-report-ai-summary-subtitle[b-f7iengqb92] {
    color: #5a6e7f;
    font-size: 0.84rem;
}

.mail-report-ai-summary-loading[b-f7iengqb92] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #5a6e7f;
    font-size: 0.88rem;
    font-weight: 600;
}

.mail-report-ai-summary-body[b-f7iengqb92] {
    padding: 0.15rem 0 0.1rem;
}

.mail-report-ai-summary-list[b-f7iengqb92] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mail-report-ai-summary-list li[b-f7iengqb92] {
    padding: 0.35rem 0 0.35rem 0.65rem;
    margin-bottom: 0.5rem;
    border-left: 3px solid transparent;
    color: #243647;
    font-size: 0.92rem;
    line-height: 1.6;
}

.mail-report-ai-summary-list li.mail-report-ai-bullet-positive[b-f7iengqb92] {
    border-left-color: #2f8f5b;
}

.mail-report-ai-summary-list li.mail-report-ai-bullet-caution[b-f7iengqb92] {
    border-left-color: #d4a017;
}

.mail-report-ai-summary-list li.mail-report-ai-bullet-critical[b-f7iengqb92] {
    border-left-color: #d14343;
}

.mail-report-ai-summary-list li.mail-report-ai-bullet-neutral[b-f7iengqb92] {
    border-left-color: #d1dde8;
}

.mail-report-ai-summary-list li:last-child[b-f7iengqb92] {
    margin-bottom: 0;
}

.mail-report-ai-summary-list[b-f7iengqb92]  .mail-report-ai-job-ref {
    color: #5a6e7f;
    font-weight: 400;
    text-decoration: none;
}

.mail-report-ai-summary-list[b-f7iengqb92]  .mail-report-ai-keyword,
.mail-report-ai-summary-list[b-f7iengqb92]  .mail-report-ai-region {
    color: #0b2d4e;
    font-weight: 700;
}

.mail-report-ai-summary-list[b-f7iengqb92]  .mail-report-ai-neutral-metric {
    color: #0b2d4e;
    font-weight: 700;
}

.mail-report-ai-summary-list[b-f7iengqb92]  .mail-report-ai-positive {
    color: #1f6f46;
    background: #edf8f1;
    padding: 0.05rem 0.35rem;
    border-radius: 0.35rem;
    font-weight: 700;
    white-space: nowrap;
}

.mail-report-ai-summary-list[b-f7iengqb92]  .mail-report-ai-caution {
    color: #9a6700;
    background: #fff8e6;
    padding: 0.05rem 0.35rem;
    border-radius: 0.35rem;
    font-weight: 700;
    white-space: nowrap;
}

.mail-report-ai-summary-list[b-f7iengqb92]  .mail-report-ai-critical {
    color: #b42318;
    background: #fff0f0;
    padding: 0.05rem 0.35rem;
    border-radius: 0.35rem;
    font-weight: 700;
    white-space: nowrap;
}

.mail-report-ai-summary-list[b-f7iengqb92]  .mail-report-ai-piece-count {
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 0.12em;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    color: #243647;
}

.mail-report-ai-summary-list[b-f7iengqb92]  .mail-report-ai-piece-unit {
    font-weight: 400;
    color: #3d5166;
}

.mail-report-ai-summary-meta[b-f7iengqb92] {
    margin-top: 0.75rem;
    padding-top: 0.65rem;
    border-top: 1px solid #e8eef4;
    color: #6b7f92;
    font-size: 0.76rem;
    line-height: 1.4;
}

.mail-report-ai-summary-meta-note[b-f7iengqb92] {
    color: #8a9bab;
}

@media (max-width: 767.98px) {
    .mail-report-ai-summary-list li[b-f7iengqb92] {
        font-size: 0.88rem;
        line-height: 1.55;
    }
}
/* /Components/MailReportColumnFilter.razor.rz.scp.css */
.mail-report-column-filter[b-ptyxd8l98v] {
    position: relative;
    flex-shrink: 0;
}

.mail-report-column-filter.is-end .mail-report-column-filter-panel[b-ptyxd8l98v] {
    left: auto;
    right: 0;
}

.mail-report-column-filter-btn[b-ptyxd8l98v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    padding: 0;
    border: 0;
    border-radius: 0.2rem;
    background: transparent;
    color: #64748b;
    cursor: pointer;
}

.mail-report-column-filter-btn:hover[b-ptyxd8l98v] {
    color: #c4760f;
    background: rgba(196, 118, 15, 0.08);
}

.mail-report-column-filter-btn:focus-visible[b-ptyxd8l98v] {
    outline: 2px solid #0b6bcb;
    outline-offset: 1px;
}

.mail-report-column-filter.is-active .mail-report-column-filter-btn[b-ptyxd8l98v] {
    color: #c4760f;
    background: rgba(196, 118, 15, 0.14);
}

.mail-report-column-filter-icon[b-ptyxd8l98v] {
    width: 0.75rem;
    height: 0.75rem;
}

.mail-report-column-filter-panel[b-ptyxd8l98v] {
    position: fixed;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 10rem;
    max-width: 16rem;
    padding: 0.55rem;
    border: 1px solid #d1dde8;
    border-radius: 0.45rem;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
    max-height: 16rem;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 400;
    font-size: 0.84rem;
    line-height: 1.35;
    white-space: normal;
}

.mail-report-column-filter-panel.is-end[b-ptyxd8l98v] {
    /* Alignment handled in JS via fixed left position. */
}

.mail-report-column-filter-actions[b-ptyxd8l98v] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding-bottom: 0.15rem;
    border-bottom: 1px solid #e3ebf3;
    font-size: 0.78rem;
}

.mail-report-column-filter-search[b-ptyxd8l98v] {
    flex-shrink: 0;
}

.mail-report-column-filter-options[b-ptyxd8l98v] {
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.mail-report-column-filter-option[b-ptyxd8l98v] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    margin: 0;
    padding: 0.2rem 0.15rem;
    color: #1e293b;
    cursor: pointer;
}

.mail-report-column-filter-option:hover[b-ptyxd8l98v] {
    background: #f7f9fc;
    border-radius: 0.25rem;
}

.mail-report-column-filter-option input[b-ptyxd8l98v] {
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.mail-report-column-filter-empty[b-ptyxd8l98v] {
    padding: 0.35rem 0.15rem;
    font-size: 0.82rem;
}
/* /Components/MailReportGeoGrid.razor.rz.scp.css */
.mail-report-grid-panel[b-oe9lzzukn4] {
    display: flex;
    flex-direction: column;
}

.mail-report-state-tab-note[b-oe9lzzukn4] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e3ebf3;
    background: #f9fbfd;
    color: #5a6e7f;
    font-size: 0.84rem;
}

.mail-report-table-wrap[b-oe9lzzukn4] {
    max-height: 520px;
    overflow: auto;
}

.mail-report-detail-scroll[b-oe9lzzukn4] {
    flex: 1 1 auto;
    min-height: 12rem;
}

.mail-report-grid-footer[b-oe9lzzukn4] {
    flex-shrink: 0;
    border-top: 2px solid #d1dde8;
    background: #f3f7fb;
    overflow-x: auto;
}

.mail-report-footer-table[b-oe9lzzukn4] {
    table-layout: fixed;
    min-width: 100%;
}

.mail-report-detail-scroll-status[b-oe9lzzukn4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.65rem 1rem;
    color: #5a6e7f;
    font-size: 0.82rem;
    border-top: 1px solid #e3ebf3;
    background: #f9fbfd;
}

.mail-report-detail-status[b-oe9lzzukn4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #5a6e7f;
}

.mail-report-detail-placeholder-row td[b-oe9lzzukn4] {
    padding: 2rem 1rem;
    text-align: center;
    background: #fff;
}

.mail-report-grid-filter-status[b-oe9lzzukn4] {
    padding: 0.45rem 0.85rem;
    border-top: 1px solid #e3ebf3;
    background: #f9fbfd;
    color: #5a6e7f;
    font-size: 0.8rem;
}

.mail-report-piece-lookup-col[b-oe9lzzukn4] {
    width: 4.5rem;
    white-space: nowrap;
}

.mail-report-piece-lookup-link[b-oe9lzzukn4] {
    font-size: 0.82rem;
    text-decoration: none;
}

.mail-report-piece-lookup-link:hover[b-oe9lzzukn4] {
    text-decoration: underline;
}

.mail-report-total-loading[b-oe9lzzukn4] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 1.25rem;
}

.mail-report-detail-footer .mail-report-total-row td[b-oe9lzzukn4] {
    border-top: none;
}

.mail-report-filtered-total-note[b-oe9lzzukn4] {
    margin-left: 0.35rem;
    font-size: 0.72rem;
    font-weight: 600;
    color: #5a6e7f;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.mail-report-table[b-oe9lzzukn4] {
    font-size: 0.85rem;
    margin-bottom: 0;
    --bs-table-bg: #fff;
    --bs-table-hover-bg: #eef4fa;
}

.mail-report-table thead th[b-oe9lzzukn4] {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #eef4fa;
    color: #0b2d4e;
    font-weight: 700;
    font-size: 0.72rem;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 2px solid #c5d4e3;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0.7rem 0.85rem;
    box-shadow: inset 0 -1px 0 #c5d4e3;
    overflow: visible;
}

.mail-report-th-content[b-oe9lzzukn4] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    max-width: 100%;
}

.mail-report-table tbody td[b-oe9lzzukn4],
.mail-report-table tfoot td[b-oe9lzzukn4] {
    padding: 0.6rem 0.85rem;
    vertical-align: middle;
    border-color: #e3ebf3;
}

.mail-report-table tbody td[b-oe9lzzukn4] {
    font-variant-numeric: tabular-nums;
    color: #1e293b;
}

.mail-report-table tbody tr:nth-child(even)[b-oe9lzzukn4] {
    background: #f9fbfd;
}

.mail-report-table tbody tr:hover[b-oe9lzzukn4] {
    background: #eef4fa;
}

.mail-report-col-text[b-oe9lzzukn4] {
    max-width: 14rem;
    white-space: normal;
    word-break: break-word;
    font-variant-numeric: normal;
}

.mail-report-rpdc-chip-cell[b-oe9lzzukn4] {
    font-variant-numeric: normal;
}

.mail-report-rpdc-chip[b-oe9lzzukn4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    padding: 0.2rem 0.55rem;
    border: 2px solid;
    border-radius: 0.35rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: #1e293b;
    line-height: 1.2;
    white-space: nowrap;
}

.mail-report-sort-btn[b-oe9lzzukn4] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    color: inherit;
    font: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    line-height: inherit;
    cursor: pointer;
    white-space: nowrap;
    text-align: inherit;
}

.mail-report-sort-btn-end[b-oe9lzzukn4] {
    width: 100%;
    justify-content: flex-end;
}

.mail-report-table th.text-end .mail-report-sort-btn-end[b-oe9lzzukn4] {
    width: 100%;
    justify-content: flex-end;
}

.mail-report-sort-btn:hover[b-oe9lzzukn4] {
    color: #c4760f;
}

.mail-report-sort-btn:focus-visible[b-oe9lzzukn4] {
    outline: 2px solid #0b6bcb;
    outline-offset: 2px;
    border-radius: 0.15rem;
}

.mail-report-total-row td[b-oe9lzzukn4] {
    font-weight: 700;
    color: #0b2d4e;
    border-top: 2px solid #d1dde8;
    background: #f3f7fb;
}

.mail-report-total-row:hover td[b-oe9lzzukn4] {
    background: #f3f7fb;
}
/* /Components/MailReportInsightsStrip.razor.rz.scp.css */
.mail-report-insights-strip.is-compact[b-bv6081lyit] {
    margin-bottom: 0;
}

.mail-report-insights-hint.is-compact[b-bv6081lyit],
.mail-report-insights-loading.is-compact[b-bv6081lyit] {
    margin-bottom: 0;
}

.mail-report-insights-strip.is-compact .mail-report-insights-main[b-bv6081lyit] {
    box-shadow: none;
}

.mail-report-insights-strip.is-compact .mail-report-insights-toggle[b-bv6081lyit] {
    padding: 0.75rem 0.9rem;
}

.mail-report-insights-hint[b-bv6081lyit] {
    margin: 0 0 1rem;
    padding: 0.75rem 1rem;
    border: 1px dashed #d1dde8;
    border-radius: 0.55rem;
    background: #f7fafc;
    color: #5a6e7f;
    font-size: 0.88rem;
}

.mail-report-insights-strip[b-bv6081lyit] {
    margin-bottom: 1rem;
}

.mail-report-insights-loading[b-bv6081lyit] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 1rem;
    color: #5a6e7f;
    font-size: 0.88rem;
    font-weight: 600;
}

.mail-report-insights-error[b-bv6081lyit] {
    font-size: 0.88rem;
}

.mail-report-insights-main[b-bv6081lyit] {
    border: 1px solid #d1dde8;
    border-radius: 0.75rem;
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(11, 45, 78, 0.07);
    overflow: hidden;
}

.mail-report-insights-toggle[b-bv6081lyit] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    padding: 0.9rem 1rem;
    border: 0;
    background: transparent;
    text-align: left;
}

.mail-report-insights-toggle:not(:disabled)[b-bv6081lyit] {
    cursor: pointer;
}

.mail-report-insights-toggle:not(:disabled):hover[b-bv6081lyit] {
    background: #fafcfe;
}

.mail-report-insights-toggle-body[b-bv6081lyit] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem 1rem;
}

.mail-report-insights-inline-stat[b-bv6081lyit] {
    font-size: 0.84rem;
    color: #3d5166;
}

.mail-report-insights-chevron[b-bv6081lyit] {
    flex-shrink: 0;
    margin-top: 0.45rem;
    color: #0b2d4e;
    font-size: 1rem;
    line-height: 1;
}

.mail-report-insights-toggle.is-static[b-bv6081lyit] {
    cursor: default;
}

.mail-report-insights-expanded[b-bv6081lyit] {
    padding: 0 1rem 1rem;
    border-top: 1px solid #e8eef4;
}

.mail-report-insights-meta[b-bv6081lyit] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
    margin-top: 0.65rem;
}

.mail-report-insights-meta-chip[b-bv6081lyit] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.45rem;
    padding: 0.35rem 0.7rem;
    border: 1px solid #d1dde8;
    border-radius: 999px;
    background: #f7fafc;
    font-size: 0.82rem;
}

.mail-report-insights-meta-label[b-bv6081lyit] {
    color: #5a6e7f;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.mail-report-insights-meta-value[b-bv6081lyit] {
    color: #0b2d4e;
    font-weight: 700;
}

.mail-report-insights-info[b-bv6081lyit] {
    display: inline-block;
    margin-left: 0.15rem;
    color: #7a8f9f;
    cursor: help;
}

.delivery-pace-callout[b-bv6081lyit] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem 1rem;
    padding: 0.7rem 0.9rem;
    border-radius: 0.55rem;
    border: 1px solid #d1dde8;
    background: #f7fafc;
}

.delivery-pace-badge[b-bv6081lyit] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.delivery-pace-detail[b-bv6081lyit] {
    font-size: 0.86rem;
    color: #3d5166;
}

.delivery-pace-on-track[b-bv6081lyit] {
    border-color: #b8dcc8;
    background: #f2fbf6;
}

.delivery-pace-on-track .delivery-pace-badge[b-bv6081lyit] {
    background: #1f7a4d;
    color: #ffffff;
}

.delivery-pace-slightly-behind[b-bv6081lyit] {
    border-color: #efd9a8;
    background: #fffaf0;
}

.delivery-pace-slightly-behind .delivery-pace-badge[b-bv6081lyit] {
    background: #d4891a;
    color: #ffffff;
}

.delivery-pace-behind[b-bv6081lyit],
.delivery-pace-past-end[b-bv6081lyit] {
    border-color: #efc2c2;
    background: #fff5f5;
}

.delivery-pace-behind .delivery-pace-badge[b-bv6081lyit],
.delivery-pace-past-end .delivery-pace-badge[b-bv6081lyit] {
    background: #b42318;
    color: #ffffff;
}

.delivery-pace-complete[b-bv6081lyit] {
    border-color: #b8dcc8;
    background: #f2fbf6;
}

.delivery-pace-complete .delivery-pace-badge[b-bv6081lyit] {
    background: #0b2d4e;
    color: #ffffff;
}

.delivery-pace-neutral .delivery-pace-badge[b-bv6081lyit] {
    background: #e8eef4;
    color: #5a6e7f;
}

.delivery-insights-panel[b-bv6081lyit] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.delivery-insights-accordion[b-bv6081lyit] {
    border: 1px solid #d1dde8;
    border-radius: 0.55rem;
    overflow: hidden;
}

.delivery-insights-accordion-toggle[b-bv6081lyit] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    padding: 0.75rem 0.9rem;
    border: 0;
    background: #f7fafc;
    text-align: left;
    cursor: pointer;
}

.delivery-insights-accordion-toggle:hover[b-bv6081lyit] {
    background: #eef4f9;
}

.delivery-insights-accordion-heading[b-bv6081lyit] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.delivery-insights-accordion-title[b-bv6081lyit] {
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #0b2d4e;
}

.delivery-insights-accordion-summary[b-bv6081lyit] {
    font-size: 0.84rem;
    color: #5a6e7f;
}

.delivery-insights-accordion-chevron[b-bv6081lyit] {
    flex-shrink: 0;
    color: #0b2d4e;
}

.delivery-insights-accordion-body[b-bv6081lyit] {
    padding: 0.75rem 0.9rem 0.9rem;
    border-top: 1px solid #e8eef4;
    background: #ffffff;
}

.delivery-insights-caption[b-bv6081lyit] {
    font-size: 0.84rem;
    color: #5a6e7f;
}

.delivery-insights-client-note[b-bv6081lyit] {
    font-size: 0.86rem;
    color: #3d5166;
}

.delivery-insights-gap[b-bv6081lyit] {
    color: #b42318;
    font-weight: 700;
}
/* /Components/MailReportMailDateTimeline.razor.rz.scp.css */
.mail-report-mail-date-timeline[b-q5ociyzen9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.mail-report-mail-date-timeline-toolbar[b-q5ociyzen9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
    width: 100%;
}

.mail-report-mail-date-timeline-toolbar .mail-report-chip-btn[b-q5ociyzen9] {
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.2;
    padding: 0.2rem 0.65rem;
    letter-spacing: normal;
    text-transform: none;
    border-radius: 999px;
}

.mail-report-mail-date-timeline-toolbar .mail-report-chip-btn.is-active[b-q5ociyzen9] {
    color: #fff;
    background-color: #1f6f46;
    border-color: #1f6f46;
}

.mail-report-mail-date-timeline-toolbar .mail-report-chip-btn.is-active:hover[b-q5ociyzen9],
.mail-report-mail-date-timeline-toolbar .mail-report-chip-btn.is-active:focus[b-q5ociyzen9] {
    color: #fff;
    background-color: #2f8f5b;
    border-color: #2f8f5b;
}

.mail-report-mail-date-timeline-count[b-q5ociyzen9] {
    font-variant-numeric: tabular-nums;
}

.mail-report-mail-date-timeline-scroll[b-q5ociyzen9] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0.15rem;
    -webkit-overflow-scrolling: touch;
    text-align: center;
    mask-image: linear-gradient(
        to right,
        transparent 0,
        #000 0.75rem,
        #000 calc(100% - 0.75rem),
        transparent 100%
    );
}

.mail-report-mail-date-timeline-rail[b-q5ociyzen9] {
    display: inline-flex;
    align-items: flex-start;
    gap: 0;
    min-width: min-content;
    padding: 0.35rem 0.75rem 0.15rem;
    text-align: center;
}

.mail-report-mail-date-node[b-q5ociyzen9] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 0;
    min-width: 5.75rem;
    max-width: 8rem;
    padding: 0 0.15rem;
    text-align: center;
}

.mail-report-mail-date-node:not(:last-child)[b-q5ociyzen9]::after {
    content: "";
    position: absolute;
    top: 0.6rem;
    left: calc(50% + 0.55rem);
    width: calc(100% - 1.1rem);
    height: 2px;
    background: #d1dde8;
    z-index: 0;
    pointer-events: none;
}

.mail-report-mail-date-node.is-segment-active:not(:last-child)[b-q5ociyzen9]::after {
    background: #2f8f5b;
}

.mail-report-mail-date-dot[b-q5ociyzen9] {
    position: relative;
    z-index: 1;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0;
    padding: 0;
    border: 2px solid #0b2d4e;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.mail-report-mail-date-dot:hover[b-q5ociyzen9] {
    border-color: #2f8f5b;
    transform: scale(1.08);
}

.mail-report-mail-date-dot:focus-visible[b-q5ociyzen9] {
    outline: 2px solid #2f8f5b;
    outline-offset: 2px;
}

.mail-report-mail-date-node.is-selected .mail-report-mail-date-dot[b-q5ociyzen9] {
    background: #1f6f46;
    border-color: #1f6f46;
}

.mail-report-mail-date-node.is-latest .mail-report-mail-date-dot[b-q5ociyzen9] {
    box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.35);
}

.mail-report-mail-date-node.is-latest.is-selected .mail-report-mail-date-dot[b-q5ociyzen9] {
    background: #1f6f46;
    border-color: #1f6f46;
    box-shadow: 0 0 0 3px rgba(47, 143, 91, 0.28);
}

.mail-report-mail-date-label[b-q5ociyzen9] {
    margin-top: 0.45rem;
    color: #0b2d4e;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.mail-report-mail-date-meta[b-q5ociyzen9] {
    margin-top: 0.15rem;
    color: #5a6e7f;
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
}

.mail-report-mail-date-badge[b-q5ociyzen9] {
    display: inline-block;
    margin-top: 0.2rem;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    background: #fff8eb;
    border: 1px solid #f0d59a;
    color: #8a6a2a;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.3;
}

.mail-report-mail-date-node.is-selected .mail-report-mail-date-label[b-q5ociyzen9],
.mail-report-mail-date-node.is-selected .mail-report-mail-date-meta[b-q5ociyzen9] {
    color: #1f6f46;
}

.mail-report-mail-date-node.is-selected .mail-report-mail-date-pieces[b-q5ociyzen9] {
    font-weight: 700;
}

@media (max-width: 640px) {
    .mail-report-mail-date-node[b-q5ociyzen9] {
        min-width: 5rem;
    }
}
/* /Components/MailReportMultiSelect.razor.rz.scp.css */
.mail-report-multiselect[b-cgn2ccoitb] {
    position: relative;
}

.mail-report-multiselect.is-disabled .mail-report-multiselect-trigger[b-cgn2ccoitb] {
    background: #f4f7fa;
    color: #64748b;
    cursor: not-allowed;
}

.mail-report-multiselect-trigger[b-cgn2ccoitb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    text-align: left;
    background: #fff;
    cursor: pointer;
}

.mail-report-multiselect-trigger-text[b-cgn2ccoitb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-report-multiselect-chevron[b-cgn2ccoitb] {
    color: #5a6e7f;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.mail-report-multiselect-panel[b-cgn2ccoitb] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    right: 0;
    z-index: 30;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.55rem;
    border: 1px solid #d1dde8;
    border-radius: 0.45rem;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
    max-height: 16rem;
}

.mail-report-multiselect-actions[b-cgn2ccoitb] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding-bottom: 0.15rem;
    border-bottom: 1px solid #e3ebf3;
    font-size: 0.78rem;
}

.mail-report-multiselect-search[b-cgn2ccoitb] {
    flex-shrink: 0;
}

.mail-report-multiselect-options[b-cgn2ccoitb] {
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.mail-report-multiselect-option[b-cgn2ccoitb] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    margin: 0;
    padding: 0.2rem 0.15rem;
    font-size: 0.84rem;
    color: #1e293b;
    cursor: pointer;
}

.mail-report-multiselect-option:hover[b-cgn2ccoitb] {
    background: #f7f9fc;
    border-radius: 0.25rem;
}

.mail-report-multiselect-option input[b-cgn2ccoitb] {
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.mail-report-multiselect-option-label[b-cgn2ccoitb] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.mail-report-multiselect-empty[b-cgn2ccoitb] {
    padding: 0.35rem 0.15rem;
    font-size: 0.82rem;
}

.mail-report-empty-scope[b-cgn2ccoitb] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 12rem;
    margin-top: 1rem;
    padding: 2rem 1rem;
    border: 1px dashed #c5d4e0;
    border-radius: 0.55rem;
    background: #f9fbfd;
    color: #5a6e7f;
    text-align: center;
}
/* /Components/MailReportPieceLookupPanel.razor.rz.scp.css */
.mail-report-piece-lookup-backdrop[b-pvutthxh1q] {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0.75rem;
    background: rgba(11, 45, 78, 0.45);
    overflow-y: auto;
}

.mail-report-piece-lookup-modal[b-pvutthxh1q] {
    width: min(1480px, calc(100vw - 1.5rem));
    max-height: calc(100vh - 1.5rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid #d1dde8;
}

.mail-report-piece-lookup-header[b-pvutthxh1q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid #e2e9f0;
    background: #f9fbfd;
}

.mail-report-piece-lookup-title[b-pvutthxh1q] {
    margin: 0;
    font-size: 1.1rem;
    color: #0b2d4e;
}

.mail-report-piece-lookup-subtitle[b-pvutthxh1q] {
    margin-top: 0.2rem;
    font-size: 0.84rem;
    color: #5a6e7f;
}

.mail-report-piece-lookup-body[b-pvutthxh1q] {
    padding: 0.9rem 1rem 1rem;
    overflow: auto;
}

.mail-report-piece-lookup-presets[b-pvutthxh1q],
.mail-report-piece-lookup-filters[b-pvutthxh1q] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.55rem;
    margin-bottom: 0.85rem;
}

.mail-report-piece-lookup-presets-label[b-pvutthxh1q] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #5a6e7f;
    margin-right: 0.25rem;
}

.mail-report-piece-lookup-filter[b-pvutthxh1q] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 7.5rem;
}

.mail-report-piece-lookup-filter-label[b-pvutthxh1q] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #5a6e7f;
}

.mail-report-piece-lookup-filter-actions[b-pvutthxh1q] {
    display: flex;
    gap: 0.45rem;
    align-items: center;
}

.mail-report-piece-lookup-loading[b-pvutthxh1q],
.mail-report-piece-lookup-result-meta[b-pvutthxh1q] {
    font-size: 0.88rem;
    color: #5a6e7f;
}

.mail-report-piece-lookup-loading[b-pvutthxh1q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 0;
}

.mail-report-piece-lookup-table-wrap[b-pvutthxh1q] {
    border: 1px solid #e2e9f0;
    border-radius: 0.35rem;
    margin-bottom: 0.75rem;
    overflow: auto;
}

.mail-report-piece-lookup-results[b-pvutthxh1q] {
    display: block;
}

.mail-report-piece-lookup-results.has-selection[b-pvutthxh1q] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(24rem, 0.95fr);
    gap: 1rem;
    align-items: start;
}

.mail-report-piece-lookup-results.has-selection .mail-report-piece-lookup-table-wrap[b-pvutthxh1q] {
    margin-bottom: 0;
}

.mail-report-piece-lookup-row[b-pvutthxh1q] {
    cursor: pointer;
}

.mail-report-piece-lookup-row:hover[b-pvutthxh1q] {
    background: #f7fbff;
}

.mail-report-piece-lookup-row.is-selected[b-pvutthxh1q] {
    background: #edf4fb;
    box-shadow: inset 3px 0 0 #0b2d4e;
}

.mail-report-piece-lookup-row:focus-visible[b-pvutthxh1q] {
    outline: 2px solid #0b2d4e;
    outline-offset: -2px;
}

.mail-report-piece-lookup-letter-pane[b-pvutthxh1q] {
    border: 1px solid #e2e9f0;
    border-radius: 0.35rem;
    padding: 0.75rem;
    background: #fbfcfe;
    max-height: min(72vh, 760px);
    overflow: auto;
}

.mail-report-piece-lookup-letter-header[b-pvutthxh1q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}

.mail-report-piece-lookup-letter-title[b-pvutthxh1q] {
    margin: 0;
    font-size: 0.92rem;
    color: #0b2d4e;
}

.mail-report-piece-lookup-table th[b-pvutthxh1q] {
    background: #f7f9fc;
    font-size: 0.78rem;
    white-space: nowrap;
}

.mail-report-piece-lookup-package[b-pvutthxh1q] {
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-report-piece-status[b-pvutthxh1q] {
    display: inline-flex;
    align-items: center;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
    white-space: nowrap;
}

.mail-report-piece-status.is-delivered[b-pvutthxh1q] {
    background: #d8f3dc;
    color: #1b5e20;
}

.mail-report-piece-status.is-in-transit[b-pvutthxh1q] {
    background: #dbeafe;
    color: #1e40af;
}

.mail-report-piece-status.is-stale-in-transit[b-pvutthxh1q] {
    background: #fde2e2;
    color: #9b1c1c;
}

.mail-report-piece-status.is-not-scanned[b-pvutthxh1q],
.mail-report-piece-status.is-undelivered[b-pvutthxh1q] {
    background: #f3f4f6;
    color: #4b5563;
}

.mail-report-piece-lookup-pagination[b-pvutthxh1q] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.mail-report-piece-lookup-page-label[b-pvutthxh1q] {
    font-size: 0.84rem;
    color: #5a6e7f;
}

.mail-report-piece-lookup-footnote[b-pvutthxh1q] {
    margin-top: 0.85rem;
    font-size: 0.8rem;
    color: #5a6e7f;
}

@media (max-width: 992px) {
    .mail-report-piece-lookup-results.has-selection[b-pvutthxh1q] {
        grid-template-columns: 1fr;
    }

    .mail-report-piece-lookup-letter-pane[b-pvutthxh1q] {
        max-height: none;
    }
}

@media (max-width: 768px) {
    .mail-report-piece-lookup-backdrop[b-pvutthxh1q] {
        padding: 0.5rem;
    }

    .mail-report-piece-lookup-modal[b-pvutthxh1q] {
        width: calc(100vw - 1rem);
        max-height: calc(100vh - 1rem);
    }
}
/* /Components/MailReportScheduleModal.razor.rz.scp.css */
.mail-report-schedule-backdrop[b-rvf33ogoos] {
    background: rgba(11, 45, 78, 0.35);
}

.mail-report-schedule-modal .modal-header[b-rvf33ogoos],
.mail-report-schedule-modal .modal-footer[b-rvf33ogoos] {
    border-color: #d1dde8;
}

.mail-report-schedule-subtitle[b-rvf33ogoos] {
    color: #5a6e7f;
    font-size: 0.85rem;
}

.mail-report-schedule-layout[b-rvf33ogoos] {
    display: grid;
    grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr);
    gap: 1rem;
}

.mail-report-schedule-section-label[b-rvf33ogoos] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #5a6e7f;
}

.mail-report-schedule-list-header[b-rvf33ogoos] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.mail-report-schedule-empty[b-rvf33ogoos] {
    padding: 0.75rem;
    border: 1px dashed #d1dde8;
    border-radius: 0.45rem;
    color: #5a6e7f;
    font-size: 0.85rem;
}

.mail-report-schedule-list[b-rvf33ogoos] {
    max-height: 24rem;
    overflow: auto;
}

.mail-report-schedule-item[b-rvf33ogoos] {
    padding: 0.65rem 0.75rem;
}

.mail-report-schedule-item.is-active[b-rvf33ogoos] {
    border-color: #0b2d4e;
    background: #f7f9fc;
}

.mail-report-schedule-item.is-disabled[b-rvf33ogoos] {
    opacity: 0.65;
}

.mail-report-schedule-item-title[b-rvf33ogoos] {
    font-weight: 600;
    color: #0b2d4e;
}

.mail-report-schedule-item-meta[b-rvf33ogoos] {
    color: #5a6e7f;
    font-size: 0.78rem;
}

.mail-report-schedule-form-panel[b-rvf33ogoos] {
    border-left: 1px solid #e3ebf3;
    padding-left: 1rem;
}

.mail-report-schedule-filter-note[b-rvf33ogoos] {
    padding: 0.65rem 0.75rem;
    border: 1px solid #d1dde8;
    border-radius: 0.45rem;
    background: #f9fbfd;
    color: #5a6e7f;
    font-size: 0.82rem;
}

.mail-report-schedule-form-actions[b-rvf33ogoos] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.mail-report-schedule-delivery-table[b-rvf33ogoos] {
    font-size: 0.8rem;
}

.mail-report-schedule-status[b-rvf33ogoos] {
    display: inline-flex;
    align-items: center;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.mail-report-schedule-status.is-sent[b-rvf33ogoos] {
    background: #e7f6ed;
    color: #1f6f46;
}

.mail-report-schedule-status.is-simulated[b-rvf33ogoos] {
    background: #fff8eb;
    color: #8a6a2a;
}

.mail-report-schedule-status.is-failed[b-rvf33ogoos] {
    background: #fdecec;
    color: #9b1c1c;
}

.mail-report-schedule-recipient-suggestions[b-rvf33ogoos] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.mail-report-schedule-recipient-suggestions .mail-report-chip-btn[b-rvf33ogoos] {
    border-radius: 999px;
    font-size: 0.75rem;
    line-height: 1.2;
    padding: 0.15rem 0.55rem;
}

@media (max-width: 900px) {
    .mail-report-schedule-layout[b-rvf33ogoos] {
        grid-template-columns: 1fr;
    }

    .mail-report-schedule-form-panel[b-rvf33ogoos] {
        border-left: 0;
        border-top: 1px solid #e3ebf3;
        padding-left: 0;
        padding-top: 1rem;
    }
}
/* /Components/MailReportViewAsModal.razor.rz.scp.css */
.mail-report-viewas-backdrop[b-6onhafy8b1] {
    background: rgba(11, 45, 78, 0.45);
}

.mail-report-viewas-modal .modal-header[b-6onhafy8b1] {
    border-bottom: 1px solid var(--dms-border, #d1dde8);
}

.mail-report-viewas-subtitle[b-6onhafy8b1] {
    color: var(--dms-text-muted, #5a6e7f);
    font-size: 0.875rem;
}

.mail-report-viewas-list[b-6onhafy8b1] {
    max-height: 24rem;
    overflow-y: auto;
}

.mail-report-viewas-section-label[b-6onhafy8b1] {
    margin-bottom: 0.45rem;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5a6e7f;
}

.mail-report-viewas-item.is-recent[b-6onhafy8b1] {
    border-left: 3px solid #f5a623;
}

.mail-report-viewas-item[b-6onhafy8b1] {
    border-left: 3px solid transparent;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.mail-report-viewas-item.is-active[b-6onhafy8b1] {
    border-left-color: var(--dms-amber, #f5a623);
    background: #fff8eb;
}

.mail-report-viewas-item-email[b-6onhafy8b1] {
    font-weight: 700;
    color: var(--dms-navy, #0b2d4e);
}

.mail-report-viewas-item-clients[b-6onhafy8b1] {
    color: var(--dms-text-dark, #1a2a3a);
    font-size: 0.875rem;
    margin-top: 0.15rem;
}

.mail-report-viewas-item-meta[b-6onhafy8b1] {
    color: var(--dms-text-muted, #5a6e7f);
    font-size: 0.75rem;
    margin-top: 0.25rem;
}
/* /Components/PackageAuditHistoryPanel.razor.rz.scp.css */
.audit-history-panel[b-mzpuo65d8v] {
    margin-top: 2rem;
    border: 1px solid #d1dde8;
    border-radius: 0.75rem;
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(11, 45, 78, 0.05);
    overflow: hidden;
}

.audit-history-toggle[b-mzpuo65d8v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1rem 1.25rem;
    border: none;
    background: #f7f9fc;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s;
}

.audit-history-toggle:hover[b-mzpuo65d8v] {
    background: #eef4fa;
}

.audit-history-title[b-mzpuo65d8v] {
    font-size: 1.15rem;
    font-weight: 900;
    color: #0b2d4e;
    position: relative;
    padding-bottom: 0.5rem;
}

.audit-history-title[b-mzpuo65d8v]::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2.4rem;
    height: 3px;
    background: #f5a623;
    border-radius: 2px;
}

.audit-history-meta[b-mzpuo65d8v] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.85rem;
    color: #5a6e7f;
    font-weight: 600;
}

.audit-chevron[b-mzpuo65d8v] {
    font-size: 1rem;
    color: #0b2d4e;
}

.audit-history-body[b-mzpuo65d8v] {
    padding: 1.25rem;
    border-top: 1px solid #d1dde8;
}

.audit-filters[b-mzpuo65d8v] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 0.75rem 1rem;
    align-items: end;
}

.audit-filter-label[b-mzpuo65d8v] {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #9aafbf;
    margin-bottom: 0.35rem;
}

.audit-filter-actions[b-mzpuo65d8v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.audit-loading[b-mzpuo65d8v],
.audit-empty[b-mzpuo65d8v] {
    font-size: 0.9rem;
    color: #5a6e7f;
}

.audit-table thead th[b-mzpuo65d8v] {
    background: #eef4fa;
    color: #0b2d4e;
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-bottom: 2px solid #d1dde8;
    white-space: nowrap;
}

.audit-when[b-mzpuo65d8v] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    color: #5a6e7f;
    font-size: 0.85rem;
}

.audit-package[b-mzpuo65d8v] {
    font-weight: 600;
    color: #0b2d4e;
}

.audit-change[b-mzpuo65d8v] {
    min-width: 12rem;
}

.audit-old[b-mzpuo65d8v] {
    color: #9aafbf;
    text-decoration: line-through;
}

.audit-arrow[b-mzpuo65d8v] {
    margin: 0 0.35rem;
    color: #f5a623;
    font-weight: 700;
}

.audit-new[b-mzpuo65d8v] {
    color: #0b2d4e;
    font-weight: 600;
}

.audit-user[b-mzpuo65d8v] {
    font-size: 0.85rem;
    color: #5a6e7f;
    word-break: break-all;
}

@media (max-width: 767.98px) {
    .audit-history-toggle[b-mzpuo65d8v] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.5rem;
    }

    .audit-change[b-mzpuo65d8v] {
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
    }

    .audit-arrow[b-mzpuo65d8v] {
        display: none;
    }
}
/* /Components/PackageCodeAiAssignPanel.razor.rz.scp.css */
.ai-assign-panel[b-ts9uigh7ae] {
    margin-bottom: 1.25rem;
}

.ai-upload-card[b-ts9uigh7ae] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.25rem;
    padding: 1rem 1.25rem;
    border: 1px dashed #b8c9d9;
    border-radius: 0.65rem;
    background: #f9fbfd;
    transition: border-color 0.15s, background 0.15s;
}

.ai-upload-card:hover[b-ts9uigh7ae] {
    border-color: #f5a623;
    background: #fffdf8;
}

.ai-upload-card-busy[b-ts9uigh7ae] {
    opacity: 0.85;
    pointer-events: none;
}

.ai-upload-icon[b-ts9uigh7ae] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 0.5rem;
    background: #eef4fa;
    color: #0b2d4e;
}

.ai-upload-copy[b-ts9uigh7ae] {
    flex: 1 1 12rem;
    min-width: 0;
}

.ai-upload-title[b-ts9uigh7ae] {
    margin: 0 0 0.2rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: #0b2d4e;
}

.ai-upload-desc[b-ts9uigh7ae] {
    margin: 0;
    font-size: 0.85rem;
    color: #5a6e7f;
    line-height: 1.4;
}

.ai-upload-action[b-ts9uigh7ae] {
    flex-shrink: 0;
    position: relative;
}

.ai-upload-btn[b-ts9uigh7ae] {
    position: relative;
    display: inline-block;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
}

.ai-upload-btn[b-ts9uigh7ae]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.ai-assign-list[b-ts9uigh7ae] {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
    font-size: 0.85rem;
}

.ai-modal-backdrop[b-ts9uigh7ae] {
    background: rgba(11, 45, 78, 0.45);
}

.ai-modal-content[b-ts9uigh7ae] {
    border: 1px solid #d1dde8;
    box-shadow: 0 8px 32px rgba(11, 45, 78, 0.15);
}

@media (max-width: 576px) {
    .ai-upload-card[b-ts9uigh7ae] {
        flex-direction: column;
        align-items: stretch;
    }

    .ai-upload-action[b-ts9uigh7ae] {
        width: 100%;
    }

    .ai-upload-btn[b-ts9uigh7ae] {
        display: block;
        width: 100%;
        text-align: center;
    }
}
/* /Components/PackageWorkflowPanel.razor.rz.scp.css */
.package-workflow-panel[b-cak1tts0au] {
    margin-bottom: 1rem;
    border: 1px solid #d1dde8;
    border-radius: 0.65rem;
    background: #f7f9fc;
    overflow: hidden;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.package-workflow-panel.is-floating[b-cak1tts0au] {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 40;
    margin: 0;
    width: min(22rem, calc(100vw - 2.5rem));
    box-shadow: 0 12px 32px rgba(11, 45, 78, 0.18);
}

.package-workflow-panel.is-floating.is-expanded[b-cak1tts0au] {
    width: min(42rem, calc(100vw - 2.5rem));
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
}

.package-workflow-toggle[b-cak1tts0au] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    padding: 0.7rem 1rem;
    border: 0;
    background: #ffffff;
    color: #0b2d4e;
    text-align: left;
    cursor: pointer;
}

.package-workflow-panel.is-expanded .package-workflow-toggle[b-cak1tts0au] {
    border-bottom: 1px solid #e2e9f0;
}

.package-workflow-toggle:hover[b-cak1tts0au],
.package-workflow-toggle:focus-visible[b-cak1tts0au] {
    background: #eef4fa;
    outline: none;
}

.package-workflow-toggle-main[b-cak1tts0au] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.65rem;
    min-width: 0;
}

.package-workflow-toggle-title[b-cak1tts0au] {
    font-size: 0.92rem;
    font-weight: 800;
}

.package-workflow-selection-pill[b-cak1tts0au] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: #e8f1fa;
    color: #0b2d4e;
    font-size: 0.74rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.package-workflow-chevron[b-cak1tts0au] {
    display: inline-block;
    width: 0.55rem;
    height: 0.55rem;
    border-right: 2px solid #0b2d4e;
    border-bottom: 2px solid #0b2d4e;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
    margin-top: -0.15rem;
}

.package-workflow-chevron.is-open[b-cak1tts0au] {
    transform: rotate(-135deg);
    margin-top: 0.15rem;
}

.package-workflow-body[b-cak1tts0au] {
    padding: 0.85rem 1.1rem 1rem;
}

.package-workflow-header[b-cak1tts0au] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.package-workflow-subtitle[b-cak1tts0au] {
    font-size: 0.8rem;
    color: #5a6e7f;
}

.package-workflow-grid[b-cak1tts0au] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 0.85rem;
}

.package-workflow-card[b-cak1tts0au] {
    padding: 0.75rem;
    border: 1px solid #e2e9f0;
    border-radius: 0.5rem;
    background: #ffffff;
}

.package-workflow-card-wide[b-cak1tts0au] {
    grid-column: 1 / -1;
}

.package-workflow-label[b-cak1tts0au] {
    display: block;
    margin-bottom: 0.4rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #0b2d4e;
}

.package-workflow-row[b-cak1tts0au] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.package-workflow-sep[b-cak1tts0au] {
    font-size: 0.82rem;
    color: #5a6e7f;
}

.package-workflow-job-input[b-cak1tts0au] {
    max-width: 10rem;
}

.package-workflow-hint[b-cak1tts0au] {
    margin-top: 0.45rem;
    font-size: 0.78rem;
    color: #5a6e7f;
}

.package-selection-bar[b-cak1tts0au] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px solid #e2e9f0;
    font-size: 0.85rem;
    color: #5a6e7f;
}

.package-selection-toggle[b-cak1tts0au] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    font-weight: 600;
    color: #0b2d4e;
}

.package-selection-count[b-cak1tts0au] {
    font-variant-numeric: tabular-nums;
}

@media (max-width: 767.98px) {
    .package-workflow-panel.is-floating[b-cak1tts0au] {
        right: 0.75rem;
        left: 0.75rem;
        width: auto;
    }

    .package-workflow-panel.is-floating.is-expanded[b-cak1tts0au] {
        width: auto;
    }
}
/* /Components/Pages/DataSyncAdmin.razor.rz.scp.css */
.data-sync-container[b-ejm55bst2e] {
    max-width: 900px;
}

.data-sync-card[b-ejm55bst2e] {
    background: #fff;
    border: 1px solid #d1dde8;
    border-radius: 0.75rem;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 4px 18px rgba(11, 45, 78, 0.06);
}

.data-sync-card-title[b-ejm55bst2e] {
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: #0b2d4e;
}

.data-sync-actions[b-ejm55bst2e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.data-sync-summary dt[b-ejm55bst2e] {
    font-weight: 600;
    color: #5a6e7f;
}

.data-sync-table thead th[b-ejm55bst2e] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #5a6e7f;
}

@media (max-width: 767px) {
    .data-sync-actions[b-ejm55bst2e] {
        flex-direction: column;
    }

    .data-sync-actions .btn[b-ejm55bst2e] {
        width: 100%;
    }
}
/* /Components/Pages/DeliveryAdmin.razor.rz.scp.css */
.data-sync-container[b-rd56ibfz58] {
    max-width: 900px;
}

.data-sync-card[b-rd56ibfz58] {
    background: #fff;
    border: 1px solid #d1dde8;
    border-radius: 0.75rem;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 4px 18px rgba(11, 45, 78, 0.06);
}

.data-sync-card-title[b-rd56ibfz58] {
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: #0b2d4e;
}

.data-sync-summary dt[b-rd56ibfz58] {
    font-weight: 600;
    color: #5a6e7f;
}

.delivery-preview-recipient[b-rd56ibfz58] {
    min-width: min(100%, 20rem);
    flex: 1 1 20rem;
}

.delivery-preview-grid[b-rd56ibfz58] {
    display: grid;
    gap: 1.25rem;
}

.delivery-preview-panel[b-rd56ibfz58] {
    border: 1px solid #d1dde8;
    border-radius: 0.75rem;
    background: #f7f9fc;
    padding: 1rem;
}

.delivery-preview-panel-header[b-rd56ibfz58] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.delivery-preview-panel-title[b-rd56ibfz58] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0b2d4e;
    margin-bottom: 0.35rem;
}

.delivery-preview-panel-meta[b-rd56ibfz58] {
    font-size: 0.82rem;
    color: #5a6e7f;
}

.delivery-sms-preview-shell[b-rd56ibfz58] {
    padding: 1rem;
    background: #eef2f6;
    border: 1px solid #d1dde8;
    border-radius: 0.65rem;
}

.delivery-sms-bubble[b-rd56ibfz58] {
    display: inline-block;
    max-width: 100%;
    background: #ffffff;
    border: 1px solid #d1dde8;
    border-radius: 1rem 1rem 1rem 0.35rem;
    padding: 0.85rem 1rem;
    font-size: 0.92rem;
    line-height: 1.5;
    color: #3d5568;
    white-space: pre-wrap;
    word-break: break-word;
}

.delivery-email-preview-shell[b-rd56ibfz58] {
    border: 1px solid #d1dde8;
    border-radius: 0.65rem;
    overflow: hidden;
    background: #f0f4f8;
    max-height: 36rem;
    overflow-y: auto;
}

.delivery-preview-plaintext-body[b-rd56ibfz58] {
    margin: 0.5rem 0 0;
    padding: 0.75rem;
    background: #fff;
    border: 1px solid #e8eef4;
    border-radius: 0.5rem;
    font-size: 0.78rem;
    white-space: pre-wrap;
    word-break: break-word;
}

@media (min-width: 992px) {
    .delivery-preview-grid[b-rd56ibfz58] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .data-sync-actions .btn[b-rd56ibfz58] {
        width: 100%;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Search card */
.search-card[b-6gvzwojpba] {
    border: 1px solid #d1dde8;
    border-radius: 0.6rem;
    box-shadow: 0 4px 16px rgba(11, 45, 78, 0.07);
    background: #ffffff;
}

/* Save banner */
.save-banner[b-6gvzwojpba] {
    background: #e8f5e9;
    border: 1px solid #c8e6c9;
    color: #2e6b38;
    border-radius: 0.45rem;
    padding: 0.6rem 1rem;
    font-weight: 600;
    font-size: 0.88rem;
}

/* Inline save button */
.btn-save[b-6gvzwojpba] {
    background: #f5a623;
    border: 1px solid #d4891a;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.35rem 0.85rem;
    border-radius: 0.3rem;
    white-space: nowrap;
}

.btn-save:hover[b-6gvzwojpba] {
    background: #d4891a;
    border-color: #b87416;
    color: #fff;
}

/* /Components/Pages/Login.razor.rz.scp.css */
/* Auth page shell styles live in Components/Layout/LoginLayout.razor.css (::deep). */
/* /Components/Pages/MailReportMap.razor.rz.scp.css */
.mail-report-map-page[b-ujik6dqo5n] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 3.5rem);
    min-height: 520px;
    margin: -1rem -0.75rem 0;
}

.mail-report-map-header[b-ujik6dqo5n] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #d1dde8;
    background: #fff;
}

.mail-report-map-header-main[b-ujik6dqo5n] {
    min-width: 0;
}

.mail-report-map-back-link[b-ujik6dqo5n] {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #0b2d4e;
    text-decoration: none;
    font-size: 0.88rem;
}

.mail-report-map-back-link:hover[b-ujik6dqo5n] {
    text-decoration: underline;
}

.mail-report-map-title[b-ujik6dqo5n] {
    margin: 0;
    font-size: 1.35rem;
    color: #0b2d4e;
}

.mail-report-map-subtitle[b-ujik6dqo5n] {
    margin: 0.15rem 0 0;
    color: #5a6e7f;
    font-size: 0.88rem;
}

.mail-report-map-header-actions[b-ujik6dqo5n] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.mail-report-map-filter-bar[b-ujik6dqo5n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 1rem;
    background: #f7f9fc;
    border-bottom: 1px solid #e2e9f0;
}

.mail-report-map-filter-label[b-ujik6dqo5n] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #5a6e7f;
}

.mail-report-map-filter-chip[b-ujik6dqo5n] {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #d1dde8;
    color: #1a2a3a;
    font-size: 0.82rem;
}

.mail-report-map-filter-empty[b-ujik6dqo5n] {
    color: #5a6e7f;
    font-size: 0.85rem;
}

.mail-report-map-mail-dates-row[b-ujik6dqo5n] {
    padding: 0.65rem 1rem;
    background: #fff;
    border-bottom: 1px solid #e2e9f0;
}

.mail-report-map-mail-dates-row.is-timeline[b-ujik6dqo5n] {
    text-align: center;
}

.mail-report-map-mail-dates-row .mail-report-mail-date-chips[b-ujik6dqo5n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.mail-report-map-mail-dates-row .mail-report-chip-btn.is-active[b-ujik6dqo5n] {
    color: #fff;
    background-color: #1f6f46;
    border-color: #1f6f46;
}

.mail-report-map-mail-dates-empty[b-ujik6dqo5n] {
    max-width: 24rem;
}

.mail-report-map-metric-controls[b-ujik6dqo5n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.65rem;
    margin-left: auto;
}

.mail-report-map-overlay-toggle[b-ujik6dqo5n] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    color: #5a6e7f;
    white-space: nowrap;
}

.mail-report-map-overlay-toggle input[b-ujik6dqo5n] {
    margin: 0;
}

.mail-report-map-metric-label[b-ujik6dqo5n] {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #5a6e7f;
}

.mail-report-map-metric-select[b-ujik6dqo5n] {
    width: auto;
    min-width: 8.5rem;
    max-width: 11rem;
}

.mail-report-map-inset-strip[b-ujik6dqo5n] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.45rem;
    padding: 0.5rem 1rem;
    background: #fff;
    border-bottom: 1px solid #e2e9f0;
}

.mail-report-map-inset-strip.is-empty[b-ujik6dqo5n] {
    display: none;
}

.mail-report-map-drill-bar[b-ujik6dqo5n] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.45rem 1rem;
    background: #fff;
    border-bottom: 1px solid #e2e9f0;
}

.mail-report-map-drill-title[b-ujik6dqo5n] {
    font-size: 0.88rem;
    color: #1a2a3a;
}

.mail-report-map-status[b-ujik6dqo5n] {
    padding: 0.4rem 1rem;
    background: #fff8e6;
    border-bottom: 1px solid #f0e2b6;
    color: #7a5b00;
    font-size: 0.82rem;
}

.mail-report-map-body[b-ujik6dqo5n] {
    position: relative;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.mail-report-map-canvas[b-ujik6dqo5n] {
    width: 100%;
    flex: 1;
    min-height: 0;
    background: #eef3f8;
}

.mail-report-map-canvas .mail-report-map-zip[b-ujik6dqo5n] {
    cursor: pointer;
}

.mail-report-map-overlay[b-ujik6dqo5n] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.88);
    color: #1a2a3a;
    text-align: center;
    z-index: 500;
    pointer-events: none;
}

.mail-report-map-legend[b-ujik6dqo5n] {
    padding: 0.55rem 0.65rem;
    border-radius: 0.45rem;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid #d1dde8;
    box-shadow: 0 2px 8px rgba(11, 45, 78, 0.08);
    line-height: 1.2;
}

.mail-report-map-legend-title[b-ujik6dqo5n] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #0b2d4e;
    margin-bottom: 0.35rem;
}

.mail-report-map-legend-bar[b-ujik6dqo5n] {
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(to right, #c6dbef, #08519c);
    margin-bottom: 0.25rem;
}

.mail-report-map-legend-labels[b-ujik6dqo5n] {
    display: flex;
    justify-content: space-between;
    font-size: 0.72rem;
    color: #5a6e7f;
}

.mail-report-map-legend-note[b-ujik6dqo5n] {
    margin-top: 0.25rem;
    font-size: 0.68rem;
    color: #6b7f92;
    line-height: 1.35;
}

.mail-report-map-empty[b-ujik6dqo5n] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 2rem;
    text-align: center;
    color: #5a6e7f;
}

.mail-report-map-insets[b-ujik6dqo5n] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    width: 100%;
}

.mail-report-map-inset-card[b-ujik6dqo5n] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.2rem;
    padding: 0.35rem 0.4rem 0.45rem;
    border: 1px solid #d1dde8;
    border-radius: 0.45rem;
    background: #fff;
    box-shadow: 0 2px 8px rgba(11, 45, 78, 0.08);
    cursor: pointer;
    text-align: left;
}

.mail-report-map-inset-card:hover[b-ujik6dqo5n] {
    border-color: #0b2d4e;
}

.mail-report-map-inset-svg[b-ujik6dqo5n] {
    display: block;
    background: #eef3f8;
    border-radius: 0.25rem;
}

.mail-report-map-inset-label[b-ujik6dqo5n] {
    font-size: 0.68rem;
    line-height: 1.25;
    color: #1a2a3a;
    white-space: nowrap;
}

.mail-report-map-zip-loading[b-ujik6dqo5n] {
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 700;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid #d1dde8;
    box-shadow: 0 2px 8px rgba(11, 45, 78, 0.1);
    color: #1a2a3a;
    font-size: 0.78rem;
    pointer-events: none;
}

@media (max-width: 768px) {
    .mail-report-map-page[b-ujik6dqo5n] {
        height: calc(100vh - 3rem);
    }
}
/* /Components/Pages/MailTrackingReport.razor.rz.scp.css */
.mail-report-page[b-nr5j0a3j59] {
    max-width: 1400px;
    margin: 0 auto;
}

.mail-report-header[b-nr5j0a3j59] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.mail-report-back-link[b-nr5j0a3j59] {
    display: inline-block;
    margin-bottom: 0.75rem;
    color: #0b2d4e;
    text-decoration: none;
    font-size: 0.9rem;
}

.mail-report-back-link:hover[b-nr5j0a3j59] {
    text-decoration: underline;
}

.mail-report-user-chip[b-nr5j0a3j59] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.45rem 0.75rem;
    border: 1px solid #d1dde8;
    border-radius: 999px;
    background: #fff;
    white-space: nowrap;
}

.mail-report-user-chip-btn[b-nr5j0a3j59] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.45rem 0.75rem;
    border: 1px solid #d1dde8;
    border-radius: 999px;
    background: #fff;
    white-space: nowrap;
    color: inherit;
    cursor: pointer;
}

.mail-report-user-chip-btn:hover[b-nr5j0a3j59] {
    border-color: #0b2d4e;
    background: #f7f9fc;
}

.mail-report-viewas-banner[b-nr5j0a3j59] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    border: 1px solid #f0d59a;
    border-left: 4px solid #f5a623;
    border-radius: 0.55rem;
    background: #fff8eb;
}

.mail-report-viewas-banner-text[b-nr5j0a3j59] {
    margin: 0;
    color: #1a2a3a;
    font-size: 0.9rem;
}

.mail-report-user-avatar[b-nr5j0a3j59] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #0b2d4e;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
}

.mail-report-filters[b-nr5j0a3j59] {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #d1dde8;
}

.mail-report-pinned-bar[b-nr5j0a3j59] {
    margin-bottom: 0.75rem;
    padding: 0.75rem 1rem;
    border: 1px solid #d1dde8;
}

.mail-report-pinned-bar-inner[b-nr5j0a3j59] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
}

.mail-report-pinned-label[b-nr5j0a3j59] {
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5a6e7f;
    white-space: nowrap;
}

.mail-report-pinned-empty[b-nr5j0a3j59] {
    flex: 1 1 12rem;
}

.mail-report-pinned-chips[b-nr5j0a3j59] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    flex: 1 1 auto;
}

.mail-report-pin-chip[b-nr5j0a3j59] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.55rem;
    border: 1px solid #c5d4e0;
    border-radius: 999px;
    background: #fff;
    color: #0b2d4e;
    font-size: 0.8rem;
    line-height: 1.2;
    cursor: pointer;
}

.mail-report-pin-chip:hover[b-nr5j0a3j59] {
    border-color: #0b2d4e;
    background: #f7f9fc;
}

.mail-report-pin-chip.is-active[b-nr5j0a3j59] {
    border-color: #f5a623;
    background: #fff8eb;
}

.mail-report-pin-remove[b-nr5j0a3j59] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    color: #5a6e7f;
    font-size: 0.95rem;
    line-height: 1;
}

.mail-report-pin-remove:hover[b-nr5j0a3j59] {
    background: #eef3f8;
    color: #0b2d4e;
}

.mail-report-pin-btn[b-nr5j0a3j59] {
    margin-left: auto;
    white-space: nowrap;
}

.mail-report-client-banner[b-nr5j0a3j59] {
    margin: 1rem 0 0;
    padding: 0.9rem 1rem;
    border: 1px solid #c5d9ef;
    border-left: 4px solid #0b6bcb;
    border-radius: 0.55rem;
    background: #edf5fc;
}

.mail-report-client-banner-label[b-nr5j0a3j59] {
    margin-bottom: 0.25rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #0b2d4e;
}

.mail-report-client-banner-text[b-nr5j0a3j59] {
    font-size: 0.92rem;
    color: #0b2d4e;
    white-space: pre-wrap;
}

.mail-report-filter-grid[b-nr5j0a3j59] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.mail-report-filter-reset[b-nr5j0a3j59] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.mail-report-filter-mail-dates-row[b-nr5j0a3j59] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e3ebf3;
}

.mail-report-filter-mail-dates-row.is-timeline[b-nr5j0a3j59] {
    text-align: center;
}

.mail-report-filter-mail-dates-row .mail-report-mail-date-chips[b-nr5j0a3j59] {
    margin-top: 0.25rem;
}

.mail-report-locked-filter[b-nr5j0a3j59] {
    background: #f4f7fa;
    color: #334155;
}

.mail-report-loading[b-nr5j0a3j59] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem 1rem;
    color: #5a6e7f;
}

.mail-report-results[b-nr5j0a3j59] {
    position: relative;
}

.mail-report-results-content.is-dimmed[b-nr5j0a3j59] {
    opacity: 0.42;
    transition: opacity 0.12s ease;
}

.mail-report-results.is-pending .mail-report-results-content[b-nr5j0a3j59] {
    pointer-events: none;
    user-select: none;
}

.mail-report-results-pending[b-nr5j0a3j59] {
    position: absolute;
    inset: 0;
    z-index: 24;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    padding-top: 5rem;
    background: rgba(247, 249, 252, 0.78);
    backdrop-filter: blur(1px);
    border-radius: 0.5rem;
    min-height: 14rem;
    color: #5a6e7f;
    font-size: 0.9rem;
}

.mail-report-mail-date-chips .mail-report-chip-btn[b-nr5j0a3j59] {
    transition: background-color 0.1s ease, border-color 0.1s ease, color 0.1s ease, transform 0.08s ease;
}

.mail-report-mail-date-chips .mail-report-chip-btn:active:not(:disabled)[b-nr5j0a3j59] {
    transform: scale(0.97);
}

.mail-report-filter-mail-dates-row.is-pending .mail-report-mail-date-chips .mail-report-chip-btn:not(.is-active)[b-nr5j0a3j59],
.mail-report-filter-mail-dates-row.is-pending .mail-report-mail-date-timeline[b-nr5j0a3j59] {
    opacity: 1;
}

.mail-report-kpis-sticky[b-nr5j0a3j59] {
    position: sticky;
    top: 0;
    z-index: 25;
    margin-bottom: 0.75rem;
    padding-top: 0.15rem;
    padding-bottom: 0.5rem;
    background: linear-gradient(180deg, var(--dms-body-bg) 78%, rgba(247, 249, 252, 0));
}

.mail-report-kpis-sticky .mail-report-kpis[b-nr5j0a3j59] {
    margin-bottom: 0.5rem;
}

.mail-report-kpis-sticky .mail-report-data-status[b-nr5j0a3j59] {
    margin-bottom: 0;
}

.mail-report-top-insights-row[b-nr5j0a3j59] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.75rem;
    align-items: stretch;
    margin-bottom: 0.75rem;
}

.mail-report-top-insights-delivery[b-nr5j0a3j59] {
    min-width: 0;
}

.mail-report-kpis[b-nr5j0a3j59] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.mail-report-kpi[b-nr5j0a3j59] {
    padding: 1rem;
    border: 1px solid #d1dde8;
    text-align: center;
}

.mail-report-kpi-label[b-nr5j0a3j59] {
    display: block;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #5a6e7f;
    margin-bottom: 0.35rem;
}

.mail-report-kpi-value[b-nr5j0a3j59] {
    display: block;
    font-size: 1.65rem;
    font-weight: 700;
    color: #0b2d4e;
    line-height: 1.1;
}

.mail-report-kpi.is-warning[b-nr5j0a3j59] {
    border-color: #e3c98a;
    background: #fff8eb;
}

.mail-report-kpi.is-warning .mail-report-kpi-label[b-nr5j0a3j59],
.mail-report-kpi.is-warning .mail-report-kpi-value[b-nr5j0a3j59] {
    color: #8a6a2a;
}

.mail-report-data-status[b-nr5j0a3j59] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0.55rem 0.95rem;
    border: 1px solid #e3eaf0;
    border-radius: 0.5rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f6f9fc 100%);
    font-size: 0.84rem;
    line-height: 1.35;
}

.mail-report-data-status-item[b-nr5j0a3j59] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
    padding: 0.1rem 0;
}

.mail-report-data-status-label[b-nr5j0a3j59] {
    color: #5a6e7f;
    font-weight: 600;
}

.mail-report-data-status-value[b-nr5j0a3j59] {
    color: #0b2d4e;
    font-weight: 700;
}

.mail-report-data-status-divider[b-nr5j0a3j59] {
    width: 1px;
    height: 1rem;
    margin: 0 0.85rem;
    background: #d1dde8;
    flex-shrink: 0;
}

.mail-report-data-status-info[b-nr5j0a3j59] {
    display: inline-block;
    margin-left: 0.1rem;
    color: #7a8f9f;
    cursor: help;
}

.mail-report-data-status-item.is-warning .mail-report-data-status-label[b-nr5j0a3j59],
.mail-report-data-status-item.is-warning .mail-report-data-status-value[b-nr5j0a3j59] {
    color: #8a6a2a;
}

.mail-report-map-overlay-toggle[b-nr5j0a3j59] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.15rem;
    font-size: 0.82rem;
    color: #5a6e7f;
    white-space: nowrap;
}

.mail-report-map-overlay-toggle input[b-nr5j0a3j59] {
    margin: 0;
}

.mail-report-visual-filter-status[b-nr5j0a3j59] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid #e3c98a;
    border-radius: 0.45rem;
    background: #fff8eb;
    color: #5a4a2a;
    font-size: 0.84rem;
}

.mail-report-share-status[b-nr5j0a3j59] {
    margin-top: 0.35rem;
    font-size: 0.82rem;
    color: #2f6f3a;
}

.mail-report-visual-row[b-nr5j0a3j59] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.mail-report-visual[b-nr5j0a3j59] {
    padding: 0.85rem;
    border: 1px solid #d1dde8;
    min-height: 360px;
}

.mail-report-visual-title[b-nr5j0a3j59] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #0b2d4e;
    margin-bottom: 0.75rem;
}

.mail-report-visual-header[b-nr5j0a3j59] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.65rem 1rem;
    margin-bottom: 0.75rem;
}

.mail-report-map-controls[b-nr5j0a3j59] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.65rem 0.85rem;
}

.mail-report-map-control-group[b-nr5j0a3j59] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 9.5rem;
}

.mail-report-map-control-label[b-nr5j0a3j59] {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #5a6e7f;
}

.mail-report-map-metric-select[b-nr5j0a3j59] {
    min-width: 9.5rem;
    max-width: 12rem;
}

.mail-report-map-benchmark-note[b-nr5j0a3j59] {
    flex: 1 1 100%;
    font-size: 0.8rem;
    color: #5a6e7f;
}

.mail-report-chart-note[b-nr5j0a3j59] {
    font-size: 0.82rem;
    color: #5a6e7f;
    line-height: 1.45;
}

.mail-report-chart-footnote[b-nr5j0a3j59] {
    margin-top: 0.65rem;
    font-size: 0.76rem;
    color: #6b7f90;
    line-height: 1.45;
}

.mail-report-chart-fallback[b-nr5j0a3j59] {
    color: #7a8f9f;
    font-style: italic;
}

.mail-report-map[b-nr5j0a3j59],
.mail-report-chart[b-nr5j0a3j59] {
    min-height: 280px;
}

.mail-report-table-section[b-nr5j0a3j59] {
    border: 1px solid #d1dde8;
    overflow: hidden;
    background: #fff;
}

.mail-report-table-toolbar[b-nr5j0a3j59] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #d1dde8;
    background: #f9fbfd;
    flex-wrap: wrap;
}

.mail-report-export-actions[b-nr5j0a3j59] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-left: auto;
}

.mail-report-export-btn[b-nr5j0a3j59] {
    margin-bottom: 0;
    white-space: nowrap;
    flex-shrink: 0;
}

.mail-report-export-error[b-nr5j0a3j59] {
    margin: 0;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid #d1dde8;
    border-radius: 0;
}

.mail-report-tabs[b-nr5j0a3j59] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.mail-report-tab[b-nr5j0a3j59] {
    border: 1px solid #d1dde8;
    background: #fff;
    padding: 0.5rem 0.95rem;
    border-radius: 0.35rem;
    color: #5a6e7f;
    font-weight: 600;
    font-size: 0.85rem;
}

.mail-report-tab.is-active[b-nr5j0a3j59] {
    background: #0b2d4e;
    border-color: #0b2d4e;
    color: #fff;
}

.mail-report-clear-column-filters[b-nr5j0a3j59] {
    font-size: 0.82rem;
    text-decoration: none;
    padding: 0;
}

.mail-report-filtered-total-note[b-nr5j0a3j59] {
    margin-left: 0.35rem;
    font-size: 0.72rem;
    font-weight: 600;
    color: #5a6e7f;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.mail-report-grid-filter-status[b-nr5j0a3j59] {
    padding: 0.45rem 0.85rem;
    border-top: 1px solid #e3ebf3;
    background: #f9fbfd;
    color: #5a6e7f;
    font-size: 0.8rem;
}

.mail-report-state-tab-note[b-nr5j0a3j59] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e3ebf3;
    background: #f9fbfd;
    color: #5a6e7f;
    font-size: 0.84rem;
}

.mail-report-table-wrap[b-nr5j0a3j59] {
    max-height: 520px;
    overflow: auto;
}

.mail-report-table-wrap:not(.mail-report-detail-scroll)[b-nr5j0a3j59] {
    max-height: none;
    overflow: visible;
}

.mail-report-grid-panel[b-nr5j0a3j59] {
    display: flex;
    flex-direction: column;
}

.mail-report-detail-scroll[b-nr5j0a3j59] {
    flex: 1 1 auto;
    min-height: 12rem;
}

.mail-report-grid-footer[b-nr5j0a3j59] {
    flex-shrink: 0;
    border-top: 2px solid #d1dde8;
    background: #f3f7fb;
    overflow-x: auto;
}

.mail-report-grid-totals[b-nr5j0a3j59] {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1.5rem;
    padding: 0.75rem 1rem;
    border-top: 2px solid #d1dde8;
    background: #f3f7fb;
}

.mail-report-grid-totals-heading[b-nr5j0a3j59] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #0b2d4e;
    font-size: 0.85rem;
}

.mail-report-grid-totals-metrics[b-nr5j0a3j59] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.75rem 1.25rem;
    margin: 0;
}

.mail-report-grid-totals-metrics > div[b-nr5j0a3j59] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
}

.mail-report-grid-totals-metrics dt[b-nr5j0a3j59] {
    margin: 0;
    color: #5a6e7f;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mail-report-grid-totals-metrics dd[b-nr5j0a3j59] {
    margin: 0;
    color: #0b2d4e;
    font-size: 0.92rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.mail-report-grid-totals-viz[b-nr5j0a3j59] {
    flex: 1 1 14rem;
    min-width: min(100%, 14rem);
    max-width: 22rem;
    margin-left: auto;
    padding: 0.45rem 0.65rem;
    border: 1px solid #d1dde8;
    border-radius: 0.45rem;
    background: #fff;
}

.mail-report-totals-viz-header[b-nr5j0a3j59] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.35rem;
}

.mail-report-totals-viz-title[b-nr5j0a3j59] {
    color: #5a6e7f;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mail-report-totals-viz-value[b-nr5j0a3j59] {
    color: #0b2d4e;
    font-size: 0.72rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.mail-report-totals-stacked-bar[b-nr5j0a3j59] {
    position: relative;
    display: flex;
    height: 0.55rem;
    overflow: hidden;
    border-radius: 999px;
    background: #eef3f8;
}

.mail-report-totals-bar-segment[b-nr5j0a3j59] {
    height: 100%;
    min-width: 0;
    transition: width 0.25s ease;
}

.mail-report-totals-bar-delivered[b-nr5j0a3j59] {
    background: linear-gradient(90deg, #2f8f5b, #1f6f46);
}

.mail-report-totals-bar-pending[b-nr5j0a3j59] {
    background: #d8e2ec;
}

.mail-report-totals-est-marker[b-nr5j0a3j59] {
    position: absolute;
    top: -0.12rem;
    bottom: -0.12rem;
    width: 2px;
    margin-left: -1px;
    border-radius: 1px;
    background: #f5a623;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85);
    pointer-events: none;
}

.mail-report-totals-viz-legend[b-nr5j0a3j59] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    margin-top: 0.35rem;
    color: #5a6e7f;
    font-size: 0.68rem;
    font-weight: 600;
}

.mail-report-totals-legend-item[b-nr5j0a3j59] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    white-space: nowrap;
}

.mail-report-totals-legend-swatch[b-nr5j0a3j59] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 0.15rem;
    flex-shrink: 0;
}

.mail-report-totals-legend-marker[b-nr5j0a3j59] {
    width: 0;
    height: 0.55rem;
    border-left: 2px solid #f5a623;
    flex-shrink: 0;
}

.mail-report-totals-legend-est[b-nr5j0a3j59] {
    color: #8a6a2a;
}

@media (max-width: 900px) {
    .mail-report-grid-totals-viz[b-nr5j0a3j59] {
        flex-basis: 100%;
        max-width: none;
        margin-left: 0;
    }
}

.mail-report-footer-table[b-nr5j0a3j59] {
    table-layout: fixed;
    min-width: 100%;
}

.mail-report-detail-scroll-status[b-nr5j0a3j59] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.65rem 1rem;
    color: #5a6e7f;
    font-size: 0.82rem;
    border-top: 1px solid #e3ebf3;
    background: #f9fbfd;
}

.mail-report-detail-status[b-nr5j0a3j59] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #5a6e7f;
}

.mail-report-detail-placeholder-row td[b-nr5j0a3j59] {
    padding: 2rem 1rem;
    text-align: center;
    background: #fff;
}

.mail-report-total-loading[b-nr5j0a3j59] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 1.25rem;
}

.mail-report-detail-footer .mail-report-total-row td[b-nr5j0a3j59] {
    border-top: none;
}

.mail-report-table[b-nr5j0a3j59] {
    font-size: 0.85rem;
    margin-bottom: 0;
    --bs-table-bg: #fff;
    --bs-table-hover-bg: #eef4fa;
}

.mail-report-table thead th[b-nr5j0a3j59] {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #eef4fa;
    color: #0b2d4e;
    font-weight: 700;
    font-size: 0.72rem;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 2px solid #c5d4e3;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0.7rem 0.85rem;
    box-shadow: inset 0 -1px 0 #c5d4e3;
    overflow: visible;
}

.mail-report-th-content[b-nr5j0a3j59] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    max-width: 100%;
}

.mail-report-th-content-end[b-nr5j0a3j59] {
    width: 100%;
    justify-content: flex-end;
}

.mail-report-table th.text-end .mail-report-th-content-end[b-nr5j0a3j59] {
    width: 100%;
    justify-content: flex-end;
}

.mail-report-th-label[b-nr5j0a3j59] {
    display: inline-flex;
    align-items: center;
}

.mail-report-table tbody td[b-nr5j0a3j59],
.mail-report-table tfoot td[b-nr5j0a3j59] {
    padding: 0.6rem 0.85rem;
    vertical-align: middle;
    border-color: #e3ebf3;
}

.mail-report-table tbody td[b-nr5j0a3j59] {
    font-variant-numeric: tabular-nums;
    color: #1e293b;
}

.mail-report-table tbody tr:nth-child(even)[b-nr5j0a3j59] {
    background: #f9fbfd;
}

.mail-report-table tbody tr:hover[b-nr5j0a3j59] {
    background: #eef4fa;
}

.mail-report-col-text[b-nr5j0a3j59] {
    max-width: 14rem;
    white-space: normal;
    word-break: break-word;
    font-variant-numeric: normal;
}

.mail-report-sort-btn[b-nr5j0a3j59] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    color: inherit;
    font: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    line-height: inherit;
    cursor: pointer;
    white-space: nowrap;
    text-align: inherit;
}

.mail-report-sort-btn-end[b-nr5j0a3j59] {
    width: 100%;
    justify-content: flex-end;
}

.mail-report-table th.text-end .mail-report-sort-btn-end[b-nr5j0a3j59] {
    width: 100%;
    justify-content: flex-end;
}

.mail-report-sort-btn:hover[b-nr5j0a3j59] {
    color: #c4760f;
}

.mail-report-sort-btn:focus-visible[b-nr5j0a3j59] {
    outline: 2px solid #0b6bcb;
    outline-offset: 2px;
    border-radius: 0.15rem;
}

.mail-report-total-row td[b-nr5j0a3j59] {
    font-weight: 700;
    color: #0b2d4e;
    border-top: 2px solid #d1dde8;
    background: #f3f7fb;
}

.mail-report-total-row:hover td[b-nr5j0a3j59] {
    background: #f3f7fb;
}

.mail-report-pagination[b-nr5j0a3j59] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-top: 1px solid #d1dde8;
    background: #f9fbfd;
    flex-wrap: wrap;
}

@media (max-width: 1100px) {
    .mail-report-kpis[b-nr5j0a3j59] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mail-report-top-insights-row[b-nr5j0a3j59] {
        grid-template-columns: 1fr;
    }

    .mail-report-visual-row[b-nr5j0a3j59] {
        grid-template-columns: 1fr;
    }

    .mail-report-filter-grid[b-nr5j0a3j59] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.mail-report-mail-date-chips[b-nr5j0a3j59] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
}

.mail-report-chip-btn[b-nr5j0a3j59] {
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.2;
    padding: 0.2rem 0.65rem;
    letter-spacing: normal;
    text-transform: none;
    transition: background-color 0.1s ease, border-color 0.1s ease, color 0.1s ease, transform 0.08s ease;
}

.mail-report-chip-btn:active:not(:disabled)[b-nr5j0a3j59] {
    transform: scale(0.97);
}

.mail-report-mail-date-chips .mail-report-chip-btn.is-active[b-nr5j0a3j59] {
    color: #fff;
    background-color: #1f6f46;
    border-color: #1f6f46;
}

.mail-report-mail-date-chips .mail-report-chip-btn.is-active:hover[b-nr5j0a3j59],
.mail-report-mail-date-chips .mail-report-chip-btn.is-active:focus[b-nr5j0a3j59] {
    color: #fff;
    background-color: #2f8f5b;
    border-color: #2f8f5b;
}

.mail-report-state-tab-toolbar[b-nr5j0a3j59] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid #e3ebf3;
    background: #f9fbfd;
}

.mail-report-admin-btn[b-nr5j0a3j59] {
    border-color: #d4a017;
    color: #8a6a2a;
    background: #fffaf0;
}

.mail-report-admin-btn:hover[b-nr5j0a3j59] {
    border-color: #b8860b;
    color: #5a4a2a;
    background: #fff8eb;
}

.mail-report-multi-job-note[b-nr5j0a3j59] {
    color: #5a6e7f;
    font-size: 0.84rem;
}

.mail-report-geo-empty-help[b-nr5j0a3j59] {
    color: #5a6e7f;
    font-size: 0.84rem;
}

@media (max-width: 640px) {
    .mail-report-header[b-nr5j0a3j59] {
        flex-direction: column;
    }

    .mail-report-kpis[b-nr5j0a3j59],
    .mail-report-filter-grid[b-nr5j0a3j59] {
        grid-template-columns: 1fr;
    }

    .mail-report-table-toolbar[b-nr5j0a3j59] {
        flex-direction: column;
        align-items: stretch;
    }

    .mail-report-export-actions[b-nr5j0a3j59],
    .mail-report-export-btn[b-nr5j0a3j59] {
        margin-left: 0;
        width: 100%;
    }

    .mail-report-export-actions[b-nr5j0a3j59] {
        flex-direction: column;
    }
}

.mail-report-planned-notice[b-nr5j0a3j59] {
    margin: 0.75rem 1rem 0;
    padding: 0.65rem 0.85rem;
    border-radius: 0.375rem;
    background: #fff8e6;
    border: 1px solid #f0d58c;
    color: #5c4a12;
    font-size: 0.875rem;
}

.mail-report-summary-view-bar[b-nr5j0a3j59] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem 1rem;
    padding: 0.65rem 1rem 0.45rem;
    border-bottom: 1px solid #e8eef4;
    background: #fcfdfe;
}

.mail-report-summary-view-label[b-nr5j0a3j59] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #5a6e7f;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.mail-report-summary-view-toggle[b-nr5j0a3j59] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.mail-report-summary-view-toggle .mail-report-chip-btn.is-active[b-nr5j0a3j59] {
    color: #fff;
    background-color: #0b2d4e;
    border-color: #0b2d4e;
}

.mail-report-summary-view-hint[b-nr5j0a3j59] {
    margin-left: auto;
}

.mail-report-summary-planned[b-nr5j0a3j59] {
    background: rgba(255, 248, 230, 0.45);
}

.mail-report-planned-badge[b-nr5j0a3j59] {
    display: inline-block;
    margin-left: 0.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 0.25rem;
    background: #fff3cd;
    border: 1px solid #f0d58c;
    color: #7a5b00;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    vertical-align: middle;
}

.mail-report-planned-hint[b-nr5j0a3j59] {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.7rem;
    color: #8a6d1d;
}

.mail-report-expand-col[b-nr5j0a3j59] {
    width: 2rem;
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    vertical-align: middle;
}

.mail-report-expand-btn[b-nr5j0a3j59] {
    color: #0b2d4e;
    line-height: 1;
    min-width: 1.25rem;
}

.mail-report-expand-btn:hover[b-nr5j0a3j59],
.mail-report-expand-btn:focus[b-nr5j0a3j59] {
    color: #164a7a;
}

.mail-report-summary-expand-row > td[b-nr5j0a3j59] {
    padding: 0.5rem 0.75rem 0.85rem 2rem;
    background: #f7fafc;
    border-top: none;
}

.mail-report-summary-daily-heading[b-nr5j0a3j59] {
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #5a6e7f;
    margin-bottom: 0.45rem;
}

.mail-report-summary-daily-table[b-nr5j0a3j59] {
    max-width: 36rem;
    background: #fff;
}

.mail-report-summary-daily-table th[b-nr5j0a3j59] {
    font-size: 0.75rem;
    white-space: nowrap;
}

.mail-report-summary-daily-loading[b-nr5j0a3j59],
.mail-report-summary-daily-empty[b-nr5j0a3j59] {
    font-size: 0.85rem;
    padding: 0.35rem 0;
}

.mail-report-floating-stack[b-nr5j0a3j59] {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 45;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
    width: min(22rem, calc(100vw - 2.5rem));
    pointer-events: none;
}

.mail-report-floating-stack > *[b-nr5j0a3j59] {
    pointer-events: auto;
}

.mail-report-floating-stack[b-nr5j0a3j59]  .mail-report-cache-debug {
    position: static;
    right: auto;
    bottom: auto;
    width: 100%;
}

.mail-report-applying-filters[b-nr5j0a3j59] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.7rem 1rem;
    border: 1px solid #c5d5e4;
    border-radius: 0.65rem;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(11, 45, 78, 0.18);
    color: #0b2d4e;
    font-size: 0.85rem;
    font-weight: 600;
}

@media (max-width: 768px) {
    .mail-report-floating-stack[b-nr5j0a3j59] {
        right: 0.75rem;
        bottom: 0.75rem;
        width: min(20rem, calc(100vw - 1.5rem));
    }
}
/* /Components/Pages/PortalOnboarding.razor.rz.scp.css */
.onboarding-shell[b-nwmuk17tx0] {
    min-height: 100vh;
}

.onboarding-steps[b-nwmuk17tx0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.35rem;
    margin-bottom: 1.5rem;
    padding: 0.25rem;
    background: #f7f9fc;
    border: 1px solid #e8eef4;
    border-radius: 0.65rem;
}

.onboarding-step[b-nwmuk17tx0] {
    text-align: center;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #9aafbf;
    padding: 0.55rem 0.35rem;
    border-radius: 0.45rem;
    transition: background 0.15s ease, color 0.15s ease;
}

.onboarding-step.is-active[b-nwmuk17tx0] {
    color: #0b2d4e;
    background: #ffffff;
    box-shadow: 0 1px 4px rgba(11, 45, 78, 0.08);
}

.onboarding-step.is-done[b-nwmuk17tx0] {
    color: #198754;
}

.onboarding-method-list[b-nwmuk17tx0] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.onboarding-method-option[b-nwmuk17tx0] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #d1dde8;
    border-radius: 0.55rem;
    cursor: pointer;
    background: #fff;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.onboarding-method-option:hover[b-nwmuk17tx0] {
    border-color: #9aafbf;
    background: #fbfcfe;
}

.onboarding-method-option.is-selected[b-nwmuk17tx0] {
    border-color: #0b2d4e;
    background: #f2f7ff;
    box-shadow: 0 0 0 1px rgba(11, 45, 78, 0.1);
}

.onboarding-method-option input[b-nwmuk17tx0] {
    margin-top: 0.25rem;
    accent-color: #0b2d4e;
}

.onboarding-method-option span[b-nwmuk17tx0] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    text-align: left;
}

.onboarding-method-option strong[b-nwmuk17tx0] {
    color: #0b2d4e;
    font-size: 0.92rem;
}

.onboarding-method-option small[b-nwmuk17tx0] {
    color: #5a6e7f;
    font-size: 0.8rem;
    line-height: 1.35;
}

.onboarding-backup-codes[b-nwmuk17tx0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    padding: 1rem;
    border: 1px dashed #d1dde8;
    border-radius: 0.65rem;
    background: #f7f9fc;
}

.onboarding-backup-codes code[b-nwmuk17tx0] {
    display: block;
    padding: 0.5rem 0.55rem;
    text-align: center;
    font-size: 0.88rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    background: #fff;
    border: 1px solid #d1dde8;
    border-radius: 0.4rem;
    color: #0b2d4e;
}

.onboarding-check[b-nwmuk17tx0] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    font-size: 0.9rem;
    color: #3d5568;
    line-height: 1.4;
}

.onboarding-check input[b-nwmuk17tx0] {
    margin-top: 0.2rem;
    accent-color: #0b2d4e;
}

.access-admin-totp-setup[b-nwmuk17tx0] {
    padding: 1rem;
    border: 1px solid #d1dde8;
    border-radius: 0.65rem;
    background: #f7f9fc;
    text-align: center;
}

.access-admin-totp-qr-wrap[b-nwmuk17tx0] {
    display: inline-block;
    padding: 0.65rem;
    border: 1px solid #d1dde8;
    border-radius: 0.5rem;
    background: #fff;
}

.access-admin-totp-qr[b-nwmuk17tx0] {
    display: block;
    width: 180px;
    height: 180px;
}

.access-admin-totp-key[b-nwmuk17tx0] {
    display: inline-block;
    padding: 0.45rem 0.65rem;
    font-size: 0.85rem;
    word-break: break-all;
    background: #fff;
    border: 1px solid #d1dde8;
    border-radius: 0.4rem;
    color: #0b2d4e;
}

@media (max-width: 576px) {
    .onboarding-steps[b-nwmuk17tx0] {
        grid-template-columns: 1fr;
    }

    .onboarding-backup-codes[b-nwmuk17tx0] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/UserAccessAdmin.razor.rz.scp.css */
.access-admin-container[b-qakmu76jcs] {
    max-width: 1100px;
}

.access-admin-grant-card[b-qakmu76jcs] {
    padding: 1.1rem 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid var(--dms-border, #d1dde8);
    border-radius: 0.65rem;
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(11, 45, 78, 0.07);
}

.access-admin-card-title[b-qakmu76jcs] {
    margin: 0 0 0.85rem;
    font-size: 1rem;
    font-weight: 800;
    color: #0b2d4e;
}

.access-admin-grant-form[b-qakmu76jcs] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem 1rem;
}

.access-admin-field[b-qakmu76jcs] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 12rem;
    flex: 1 1 12rem;
}

.access-admin-field-client[b-qakmu76jcs] {
    flex: 2 1 16rem;
}

.access-admin-label[b-qakmu76jcs] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #5a6e7f;
}

.access-admin-grant-btn[b-qakmu76jcs] {
    flex-shrink: 0;
    margin-bottom: 0.1rem;
}

.access-admin-tabs[b-qakmu76jcs] {
    display: inline-flex;
    gap: 0.35rem;
    margin-bottom: 1rem;
    padding: 0.25rem;
    border-radius: 0.5rem;
    background: #eef4fa;
}

.access-admin-tab[b-qakmu76jcs] {
    border: none;
    border-radius: 0.4rem;
    padding: 0.45rem 0.9rem;
    background: transparent;
    color: #5a6e7f;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, box-shadow 0.15s;
}

.access-admin-tab:hover[b-qakmu76jcs] {
    color: #0b2d4e;
    background: rgba(255, 255, 255, 0.7);
}

.access-admin-tab.is-active[b-qakmu76jcs] {
    color: #0b2d4e;
    background: #ffffff;
    box-shadow: 0 1px 4px rgba(11, 45, 78, 0.12);
}

.access-admin-panel[b-qakmu76jcs] {
    padding: 1.1rem 1.25rem;
    border: 1px solid var(--dms-border, #d1dde8);
    border-radius: 0.65rem;
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(11, 45, 78, 0.07);
}

.access-admin-controls[b-qakmu76jcs] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1rem 1.5rem;
    margin-bottom: 1rem;
}

.access-admin-check[b-qakmu76jcs] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: #5a6e7f;
    margin-bottom: 0.35rem;
}

.access-admin-split[b-qakmu76jcs] {
    display: grid;
    grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr);
    gap: 1rem 1.25rem;
}

.access-admin-pane-title[b-qakmu76jcs] {
    margin: 0 0 0.75rem;
    font-size: 0.9rem;
    font-weight: 800;
    color: #0b2d4e;
}

.access-admin-pane-count[b-qakmu76jcs] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #5a6e7f;
}

.access-admin-user-list[b-qakmu76jcs] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    max-height: 28rem;
    overflow: auto;
}

.access-admin-user-btn[b-qakmu76jcs] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    border: 1px solid #d1dde8;
    border-radius: 0.5rem;
    background: #f9fbfd;
    padding: 0.55rem 0.7rem;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.access-admin-user-btn:hover[b-qakmu76jcs] {
    border-color: #f5a623;
    background: #fffdf8;
}

.access-admin-user-btn.is-selected[b-qakmu76jcs] {
    border-color: #0b2d4e;
    background: #eef4fa;
}

.access-admin-user-email[b-qakmu76jcs] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #0b2d4e;
    word-break: break-all;
}

.access-admin-user-count[b-qakmu76jcs] {
    font-size: 0.75rem;
    color: #5a6e7f;
}

.access-admin-table[b-qakmu76jcs] {
    border: 1px solid var(--dms-border, #d1dde8);
    border-radius: 0.5rem;
    overflow: hidden;
}

.access-admin-table tbody td[b-qakmu76jcs] {
    vertical-align: middle;
    font-size: 0.88rem;
}

.access-admin-detail-loading[b-qakmu76jcs] {
    min-height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.access-admin-row-inactive[b-qakmu76jcs] {
    opacity: 0.72;
}

.access-admin-empty[b-qakmu76jcs] {
    color: #5a6e7f;
    font-size: 0.9rem;
}

.access-admin-field-wide[b-qakmu76jcs] {
    flex: 1 1 100%;
}

.access-admin-portal-card[b-qakmu76jcs] {
    padding: 1rem 0 0;
    border-top: 1px solid var(--dms-border, #d1dde8);
}

.access-admin-totp-setup[b-qakmu76jcs] {
    padding: 1rem;
    border: 1px solid var(--dms-border, #d1dde8);
    border-radius: 0.5rem;
    background: #f8fbfd;
}

.access-admin-totp-qr-wrap[b-qakmu76jcs] {
    display: inline-block;
    padding: 0.5rem;
    margin-bottom: 0.75rem;
    border: 1px solid var(--dms-border, #d1dde8);
    border-radius: 0.35rem;
    background: #fff;
}

.access-admin-totp-qr[b-qakmu76jcs] {
    display: block;
    width: 180px;
    height: 180px;
}

.access-admin-totp-key[b-qakmu76jcs] {
    display: inline-block;
    padding: 0.35rem 0.5rem;
    font-size: 0.85rem;
    word-break: break-all;
    background: #fff;
    border: 1px solid var(--dms-border, #d1dde8);
    border-radius: 0.35rem;
}

@media (max-width: 768px) {
    .access-admin-split[b-qakmu76jcs] {
        grid-template-columns: 1fr;
    }
}
/* /Components/PrintStreamBillingPanel.razor.rz.scp.css */
.printstream-shared-invoices[b-arqpmhkqh3] {
    display: grid;
    gap: 0.75rem;
}

.shared-invoice-card[b-arqpmhkqh3] {
    border: 1px solid #d1dde8;
    border-radius: 0.55rem;
    background: #f7fbff;
    padding: 0.75rem 0.9rem;
}

.shared-invoice-title[b-arqpmhkqh3] {
    margin: 0 0 0.35rem;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--dms-navy);
}

.shared-invoice-date[b-arqpmhkqh3] {
    font-weight: 600;
    color: var(--dms-text-muted);
}

.shared-invoice-badge[b-arqpmhkqh3] {
    display: inline-block;
    margin-left: 0.45rem;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    background: #eef4fa;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--dms-navy);
}

.shared-invoice-hint[b-arqpmhkqh3] {
    margin: 0 0 0.55rem;
    font-size: 0.76rem;
    color: var(--dms-text-muted);
}

.shared-invoice-jobs[b-arqpmhkqh3] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.35rem;
}

.shared-invoice-jobs li[b-arqpmhkqh3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: baseline;
    font-size: 0.82rem;
}

.shared-invoice-jobs a[b-arqpmhkqh3] {
    color: var(--dms-navy);
    font-weight: 700;
    text-decoration: none;
}

.shared-invoice-jobs a:hover[b-arqpmhkqh3] {
    color: var(--dms-amber-dark);
    text-decoration: underline;
}

.shared-invoice-current[b-arqpmhkqh3] {
    font-weight: 700;
    color: var(--dms-navy);
}

.shared-invoice-charge[b-arqpmhkqh3] {
    margin-left: auto;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--dms-text-muted);
}

.invoice-lines-toggle[b-arqpmhkqh3] {
    font-size: 0.78rem;
    font-weight: 600;
}

.invoice-lines-row td[b-arqpmhkqh3] {
    background: #f8fbfd;
    padding-top: 0;
}

.invoice-lines-table[b-arqpmhkqh3] {
    margin-top: 0.35rem;
}

.invoice-postage-row td[b-arqpmhkqh3] {
    background: #f7fbff;
    border-top: none;
    padding-top: 0;
}

.invoice-postage-callout[b-arqpmhkqh3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    font-size: 0.78rem;
    color: var(--dms-text-muted);
}
/* /Components/PrintStreamClientMappingPanel.razor.rz.scp.css */
.printstream-client-mapping[b-ml0f71f27m] {
    margin-bottom: 1.25rem;
    padding: 0.65rem 1rem;
    border: 1px solid #d9e3ec;
    border-radius: 0.65rem;
    background: #f8fbfd;
}

.printstream-mapping-toggle[b-ml0f71f27m] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.printstream-mapping-toggle .section-title[b-ml0f71f27m] {
    flex: 0 1 auto;
}

.mapping-status-badge[b-ml0f71f27m] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
}

.mapping-status-badge.is-unmapped[b-ml0f71f27m] {
    background: #fff6df;
    color: #8a5b00;
}

.mapping-status-badge.is-mapped[b-ml0f71f27m] {
    background: #e8f6ee;
    color: #176b3a;
}

.mapping-toggle-chevron[b-ml0f71f27m] {
    margin-left: auto;
    color: var(--dms-navy);
    font-size: 0.95rem;
}

.mapping-body[b-ml0f71f27m] {
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px solid #dce6ee;
}

.mapping-lead[b-ml0f71f27m] {
    margin: 0 0 0.85rem;
    font-size: 0.88rem;
    color: var(--dms-text-muted);
}

.mapping-lead-mapped[b-ml0f71f27m] {
    color: var(--dms-navy);
}

.mapping-context[b-ml0f71f27m] {
    display: grid;
    gap: 0.45rem 1rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    font-size: 0.82rem;
}

.mapping-form[b-ml0f71f27m] {
    display: grid;
    gap: 0.75rem;
}

.mapping-field[b-ml0f71f27m] {
    max-width: 28rem;
}

.mapping-check[b-ml0f71f27m] {
    font-size: 0.82rem;
}

.mapping-check .form-check-label[b-ml0f71f27m] {
    color: var(--dms-text-muted);
}
/* /Components/PrintStreamCrossChannelStrip.razor.rz.scp.css */
.printstream-cross-channel-strip[b-njmnim3mrx] {
    margin-bottom: 2rem;
}

.cross-channel-header[b-njmnim3mrx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.cross-channel-header .section-title[b-njmnim3mrx] {
    margin-bottom: 0;
}

.cross-channel-link[b-njmnim3mrx] {
    font-size: 0.85rem;
    font-weight: 700;
    text-decoration: none;
}

.cross-channel-cards[b-njmnim3mrx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 0.65rem;
}

.cross-channel-card[b-njmnim3mrx] {
    border: 1px solid var(--dms-border);
    border-radius: 0.65rem;
    background: linear-gradient(180deg, #fff 0%, #f7f9fc 100%);
    padding: 0.75rem 0.85rem;
}

.cross-channel-card .card-label[b-njmnim3mrx] {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--dms-text-muted);
    margin-bottom: 0.2rem;
}

.cross-channel-card .card-value[b-njmnim3mrx] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--dms-navy);
    font-variant-numeric: tabular-nums;
}

.cross-channel-card .card-value.is-good[b-njmnim3mrx] {
    color: #176b3a;
}

.cross-channel-card .card-value.is-warn[b-njmnim3mrx] {
    color: #8a5b00;
}

.cross-channel-card .card-value.is-alert[b-njmnim3mrx] {
    color: #9b1c1c;
}

.cross-channel-sparkline-card[b-njmnim3mrx] {
    grid-column: span 2;
}

.cross-channel-sparkline-card .card-sparkline[b-njmnim3mrx] {
    display: block;
    margin-top: 0.15rem;
}

.cross-channel-sparkline-card .card-sparkline-caption[b-njmnim3mrx] {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--dms-text-muted);
}

[b-njmnim3mrx] .cross-channel-sparkline {
    display: block;
    max-width: 100%;
}
/* /Components/PrintStreamDetailNav.razor.rz.scp.css */
.printstream-detail-nav[b-fgk3jzokl0] {
    position: sticky;
    top: calc(5rem + 6px);
    z-index: 25;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.4rem;
    overflow-x: auto;
    padding: 0.55rem 0.75rem;
    margin: 0 0 1.25rem;
    border: 1px solid var(--dms-border);
    border-radius: 0.65rem;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 2px 10px rgba(11, 45, 78, 0.06);
    backdrop-filter: blur(6px);
    scrollbar-width: thin;
}

.printstream-detail-nav-link[b-fgk3jzokl0] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    border: 1px solid var(--dms-border);
    background: #f8fbfe;
    color: var(--dms-navy);
    font-family: inherit;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    letter-spacing: 0.02em;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
}

.printstream-detail-nav-link:hover[b-fgk3jzokl0] {
    border-color: var(--dms-navy);
    color: var(--dms-navy);
    background: #eef4fa;
}

.printstream-detail-nav-link.is-active[b-fgk3jzokl0] {
    border-color: var(--dms-navy);
    background: var(--dms-navy);
    color: #fff;
    box-shadow: 0 1px 4px rgba(11, 45, 78, 0.18);
}

.printstream-detail-nav-link:focus-visible[b-fgk3jzokl0] {
    outline: 2px solid var(--dms-amber-dark);
    outline-offset: 2px;
}
/* /Components/PrintStreamFinanceMarginPanel.razor.rz.scp.css */
.finance-margin-hint[b-zf63xanmgb] {
    margin: 0 0 0.85rem;
    font-size: 0.78rem;
    color: var(--dms-text-muted);
}

.finance-margin-combined-row[b-zf63xanmgb] {
    font-weight: 600;
}

.finance-allocation-toggle[b-zf63xanmgb] {
    font-size: 0.78rem;
    vertical-align: baseline;
}
/* /Components/PrintStreamHoursVariancePanel.razor.rz.scp.css */
.dept-hours-chart[b-4kcw19gdo1] {
    margin-bottom: 0.75rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--dms-border);
    border-radius: 0.5rem;
    background: #fafbfd;
}

.dept-hours-head[b-4kcw19gdo1],
.dept-hours-line[b-4kcw19gdo1] {
    display: grid;
    grid-template-columns: 4rem repeat(3, minmax(0, 1fr));
    gap: 0.35rem 0.5rem;
    align-items: end;
}

.dept-hours-head[b-4kcw19gdo1] {
    margin-bottom: 0.35rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #e8eef4;
}

.dept-hours-metric-col[b-4kcw19gdo1] {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #9aafbf;
    text-align: center;
}

.dept-hours-line + .dept-hours-line[b-4kcw19gdo1] {
    margin-top: 0.3rem;
}

.dept-hours-dept[b-4kcw19gdo1] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--dms-navy);
    line-height: 1.2;
}

.dept-hours-metric[b-4kcw19gdo1] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.dept-hours-track[b-4kcw19gdo1] {
    height: 0.4rem;
    border-radius: 999px;
    background: #e8eef4;
    overflow: hidden;
}

.dept-hours-fill[b-4kcw19gdo1] {
    height: 100%;
    border-radius: 999px;
    min-width: 2px;
}

.dept-hours-fill.is-np[b-4kcw19gdo1] { background: #5a8fbf; }
.dept-hours-fill.is-over[b-4kcw19gdo1] { background: #d4891a; }
.dept-hours-fill.is-charged[b-4kcw19gdo1] { background: var(--dms-navy); }

.dept-hours-val[b-4kcw19gdo1] {
    font-size: 0.68rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--dms-text-muted);
    text-align: center;
    line-height: 1;
}
/* /Components/PrintStreamInsightsPanel.razor.rz.scp.css */
.printstream-insights-section[b-a71obq3k9y] {
    display: grid;
    gap: 1rem;
}

.printstream-insight-card[b-a71obq3k9y] {
    border: 1px solid var(--dms-border);
    border-radius: 0.65rem;
    background: var(--dms-white);
    padding: 1rem 1.15rem;
}

.insight-hint[b-a71obq3k9y] {
    font-size: 0.78rem;
    color: var(--dms-text-muted);
    margin: -0.35rem 0 0.85rem;
}

.printstream-billing-bars[b-a71obq3k9y] {
    display: grid;
    gap: 0.65rem;
}

.billing-bar-row[b-a71obq3k9y] {
    display: grid;
    grid-template-columns: 5.5rem 1fr auto;
    gap: 0.65rem;
    align-items: center;
}

.billing-bar-label[b-a71obq3k9y] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--dms-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.billing-bar-track[b-a71obq3k9y] {
    height: 0.65rem;
    border-radius: 999px;
    background: #eef4fa;
    overflow: hidden;
}

.billing-bar-fill[b-a71obq3k9y] {
    height: 100%;
    border-radius: 999px;
    min-width: 2px;
}

.billing-bar-fill.is-quote[b-a71obq3k9y] { background: #7d99b0; }
.billing-bar-fill.is-est[b-a71obq3k9y] { background: #5a8fbf; }
.billing-bar-fill.is-act[b-a71obq3k9y] { background: var(--dms-navy); }
.billing-bar-fill.is-invoiced[b-a71obq3k9y] { background: #1f7a4d; }

.billing-bar-value[b-a71obq3k9y] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--dms-navy);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.printstream-variance-chart[b-a71obq3k9y] {
    display: grid;
    gap: 0.85rem;
}

.variance-row-header[b-a71obq3k9y] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.35rem;
}

.variance-category[b-a71obq3k9y] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--dms-navy);
}

.variance-pct[b-a71obq3k9y] {
    font-size: 0.72rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.variance-pct.is-over[b-a71obq3k9y] { color: #b45309; }
.variance-pct.is-under[b-a71obq3k9y] { color: #1f7a4d; }

.variance-bar-group[b-a71obq3k9y] {
    display: grid;
    gap: 0.3rem;
}

.variance-bar-line[b-a71obq3k9y] {
    display: grid;
    grid-template-columns: 2rem 1fr auto;
    gap: 0.5rem;
    align-items: center;
}

.variance-bar-tag[b-a71obq3k9y] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #9aafbf;
}

.variance-bar-track[b-a71obq3k9y] {
    height: 0.5rem;
    border-radius: 999px;
    background: #f3f6fa;
    overflow: hidden;
}

.variance-bar-fill[b-a71obq3k9y] {
    height: 100%;
    border-radius: 999px;
    min-width: 1px;
}

.variance-bar-fill.is-est[b-a71obq3k9y] { background: #9aafbf; }
.variance-bar-fill.is-under[b-a71obq3k9y] { background: #3d8b5f; }
.variance-bar-fill.is-over[b-a71obq3k9y] { background: #d4891a; }

.variance-bar-amt[b-a71obq3k9y] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--dms-text-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
/* /Components/PrintStreamMailingVisualsPanel.razor.rz.scp.css */
.printstream-mailing-visuals[b-rqw3ndwtxx] {
    display: grid;
    gap: 1rem;
}

.printstream-mailing-visuals .printstream-insight-card[b-rqw3ndwtxx] {
    border: 1px solid var(--dms-border);
    border-radius: 0.65rem;
    background: var(--dms-white);
    padding: 1rem 1.15rem;
}

.postage-drop-chart[b-rqw3ndwtxx] {
    display: grid;
    gap: 0.75rem;
}

.postage-drop-header[b-rqw3ndwtxx] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.postage-drop-label[b-rqw3ndwtxx] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--dms-navy);
}

.postage-drop-date[b-rqw3ndwtxx] {
    font-size: 0.72rem;
    color: var(--dms-text-muted);
}

.postage-drop-bar-line[b-rqw3ndwtxx] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 0.65rem;
    align-items: center;
}

.postage-drop-track[b-rqw3ndwtxx] {
    height: 0.65rem;
    border-radius: 999px;
    background: #eef4fa;
    overflow: hidden;
}

.postage-drop-fill[b-rqw3ndwtxx] {
    height: 100%;
    border-radius: 999px;
    background: var(--dms-navy);
    min-width: 2px;
}

.postage-drop-pieces[b-rqw3ndwtxx],
.postage-drop-postage[b-rqw3ndwtxx] {
    font-size: 0.75rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.postage-drop-pieces[b-rqw3ndwtxx] {
    color: var(--dms-text-muted);
}

.postage-drop-postage[b-rqw3ndwtxx] {
    color: var(--dms-navy);
}

.mailing-mix-grid[b-rqw3ndwtxx] {
    display: grid;
    gap: 1rem;
}

@media (min-width: 768px) {
    .mailing-mix-grid[b-rqw3ndwtxx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.mix-stacked-bar[b-rqw3ndwtxx] {
    display: flex;
    height: 0.85rem;
    border-radius: 999px;
    overflow: hidden;
    background: #eef4fa;
}

.mix-segment[b-rqw3ndwtxx] {
    min-width: 2px;
    height: 100%;
}

.mix-tone-0[b-rqw3ndwtxx] { background: #0b2d4e; }
.mix-tone-1[b-rqw3ndwtxx] { background: #1f5f8b; }
.mix-tone-2[b-rqw3ndwtxx] { background: #3d8b5f; }
.mix-tone-3[b-rqw3ndwtxx] { background: #d4891a; }
.mix-tone-4[b-rqw3ndwtxx] { background: #7d99b0; }
.mix-tone-5[b-rqw3ndwtxx] { background: #5a8fbf; }
.mix-tone-6[b-rqw3ndwtxx] { background: #1f7a4d; }
.mix-tone-7[b-rqw3ndwtxx] { background: #b45309; }
.mix-tone-8[b-rqw3ndwtxx] { background: #64748b; }
.mix-tone-9[b-rqw3ndwtxx] { background: #334155; }

.mix-legend[b-rqw3ndwtxx] {
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.35rem;
}

.mix-legend li[b-rqw3ndwtxx] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.78rem;
}

.mix-legend-label[b-rqw3ndwtxx] {
    color: var(--dms-navy);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mix-legend-value[b-rqw3ndwtxx] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--dms-text-muted);
}
/* /Components/PrintStreamProcessComparePanel.razor.rz.scp.css */
.process-match-badge[b-2zwysmm8o1] {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
}

.process-match-badge.is-both[b-2zwysmm8o1] {
    background: #e8f5ef;
    color: #1f7a4d;
}

.process-match-badge.is-quote[b-2zwysmm8o1] {
    background: #eef4fa;
    color: #1f5f8b;
}

.process-match-badge.is-job[b-2zwysmm8o1] {
    background: #fff7ed;
    color: #b45309;
}
/* /Components/PrintStreamProductionMailTimeline.razor.rz.scp.css */
.printstream-channel-timeline[b-lwtij8ts6y] {
    margin-bottom: 2rem;
}

.channel-timeline-list[b-lwtij8ts6y] {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0.35rem;
    border-left: 2px solid #dbe5f0;
}

.channel-timeline-item[b-lwtij8ts6y] {
    position: relative;
    padding: 0 0 1.1rem 1.15rem;
}

.channel-timeline-item:last-child[b-lwtij8ts6y] {
    padding-bottom: 0;
}

.channel-timeline-dot[b-lwtij8ts6y] {
    position: absolute;
    left: -0.45rem;
    top: 0.2rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background: #94a3b8;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #dbe5f0;
}

.channel-timeline-dot.is-production[b-lwtij8ts6y] {
    background: #5b8def;
}

.channel-timeline-dot.is-prep[b-lwtij8ts6y] {
    background: #2ea88a;
}

.channel-timeline-dot.is-mail[b-lwtij8ts6y] {
    background: #0b2d4e;
}

.channel-timeline-dot.is-delivery[b-lwtij8ts6y] {
    background: #1a936f;
}

.channel-timeline-heading[b-lwtij8ts6y] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.75rem;
    align-items: baseline;
    margin-bottom: 0.15rem;
}

.channel-timeline-phase[b-lwtij8ts6y] {
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--dms-text-muted);
}

.channel-timeline-date[b-lwtij8ts6y] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--dms-text-muted);
}

.channel-timeline-label[b-lwtij8ts6y] {
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--dms-navy);
}

.channel-timeline-detail[b-lwtij8ts6y] {
    display: block;
    font-size: 0.78rem;
    color: var(--dms-text-muted);
    margin-top: 0.1rem;
}
/* /Components/PrintStreamScheduleComparePanel.razor.rz.scp.css */
.schedule-compare-chart[b-9p30ypax46] {
    display: grid;
    gap: 0.55rem;
}

.schedule-compare-head[b-9p30ypax46],
.schedule-compare-line[b-9p30ypax46] {
    display: grid;
    grid-template-columns: 5.5rem 1fr 1fr;
    gap: 0.75rem;
    align-items: center;
}

.schedule-compare-head[b-9p30ypax46] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--dms-text-muted);
}

.schedule-compare-date[b-9p30ypax46] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--dms-navy);
}

.schedule-compare-metric[b-9p30ypax46] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.45rem;
    align-items: center;
}

.schedule-compare-track[b-9p30ypax46] {
    height: 0.65rem;
    border-radius: 999px;
    background: #eef4fa;
    overflow: hidden;
}

.schedule-compare-fill[b-9p30ypax46] {
    height: 100%;
    border-radius: 999px;
    min-width: 2px;
}

.schedule-compare-fill.is-planned[b-9p30ypax46] {
    background: #5b8def;
}

.schedule-compare-fill.is-actual[b-9p30ypax46] {
    background: var(--dms-navy);
}

.schedule-compare-val[b-9p30ypax46] {
    font-size: 0.75rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--dms-text-muted);
    min-width: 2.25rem;
    text-align: right;
}
/* /Components/PrintStreamShopTimeline.razor.rz.scp.css */
.printstream-shop-timeline[b-dr6cm2ruit] {
    margin-bottom: 0.75rem;
}

.shop-timeline-toggle[b-dr6cm2ruit] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    width: 100%;
    margin: 0;
    padding: 0.35rem 0;
    border: 0;
    background: transparent;
    color: var(--dms-navy);
    text-align: left;
    cursor: pointer;
}

.shop-timeline-toggle:hover .shop-timeline-toggle-label[b-dr6cm2ruit] {
    color: var(--dms-amber-dark);
}

.shop-timeline-expand-icon[b-dr6cm2ruit] {
    width: 0.85rem;
    font-size: 0.68rem;
    color: var(--dms-text-muted);
    flex-shrink: 0;
}

.shop-timeline-toggle-label[b-dr6cm2ruit] {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--dms-navy);
}

.shop-timeline-toggle-count[b-dr6cm2ruit] {
    margin-left: auto;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--dms-text-muted);
}

.shop-timeline-list[b-dr6cm2ruit] {
    list-style: none;
    margin: 0.35rem 0 0;
    padding: 0 0 0 0.35rem;
    border-left: 2px solid #dbe5ef;
}

.shop-timeline-item[b-dr6cm2ruit] {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.65rem;
    padding: 0.55rem 0 0.55rem 0.85rem;
}

.shop-timeline-dot[b-dr6cm2ruit] {
    position: absolute;
    left: -0.45rem;
    top: 0.85rem;
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 50%;
    background: var(--dms-navy);
    border: 2px solid var(--dms-white);
    box-shadow: 0 0 0 1px #dbe5ef;
}

.shop-timeline-content[b-dr6cm2ruit] {
    display: grid;
    gap: 0.15rem;
}

.shop-timeline-label[b-dr6cm2ruit] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--dms-navy);
}

.shop-timeline-detail[b-dr6cm2ruit] {
    font-size: 0.76rem;
    color: var(--dms-text-muted);
}
/* /Components/PrintStreamSubNav.razor.rz.scp.css */
.printstream-subnav[b-98f1v0ys12] {
    display: flex;
    justify-content: center;
    margin: 0 auto 1.5rem;
    max-width: 960px;
    padding: 0 0.5rem;
}

.printstream-subnav-group[b-98f1v0ys12] {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    border: 1px solid var(--dms-navy);
    border-radius: 0.35rem;
    overflow: hidden;
    background: var(--dms-white);
    box-shadow: 0 2px 8px rgba(11, 45, 78, 0.06);
}

.printstream-subnav-btn[b-98f1v0ys12] {
    border: 0;
    border-radius: 0;
    border-right: 1px solid var(--dms-navy);
    color: var(--dms-navy);
    background: var(--dms-white);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.55rem 1rem;
    text-decoration: none;
    line-height: 1.2;
}

.printstream-subnav-btn:last-child[b-98f1v0ys12] {
    border-right: 0;
}

.printstream-subnav-btn:hover[b-98f1v0ys12],
.printstream-subnav-btn:focus[b-98f1v0ys12] {
    background: #eef4fa;
    color: var(--dms-navy);
}

.printstream-subnav-btn.active[b-98f1v0ys12] {
    background: var(--dms-navy);
    color: var(--dms-white);
}

.printstream-subnav-btn.active:hover[b-98f1v0ys12],
.printstream-subnav-btn.active:focus[b-98f1v0ys12] {
    background: var(--dms-navy-mid);
    color: var(--dms-white);
}

@media (max-width: 640px) {
    .printstream-subnav-group[b-98f1v0ys12] {
        width: 100%;
    }

    .printstream-subnav-btn[b-98f1v0ys12] {
        flex: 1 1 auto;
        min-width: 0;
        padding-inline: 0.65rem;
        font-size: 0.72rem;
    }
}
/* /Components/PrintStreamVarianceCallouts.razor.rz.scp.css */
.printstream-variance-callouts[b-8jdmowp8om] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.printstream-variance-chip[b-8jdmowp8om] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.35rem;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    border: 1px solid transparent;
}

.printstream-variance-chip .chip-value[b-8jdmowp8om] {
    font-variant-numeric: tabular-nums;
    text-transform: none;
    letter-spacing: normal;
}

.printstream-variance-chip.is-good[b-8jdmowp8om] {
    background: #e8f5ef;
    color: #1f7a4d;
    border-color: #b8e6cc;
}

.printstream-variance-chip.is-warn[b-8jdmowp8om] {
    background: #fff3d6;
    color: #7a5a12;
    border-color: #f5d78e;
}

.printstream-variance-chip.is-neutral[b-8jdmowp8om] {
    background: #f3f6fa;
    color: var(--dms-navy);
    border-color: var(--dms-border);
}

.printstream-variance-chip.is-bad[b-8jdmowp8om] {
    background: #fdecea;
    color: #b42318;
    border-color: #f5c2c0;
}
/* /Components/RecentEmailCampaignsSection.razor.rz.scp.css */
.recent-email-section[b-nr7n23qkmm] {
    max-width: 960px;
    margin: 0 auto 1rem;
}

.recent-email-title[b-nr7n23qkmm] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0b2d4e;
    margin-bottom: 0.65rem;
}

.recent-email-list[b-nr7n23qkmm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.recent-email-chip[b-nr7n23qkmm] {
    display: inline-flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid #d1dde8;
    border-radius: 0.5rem;
    background: #fff;
    color: inherit;
    text-decoration: none;
    min-width: 180px;
}

.recent-email-chip:hover[b-nr7n23qkmm] {
    border-color: #0b2d4e;
    background: #f7f9fc;
}

.recent-email-key[b-nr7n23qkmm] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.72rem;
    font-weight: 600;
    color: #3d5568;
}

.recent-email-client[b-nr7n23qkmm] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #5a6e7f;
}

.recent-email-name[b-nr7n23qkmm] {
    font-weight: 700;
    color: #0b2d4e;
}

.recent-email-meta[b-nr7n23qkmm] {
    font-size: 0.78rem;
    color: #5a6e7f;
}
/* /Components/RecentJobsSection.razor.rz.scp.css */
.recent-jobs-section[b-vg5psmg8w9] {
    display: grid;
    gap: 1rem;
}

.recent-jobs-group[b-vg5psmg8w9] {
    padding: 0.9rem 1rem;
    border: 1px solid #d1dde8;
    border-radius: 0.65rem;
    background: #ffffff;
}

.recent-jobs-title[b-vg5psmg8w9] {
    margin: 0 0 0.65rem;
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #0b2d4e;
}

.recent-jobs-list[b-vg5psmg8w9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.recent-job-chip[b-vg5psmg8w9] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.55rem;
    padding: 0.45rem 0.7rem;
    border: 1px solid #d1dde8;
    border-radius: 999px;
    background: #f7f9fc;
    color: #0b2d4e;
    text-decoration: none;
    font-size: 0.82rem;
    transition: border-color 0.15s, background 0.15s;
}

.recent-job-chip:hover[b-vg5psmg8w9] {
    border-color: #f5a623;
    background: #fffaf2;
    color: #0b2d4e;
}

.recent-job-client[b-vg5psmg8w9] {
    font-weight: 700;
}

.recent-job-num[b-vg5psmg8w9] {
    font-variant-numeric: tabular-nums;
    color: #5a6e7f;
}

.recent-job-meta[b-vg5psmg8w9] {
    color: #7a8f9f;
    font-size: 0.78rem;
}
/* /Components/RecentPrintStreamJobsSection.razor.rz.scp.css */
.recent-printstream-section[b-sm8ocqibga] {
    max-width: 960px;
    margin: 0 auto 1rem;
}

.recent-printstream-title[b-sm8ocqibga] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--dms-navy);
    margin-bottom: 0.65rem;
}

.recent-printstream-list[b-sm8ocqibga] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.recent-printstream-chip[b-sm8ocqibga] {
    display: inline-flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid var(--dms-border);
    border-radius: 0.5rem;
    background: var(--dms-white);
    color: inherit;
    text-decoration: none;
    min-width: 160px;
    transition: border-color 0.15s, background 0.15s;
}

.recent-printstream-chip:hover[b-sm8ocqibga] {
    border-color: var(--dms-navy);
    background: #f7f9fc;
    color: inherit;
}

.recent-printstream-number[b-sm8ocqibga] {
    font-weight: 700;
    color: var(--dms-navy);
    font-variant-numeric: tabular-nums;
}

.recent-printstream-client[b-sm8ocqibga] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--dms-text-muted);
}

.recent-printstream-meta[b-sm8ocqibga] {
    font-size: 0.78rem;
    color: var(--dms-text-muted);
}
/* /Components/ViewAsPreviewBanner.razor.rz.scp.css */
.viewas-global-banner[b-qfopy88vbj] {
    position: sticky;
    top: 0;
    z-index: 60;
    background: #fff3cd;
    border-bottom: 1px solid #ffecb5;
    color: #664d03;
}

.viewas-global-banner-inner[b-qfopy88vbj] {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0.55rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.viewas-global-banner-text[b-qfopy88vbj] {
    font-size: 0.92rem;
}
/* /Components/WhatsNewModal.razor.rz.scp.css */
.whats-new-backdrop[b-9q53w1zy94] {
    background: rgba(11, 45, 78, 0.45);
    z-index: 1060;
}

.whats-new-modal .modal-header[b-9q53w1zy94] {
    border-bottom: 1px solid var(--dms-border, #d1dde8);
}

.whats-new-subtitle[b-9q53w1zy94] {
    color: var(--dms-text-muted, #5a6e7f);
    font-size: 0.875rem;
}

.whats-new-release + .whats-new-release[b-9q53w1zy94] {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--dms-border, #d1dde8);
}

.whats-new-release-header[b-9q53w1zy94] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.whats-new-release-title[b-9q53w1zy94] {
    font-weight: 800;
    color: var(--dms-navy, #0b2d4e);
}

.whats-new-release-date[b-9q53w1zy94] {
    flex-shrink: 0;
    font-size: 0.8125rem;
    color: var(--dms-text-muted, #5a6e7f);
}

.whats-new-item-list[b-9q53w1zy94] {
    display: grid;
    gap: 0.75rem;
}

.whats-new-item[b-9q53w1zy94] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: start;
}

.whats-new-kind[b-9q53w1zy94] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.whats-new-kind.is-feature[b-9q53w1zy94] {
    background: #e8f4ff;
    color: #0b5cab;
}

.whats-new-kind.is-fix[b-9q53w1zy94] {
    background: #fff3e0;
    color: #9a6700;
}

.whats-new-item-title[b-9q53w1zy94] {
    font-weight: 700;
    color: var(--dms-text-dark, #1a2a3a);
}

.whats-new-item-summary[b-9q53w1zy94] {
    margin-top: 0.15rem;
    color: var(--dms-text-muted, #5a6e7f);
    font-size: 0.875rem;
}

.whats-new-known-issues[b-9q53w1zy94] {
    margin-top: 0.25rem;
}

.whats-new-known-issues.has-releases-above[b-9q53w1zy94] {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 2px solid #f5d08a;
}

.whats-new-known-issues-header[b-9q53w1zy94] {
    margin-bottom: 0.85rem;
}

.whats-new-known-issues-title[b-9q53w1zy94] {
    font-weight: 800;
    color: #8a5a00;
}

.whats-new-known-issues-lead[b-9q53w1zy94] {
    margin-top: 0.35rem;
    color: var(--dms-text-muted, #5a6e7f);
    font-size: 0.8125rem;
}

.whats-new-known-issue-list[b-9q53w1zy94] {
    display: grid;
    gap: 0.75rem;
}

.whats-new-known-issue[b-9q53w1zy94] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: start;
    padding: 0.75rem 0.85rem;
    border: 1px solid #f0dcc0;
    border-radius: 0.5rem;
    background: #fffaf2;
}

.whats-new-issue-status[b-9q53w1zy94] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4.5rem;
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.whats-new-issue-status.is-in-progress[b-9q53w1zy94] {
    background: #fff3e0;
    color: #9a6700;
}

.whats-new-issue-status.is-open[b-9q53w1zy94] {
    background: #f3f5f7;
    color: #5a6e7f;
}

.whats-new-known-issue-title[b-9q53w1zy94] {
    font-weight: 700;
    color: var(--dms-text-dark, #1a2a3a);
}

.whats-new-known-issue-summary[b-9q53w1zy94] {
    margin-top: 0.15rem;
    color: var(--dms-text-muted, #5a6e7f);
    font-size: 0.875rem;
}

.whats-new-modal .modal-footer[b-9q53w1zy94] {
    border-top: 1px solid var(--dms-border, #d1dde8);
}
/* /Components/WindowBookJobPanel.razor.rz.scp.css */
.windowbook-detail-section .section-subtitle[b-t86a8qf5w2] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--dms-navy);
    margin-bottom: 0.75rem;
}

.windowbook-summary-strip[b-t86a8qf5w2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.windowbook-kpi-card[b-t86a8qf5w2] {
    border: 1px solid var(--dms-border);
    border-radius: 0.65rem;
    background: var(--dms-white);
    padding: 0.75rem 0.9rem;
}

.windowbook-kpi-card .kpi-label[b-t86a8qf5w2] {
    display: block;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--dms-text-muted);
}

.windowbook-kpi-card .kpi-value[b-t86a8qf5w2] {
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--dms-navy);
}

.windowbook-variance-callouts[b-t86a8qf5w2] {
    margin-bottom: 1rem;
}

.windowbook-variance-chip[b-t86a8qf5w2] {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    border-radius: 999px;
    padding: 0.35rem 0.75rem;
    font-size: 0.82rem;
    font-weight: 600;
}

.windowbook-variance-chip.is-good[b-t86a8qf5w2] {
    background: #e8f6ee;
    color: #176b3a;
}

.windowbook-variance-chip.is-warn[b-t86a8qf5w2] {
    background: #fff6df;
    color: #8a5b00;
}

.windowbook-variance-chip.is-alert[b-t86a8qf5w2] {
    background: #fdecec;
    color: #9b1c1c;
}

.windowbook-panel-card[b-t86a8qf5w2],
.windowbook-reconcile-card[b-t86a8qf5w2] {
    border: 1px solid var(--dms-border);
    border-radius: 0.65rem;
    background: var(--dms-white);
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
}

.windowbook-mix-grid[b-t86a8qf5w2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1rem;
}

.windowbook-reconcile-bars[b-t86a8qf5w2] {
    display: grid;
    gap: 0.55rem;
}

.reconcile-bar-row[b-t86a8qf5w2] {
    display: grid;
    grid-template-columns: 8.5rem 1fr auto;
    gap: 0.65rem;
    align-items: center;
}

.reconcile-bar-label[b-t86a8qf5w2] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--dms-navy);
}

.reconcile-bar-track[b-t86a8qf5w2] {
    height: 0.65rem;
    border-radius: 999px;
    background: #eef4fa;
    overflow: hidden;
}

.reconcile-bar-fill[b-t86a8qf5w2] {
    height: 100%;
    border-radius: 999px;
}

.reconcile-bar-fill.is-wb[b-t86a8qf5w2] { background: #2f6fed; }
.reconcile-bar-fill.is-ps[b-t86a8qf5w2] { background: #0f7b6c; }
.reconcile-bar-fill.is-ar[b-t86a8qf5w2] { background: #8a5b00; }

.reconcile-bar-value[b-t86a8qf5w2] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--dms-text-muted);
}

.windowbook-doc-list[b-t86a8qf5w2] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.5rem;
}

.windowbook-doc-list li[b-t86a8qf5w2] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.75rem;
    align-items: baseline;
    font-size: 0.85rem;
}

.windowbook-doc-list .doc-type[b-t86a8qf5w2] {
    font-weight: 700;
    color: var(--dms-navy);
}

.windowbook-doc-list .doc-date[b-t86a8qf5w2] {
    color: var(--dms-text-muted);
    font-size: 0.78rem;
}

.windowbook-doc-list .doc-download[b-t86a8qf5w2] {
    font-weight: 600;
    text-decoration: none;
    color: #0b5a8c;
}

.windowbook-doc-list .doc-download:hover[b-t86a8qf5w2] {
    text-decoration: underline;
}

.windowbook-table-wrap[b-t86a8qf5w2] {
    border: 1px solid var(--dms-border);
    border-radius: 0.55rem;
    overflow: hidden;
    background: var(--dms-white);
}

.windowbook-table[b-t86a8qf5w2] {
    margin-bottom: 0;
}

.windowbook-table thead th[b-t86a8qf5w2] {
    background: #eef4fa;
    color: var(--dms-navy);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 700;
    border-bottom: 2px solid #d1dde8;
    padding: 0.65rem 0.75rem;
    vertical-align: middle;
}

.windowbook-table tbody td[b-t86a8qf5w2] {
    color: #334155;
    font-size: 0.875rem;
    padding: 0.55rem 0.75rem;
    border-color: var(--dms-border);
    vertical-align: middle;
}

.windowbook-table tbody tr:hover td[b-t86a8qf5w2] {
    background: #f9fbfd;
}

.windowbook-table td.num[b-t86a8qf5w2],
.windowbook-table th.num[b-t86a8qf5w2] {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.windowbook-desc-cell[b-t86a8qf5w2] {
    color: var(--dms-text-muted);
    font-size: 0.82rem;
    max-width: 18rem;
}

.windowbook-files-cell[b-t86a8qf5w2] {
    white-space: nowrap;
}

.windowbook-file-links[b-t86a8qf5w2] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.windowbook-file-link[b-t86a8qf5w2] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.windowbook-file-link.is-pdf[b-t86a8qf5w2] {
    background: #fdecec;
    color: #9b1c1c;
}

.windowbook-file-link.is-xml[b-t86a8qf5w2] {
    background: #e8f4fb;
    color: #0b5a8c;
}

.windowbook-file-link:hover[b-t86a8qf5w2] {
    text-decoration: none;
    filter: brightness(0.95);
}

.windowbook-files-empty[b-t86a8qf5w2] {
    color: var(--dms-text-muted);
}

.windowbook-docs-empty[b-t86a8qf5w2] {
    margin-bottom: 0;
    font-size: 0.875rem;
}

/* Reuse mailing visual bar styles */
.windowbook-detail-section .postage-drop-chart[b-t86a8qf5w2],
.windowbook-detail-section .postage-drop-row[b-t86a8qf5w2],
.windowbook-detail-section .postage-drop-header[b-t86a8qf5w2],
.windowbook-detail-section .postage-drop-label[b-t86a8qf5w2],
.windowbook-detail-section .postage-drop-date[b-t86a8qf5w2],
.windowbook-detail-section .postage-drop-bar-line[b-t86a8qf5w2],
.windowbook-detail-section .postage-drop-track[b-t86a8qf5w2],
.windowbook-detail-section .postage-drop-fill[b-t86a8qf5w2],
.windowbook-detail-section .postage-drop-pieces[b-t86a8qf5w2],
.windowbook-detail-section .mix-stacked-bar[b-t86a8qf5w2],
.windowbook-detail-section .mix-segment[b-t86a8qf5w2],
.windowbook-detail-section .mix-legend[b-t86a8qf5w2] {
    /* inherits from PrintStreamMailingVisualsPanel.razor.css via app.css patterns */
}

.windowbook-detail-section .mix-stacked-bar[b-t86a8qf5w2] {
    display: flex;
    height: 0.85rem;
    border-radius: 999px;
    overflow: hidden;
    background: #eef4fa;
    margin-bottom: 0.75rem;
}

.windowbook-detail-section .mix-segment[b-t86a8qf5w2] {
    height: 100%;
}

.windowbook-detail-section .mix-tone-0[b-t86a8qf5w2] { background: #2f6fed; }
.windowbook-detail-section .mix-tone-1[b-t86a8qf5w2] { background: #0f7b6c; }
.windowbook-detail-section .mix-tone-2[b-t86a8qf5w2] { background: #8a5b00; }
.windowbook-detail-section .mix-tone-3[b-t86a8qf5w2] { background: #7b4fd6; }

.windowbook-detail-section .mix-legend[b-t86a8qf5w2] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.35rem;
}

.windowbook-detail-section .mix-legend li[b-t86a8qf5w2] {
    display: flex;
    justify-content: space-between;
    font-size: 0.82rem;
}

.windowbook-detail-section .postage-drop-chart[b-t86a8qf5w2] {
    display: grid;
    gap: 0.75rem;
}

.windowbook-detail-section .postage-drop-bar-line[b-t86a8qf5w2] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.65rem;
    align-items: center;
}

.windowbook-detail-section .postage-drop-track[b-t86a8qf5w2] {
    height: 0.65rem;
    border-radius: 999px;
    background: #eef4fa;
    overflow: hidden;
}

.windowbook-detail-section .postage-drop-fill[b-t86a8qf5w2] {
    height: 100%;
    background: #2f6fed;
    border-radius: 999px;
}

.windowbook-detail-section .postage-drop-pieces[b-t86a8qf5w2] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--dms-text-muted);
}

.windowbook-bridge-callouts[b-t86a8qf5w2] {
    margin-bottom: 0.85rem;
}

.windowbook-bridge-badge[b-t86a8qf5w2] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border-radius: 999px;
    padding: 0.3rem 0.7rem;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: help;
}

.windowbook-bridge-badge.is-good[b-t86a8qf5w2] {
    background: #e8f6ee;
    color: #176b3a;
}

.windowbook-bridge-badge.is-warn[b-t86a8qf5w2] {
    background: #fff6df;
    color: #8a5b00;
}

.windowbook-bridge-badge.is-alert[b-t86a8qf5w2] {
    background: #fdecec;
    color: #9b1c1c;
}

.windowbook-bridge-badge .badge-detail[b-t86a8qf5w2] {
    font-weight: 600;
    opacity: 0.85;
}

.windowbook-reconcile-card.is-muted[b-t86a8qf5w2] {
    opacity: 0.82;
    border-style: dashed;
}

.windowbook-reconcile-note[b-t86a8qf5w2] {
    margin: -0.25rem 0 0.75rem;
}

.windowbook-panel-hint[b-t86a8qf5w2] {
    margin: -0.35rem 0 0.75rem;
}

.windowbook-prep-grid[b-t86a8qf5w2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 1rem;
}

.windowbook-accordion-toggle[b-t86a8qf5w2] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.windowbook-accordion-meta[b-t86a8qf5w2] {
    margin-left: auto;
    font-size: 0.78rem;
    color: var(--dms-text-muted);
    font-weight: 600;
}

.windowbook-import-list[b-t86a8qf5w2] {
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.windowbook-import-list li[b-t86a8qf5w2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.75rem;
    align-items: baseline;
    font-size: 0.86rem;
}

.windowbook-import-list .import-filename[b-t86a8qf5w2] {
    font-weight: 700;
    color: var(--dms-navy);
}

.windowbook-import-list .import-pieces[b-t86a8qf5w2],
.windowbook-import-list .import-date[b-t86a8qf5w2] {
    color: var(--dms-text-muted);
    font-size: 0.8rem;
}

.windowbook-build-timeline[b-t86a8qf5w2],
.windowbook-scan-chart[b-t86a8qf5w2] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.windowbook-build-row[b-t86a8qf5w2],
.windowbook-scan-row[b-t86a8qf5w2] {
    display: grid;
    grid-template-columns: 4.5rem 1fr auto;
    gap: 0.6rem;
    align-items: center;
}

.windowbook-build-date[b-t86a8qf5w2],
.windowbook-scan-date[b-t86a8qf5w2] {
    font-size: 0.78rem;
    color: var(--dms-text-muted);
}

.windowbook-build-track[b-t86a8qf5w2],
.windowbook-scan-track[b-t86a8qf5w2] {
    height: 0.55rem;
    border-radius: 999px;
    background: #e8eef4;
    overflow: hidden;
}

.windowbook-build-fill[b-t86a8qf5w2] {
    height: 100%;
    background: #1f7a4d;
    border-radius: 999px;
}

.windowbook-scan-fill[b-t86a8qf5w2] {
    height: 100%;
    background: #6b4fd8;
    border-radius: 999px;
}

.windowbook-build-value[b-t86a8qf5w2],
.windowbook-scan-value[b-t86a8qf5w2] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--dms-navy);
    font-variant-numeric: tabular-nums;
}
/* /Components/WindowBookPostageReconcilePanel.razor.rz.scp.css */
.windowbook-reconcile-section .windowbook-reconcile-card[b-hm4o6andrc] {
    border: 1px solid var(--dms-border);
    border-radius: 0.65rem;
    background: var(--dms-white);
    padding: 1rem 1.15rem;
}

.windowbook-reconcile-variance[b-hm4o6andrc] {
    font-size: 0.88rem;
    margin-bottom: 0.75rem;
}

.windowbook-reconcile-variance.is-good[b-hm4o6andrc] {
    color: #176b3a;
}

.windowbook-reconcile-variance.is-warn[b-hm4o6andrc] {
    color: #8a5b00;
}

.windowbook-reconcile-variance.is-alert[b-hm4o6andrc] {
    color: #9b1c1c;
}

.windowbook-reconcile-variance.is-muted[b-hm4o6andrc] {
    color: var(--dms-text-muted);
}

.windowbook-reconcile-summary[b-hm4o6andrc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.windowbook-reconcile-summary .windowbook-kpi-card[b-hm4o6andrc] {
    border: 1px solid var(--dms-border);
    border-radius: 0.65rem;
    background: var(--dms-white);
    padding: 0.75rem 0.9rem;
}

.windowbook-reconcile-summary .kpi-label[b-hm4o6andrc] {
    display: block;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--dms-text-muted);
}

.windowbook-reconcile-summary .kpi-value[b-hm4o6andrc] {
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--dms-navy);
}

.windowbook-reconcile-bars[b-hm4o6andrc] {
    display: grid;
    gap: 0.55rem;
}

.reconcile-bar-row[b-hm4o6andrc] {
    display: grid;
    grid-template-columns: 8.5rem 1fr auto;
    gap: 0.65rem;
    align-items: center;
}

.reconcile-bar-label[b-hm4o6andrc] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--dms-navy);
}

.reconcile-bar-track[b-hm4o6andrc] {
    height: 0.65rem;
    border-radius: 999px;
    background: #eef4fa;
    overflow: hidden;
}

.reconcile-bar-fill[b-hm4o6andrc] {
    height: 100%;
    border-radius: 999px;
}

.reconcile-bar-fill.is-wb[b-hm4o6andrc] { background: #2f6fed; }
.reconcile-bar-fill.is-ps[b-hm4o6andrc] { background: #0f7b6c; }
.reconcile-bar-fill.is-ar[b-hm4o6andrc] { background: #8a5b00; }

.reconcile-bar-value[b-hm4o6andrc] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--dms-text-muted);
}

.windowbook-reconcile-link[b-hm4o6andrc] {
    display: inline-block;
    margin-top: 0.85rem;
    font-size: 0.85rem;
    font-weight: 700;
    text-decoration: none;
}