/* Warm workspace surfaces and a compact, contained report workflow. */
html:not([data-bs-theme="dark"]) {
    --canvas:42 20% 94%; --surface:0 0% 100%; --surface-raised:42 16% 97%;
    --ink:155 12% 14%; --muted:145 5% 39%; --line:110 10% 87%;
    --accent:18 72% 37%; --accent-hover:18 75% 30%;
    --primary-color:#a6431b; --primary-hover:#873412;
}
.workspace-commandbar { border-radius:0 0 20px 20px; background:hsl(var(--surface)); }
.card { border-radius:18px; border-color:hsl(var(--line) / .8); }
.page-heading { position:relative; z-index:40; }
html:not([data-bs-theme="dark"]) .sidebar .nav-link.active { color:#fff; background:#a6431b; box-shadow:none; border-radius:12px; }
html:not([data-bs-theme="dark"]) .btn-primary { background:#a6431b; border-color:#a6431b; color:#fff; }
html:not([data-bs-theme="dark"]) .btn-primary:hover { background:#873412; border-color:#873412; }
html:not([data-bs-theme="dark"]) .segmented-control button.active,
html:not([data-bs-theme="dark"]) .report-view-toggle button.active { color:#873412; background:#f8e9df; }
html:not([data-bs-theme="dark"]) .pagination .active .page-link { background:#a6431b; border-color:#a6431b; color:#fff; }
.data-popover[open] { position:relative; z-index:80; }
.data-popover-panel { z-index:90; isolation:isolate; background:hsl(var(--surface)); }
.export-popover-panel.data-popover-panel { min-width:220px; gap:2px; padding:10px; box-shadow:0 12px 28px hsl(var(--shadow) / .14); }
.export-popover-panel .data-popover-option { display:flex; width:100%; flex:none; min-height:38px; padding:9px 12px; }
.scam-data-page > .card.mb-4 { margin-bottom:14px !important; }
.scam-data-page .data-toolbar { margin-bottom:12px !important; }
.scam-data-page #summaryCard .card-body { padding:14px 20px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.scam-data-page #summaryCard .search-summary { margin:0 !important; }
.scam-data-page #summaryContent { margin:0; }
.report-results-card { overflow:visible; }
.report-results-card > .card-body { padding:0 0 12px; }
.report-results-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 18px; border-bottom:1px solid hsl(var(--line)); }
.report-results-toolbar p { margin:0; color:hsl(var(--muted)); font-size:.8rem; font-variant-numeric:tabular-nums; }
.report-results-toolbar label { display:flex; align-items:center; gap:9px; margin:0; color:hsl(var(--muted)); font-size:.8rem; }
.report-results-toolbar select { width:86px; min-height:32px; border-radius:8px; background-color:hsl(var(--surface)); font-size:.8rem; }
.scam-data-page .data-table-scroll-region {
    height:clamp(240px,calc(100dvh - 510px),560px) !important;
    max-height:560px !important; overflow:auto !important;
    overscroll-behavior:contain; scrollbar-gutter:stable; scrollbar-width:thin;
    scrollbar-color:hsl(var(--muted) / .4) hsl(var(--surface-raised)); border-radius:0;
}
#dataTable { margin:0; }
#dataTable thead th { position:sticky; top:0; z-index:3; padding:0; background:hsl(var(--surface-raised)); box-shadow:0 1px 0 hsl(var(--line)); }
.table-sort-button { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:44px; gap:9px; padding:11px 13px; border:0; color:hsl(var(--muted)); background:transparent; font:600 .7rem var(--font-ui); text-align:left; white-space:nowrap; }
.table-sort-button svg { width:14px; height:14px; flex:none; fill:none; stroke:currentColor; stroke-width:1.5; opacity:.45; }
.table-sort-button:hover { color:hsl(var(--ink)); background:hsl(var(--accent) / .06); }
#dataTable th[aria-sort="ascending"] .table-sort-button,
#dataTable th[aria-sort="descending"] .table-sort-button { color:hsl(var(--accent)); }

#dataTable th:not([aria-sort="none"]) svg { opacity:1; }
#dataTable tbody td { padding:10px 13px; font-size:.8rem; line-height:1.45; }
.report-results-card .pagination { margin:12px 16px 0; }
.report-results-card [data-report-grid] { max-height:60dvh; overflow:auto; overscroll-behavior:contain; padding:16px; }

#reportDetailModal .report-detail-dialog { width:min(700px,calc(100vw - 40px)); max-width:700px; height:min(760px,calc(100dvh - 40px)); margin:20px auto; }
#reportDetailModal .report-detail-toolbar { padding:8px 14px; }
#reportDetailModal .report-detail-body { padding:20px 24px 24px; }
#reportDetailModal .report-detail-hero { grid-template-columns:minmax(0,1fr) 118px; gap:20px; margin-bottom:18px; padding-bottom:18px; }
#reportDetailModal .modal-title { font-size:1.2rem; margin:8px 0 5px; }
#reportDetailModal .report-detail-score strong { font-size:1.65rem; }
#reportDetailModal .report-detail-time { font-size:.75rem; }
#reportDetailModal .report-assessment { margin:0 0 18px; }
#reportDetailModal .report-assessment > h6 { margin-bottom:9px; }
#reportDetailModal .report-assessment .report-detail-field { padding-bottom:12px; }
#reportDetailModal .report-assessment .report-field-pre { font-size:.84rem; line-height:1.65; }
#reportDetailModal .report-detail-info-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; margin:14px 0; padding:10px 16px; }
#reportDetailModal .report-detail-info-grid > .report-detail-group { min-width:0; }
#reportDetailModal .report-detail-info-grid > [data-group="report-overview"],
#reportDetailModal .report-detail-info-grid > [data-group="contacts"] { grid-column:1 / -1; }
#reportDetailModal .report-detail-info-grid .report-detail-group h6 { padding:10px 0 4px; font-size:.78rem; }
#reportDetailModal .report-detail-info-grid .report-detail-grid { padding:0 0 7px; gap:0 16px; grid-template-columns:1fr; }
#reportDetailModal .report-detail-info-grid [data-group="report-overview"] .report-detail-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
#reportDetailModal .report-detail-info-grid [data-group="contacts"] .report-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
#reportDetailModal .report-detail-info-grid .report-detail-field { padding:7px 0; }
#reportDetailModal .report-detail-info-grid dt { margin-bottom:3px; font-size:.7rem; }
#reportDetailModal .report-detail-info-grid dd { font-size:.82rem; line-height:1.45; }
#reportDetailModal .report-copy-button { width:26px; height:26px; }
#reportDetailModal .report-metadata-disclosure { margin:16px 0; }
#reportDetailModal .report-metadata-disclosure > summary { padding:12px 0; font-size:.78rem; }
#reportDetailModal .report-extracted-section { margin-top:18px; padding-top:14px; }
#reportDetailModal .report-extracted-text { max-height:200px; padding:12px; font-size:.84rem; line-height:1.65; }
@media (max-width:575.98px) {
    .scam-data-page #summaryCard .card-body { padding:12px 14px; }
    .scam-data-page .data-table-scroll-region { height:48dvh !important; max-height:540px !important; }
    .page-heading { z-index:auto; }
    .data-popover[open] { z-index:1055; }
    .data-popover-panel { z-index:1056; }
    #reportDetailModal .report-detail-dialog { width:100%; height:100dvh; margin:0; }
    #reportDetailModal .report-detail-body { padding:18px 16px 24px; }
    #reportDetailModal .report-detail-hero { grid-template-columns:1fr; gap:14px; }
    #reportDetailModal .report-detail-info-grid { gap:0 14px; padding:8px 12px; }
    #reportDetailModal .report-detail-info-grid [data-group="report-overview"] .report-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    #reportDetailModal .report-detail-info-grid [data-group="contacts"] .report-detail-grid { grid-template-columns:1fr; }
}

.scam-data-page #dataTable thead th:first-child { position:sticky !important; z-index:3; }

.export-popover-panel.data-popover-panel { border-radius:14px; }
.scam-data-page > .card.mb-4 > .card-body { padding:12px 18px; }
.scam-data-page #summaryCard .risk-summary-pills { padding:0; }
.report-results-card nav { margin-top:0 !important; }

#reportDetailModal .report-detail-group[hidden],
#reportDetailModal .report-detail-info-grid[hidden] { display:none; }