/* Preserve the original pages; compose their existing content only when requested. */
/* Reclaim vertical room without hiding actions or changing table data. */
@media screen {
 .main > .dashboard-heading-hidden { display: none; }
 .sidebar { position: sticky; top: 14px; height: calc(100dvh - 28px); min-height: 0; gap: 14px; }
 .sidebar .brand { flex-shrink: 0; }
 .sidebar .company-logo { max-width: 145px; }
 .sidebar-navigation { display: flex; flex-direction: column; gap: 18px; overflow: auto; min-height: 0; flex: 1; }
 .sidebar .nav-group-label { text-transform: none; letter-spacing: .02em; }
 #dashboard-sidebar-footer { margin-top: auto; flex-shrink: 0; padding-top: 10px; border-top: 1px solid var(--border-strong); min-width: 0; }
 #dashboard-sidebar-footer .topbar-right { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
 #dashboard-sidebar-footer .app-user-badge { flex: 1 0 100%; display: flex; align-items: flex-start; flex-direction: column; gap: 6px; padding: 0; min-width: 0; }
 #dashboard-sidebar-footer .app-user-badge > div { align-items: flex-start; min-width: 0; width: 100%; }
 #dashboard-sidebar-footer .app-user-badge small { display: block; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
 #dashboard-sidebar-footer .app-user-badge button { width: 100%; }
 #dashboard-sidebar-footer .synced { flex: 1 0 100%; order: 3; font-size: 9px; line-height: 1.4; overflow-wrap: anywhere; }
 #dashboard-sidebar-footer .theme-toggle { width: 28px; height: 28px; margin-left: auto; }
 #dashboard-sidebar-footer .dashboard-return-report { font-size: 10px; padding: 5px 8px; }
 .sidebar.sidebar-collapsed #dashboard-sidebar-footer .synced,
 .sidebar.sidebar-collapsed #dashboard-sidebar-footer .app-user-badge small,
 .sidebar.sidebar-collapsed #dashboard-sidebar-footer .dashboard-return-report span { display: none; }
 .sidebar.sidebar-collapsed #dashboard-sidebar-footer .app-user-badge span { padding: 2px; font-size: 7px; letter-spacing: 0; }
 .sidebar.sidebar-collapsed #dashboard-sidebar-footer .app-user-badge button { white-space: normal; padding: 4px 2px; line-height: 1.4; font-size: 9px; }
 .sidebar.sidebar-collapsed #dashboard-sidebar-footer .topbar-right { justify-content: center; }
 .sidebar.sidebar-collapsed #dashboard-sidebar-footer .theme-toggle { margin-left: 0; }
 #global-filter-bar > #chart-filter-bar { flex: 1 0 100%; padding: 0; border: 0; background: transparent; box-shadow: none; border-radius: 0; gap: 6px; font-size: 10px; }
 #global-filter-bar #chart-filter-bar .chart-filter-summary { flex: 1; min-width: 0; flex-wrap: nowrap; gap: 5px; }
 #global-filter-bar #chart-filter-chips { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 /* Keep the original toggle in toolbar flow: no overlap with export actions. */
 #global-filter-bar .saved-view-toolbar { padding-right: 0; flex-wrap: wrap; min-width: 0; }
 #global-filter-bar .dashboard-export-actions { display: flex; align-items: center; flex: 0 0 auto; gap: 8px; }
 #global-filter-bar #filter-collapse-toggle { position: static; flex: 0 0 30px; display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border-radius: 8px; background: var(--surface-1); }
 #global-filter-bar #filter-collapse-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }
 #global-filter-bar.filter-collapsed { gap: 12px; }
 #global-filter-bar.filter-collapsed > .saved-view-toolbar { display: flex !important; order: 2; flex: 0 0 auto; margin: 0; padding: 0; border: 0; }
 #global-filter-bar.filter-collapsed #filter-collapse-toggle { flex-basis: 26px; width: 26px; height: 26px; }
 #global-filter-bar.filter-collapsed > .saved-view-toolbar > :not(.dashboard-export-actions),
 #global-filter-bar.filter-collapsed #export-dashboard-btn { display: none !important; }
 #global-filter-bar.filter-collapsed .filter-collapsed-summary { flex: 1 1 50%; width: auto; padding-right: 0; min-width: 0; }
 #global-filter-bar.filter-collapsed > #chart-filter-bar:not(.hidden) { display: flex !important; flex: 0 0 auto; min-width: 0; }
 #global-filter-bar.filter-collapsed #chart-filter-bar .chart-filter-summary { display: none; }
 #global-filter-bar.filter-collapsed .chart-filter-heading { display: none; }
 #global-filter-bar.filter-collapsed .chart-filter-clear { padding: 4px; font-size: 10px; }
 .dashboard-workspace-compact .filter-bar { margin-bottom: 0; }
 .claims-pagination { display: flex; flex-wrap: wrap; gap: 6px 10px; }
 .claims-pagination #claims-table-count { flex: 1; min-width: 110px; font-size: 10px; }
 .claims-pagination-controls { display: flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; }
 .claims-pagination label { display: flex; align-items: center; gap: 5px; font-size: 10px; white-space: nowrap; }
 .claims-pagination select { border: 1px solid var(--border-strong); border-radius: 8px; background: var(--surface-2); color: var(--text-primary); padding: 4px 6px; font: inherit; }
 #all-claims-page .claims-pagination,
 .dashboard-workspace-compact #all-claims-page .claims-pagination { padding-right: 76px; }
 .graph-claims-active #all-claims-page .claims-pagination { padding-right: 76px; gap: 6px; }
 .graph-claims-active #all-claims-page .claims-pagination-controls { gap: 5px; font-size: 10px; }
 .graph-claims-active #all-claims-page .claims-pagination .btn { padding: 5px 8px; font-size: 10px; }
 @media (max-width: 760px) {
  #global-filter-bar .saved-view-toolbar { flex-direction: row; align-items: center; }
  #global-filter-bar .saved-view-toolbar select { min-width: 0; flex-basis: 100%; }
  .sidebar, .sidebar.sidebar-collapsed { position: relative; top: 0; height: auto; width: 100%; gap: 10px; }
  .sidebar-navigation { flex: 1 0 100%; flex-direction: row; flex-wrap: wrap; max-height: 190px; gap: 12px; }
  .sidebar-navigation .nav-group { flex: 1; min-width: 110px; }
  #dashboard-sidebar-footer { width: 100%; }
  #dashboard-sidebar-footer .topbar-right { align-items: center; }
  #dashboard-sidebar-footer .app-user-badge { flex: 1; flex-direction: row; align-items: center; }
  #dashboard-sidebar-footer .app-user-badge button { width: auto; flex-shrink: 0; }
  #global-filter-bar.filter-collapsed { flex-wrap: wrap; }
  #global-filter-bar.filter-collapsed > #chart-filter-bar:not(.hidden) { order: 3; flex-basis: 100%; flex-direction: row; }
  .claims-pagination #claims-table-count { flex-basis: 100%; }
 }
}
#graph-claims-workspace { display: contents; }
#graph-claims-divider { display: none; }
.graph-claims-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
.graph-claims-mode { display: flex; gap: 5px; }
.graph-claims-toolbar .btn { font-size: 11px; padding: 6px 10px; }
/* Match the collapsed-filter caption; retain the existing button height and spacing. */
#graph-claims-toolbar .graph-claims-mode > button.btn { font-size: 10px; font-weight: 400; line-height: 18px; min-height: 26px; height: 26px; padding: 3px 8px; }
@media screen {
 /* Keep the legacy six-card overview separate from the narrow graph pane. */
 .dashboard-workspace-compact:not(.graph-claims-mode-active) #dashboard-body .kpi-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
 .dashboard-workspace-compact:not(.graph-claims-mode-active) #dashboard-body .kpi-card:nth-child(n) { grid-column: auto; grid-row: auto; min-width: 0; min-height: 100px; display: flex; flex-direction: column; align-items: stretch; gap: 6px; }
 .dashboard-workspace-compact:not(.graph-claims-mode-active) #dashboard-body .kpi-card:nth-child(n) .label { flex: none; }
 .dashboard-workspace-compact:not(.graph-claims-mode-active) #dashboard-body .kpi-card:nth-child(n) .value { font-size: clamp(16px, 1.8vw, 28px); }
 @media (max-width: 800px) {
  .dashboard-workspace-compact:not(.graph-claims-mode-active) #dashboard-body .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
 /* Hide presentation chrome only; retain the views, drill state and listeners. */
 .graph-claims-active #all-claims-page #all-claims-drill-bar,
 .graph-claims-active #all-claims-page #all-claims-view-tabs { display: none; }
 .graph-claims-active > #dashboard-body > .graph-claims-toolbar { position: sticky; top: 0; z-index: 4; gap: 5px; padding-block: 2px; margin-bottom: 8px; background: var(--page-bg); }
 .graph-claims-active > #dashboard-body > .graph-claims-toolbar .btn { padding-inline: 8px; white-space: nowrap; }
 #graph-claims-workspace.graph-claims-active { display: grid; grid-template-columns: minmax(320px, var(--graph-claims-left, 38%)) 16px minmax(0, 1fr); height: var(--graph-claims-height, 70dvh); min-height: 380px; gap: 0; }
 .graph-claims-active > #dashboard-body { min-width: 0; min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding-right: 4px; }
 .graph-claims-active > #graph-claims-divider { display: flex; align-items: center; justify-content: center; touch-action: none; cursor: col-resize; color: var(--text-muted); border-radius: 5px; }
 #graph-claims-divider:hover, #graph-claims-divider:focus-visible { color: var(--accent); background: var(--accent-soft); outline: 2px solid var(--accent); outline-offset: -2px; }
 .graph-claims-resizing { user-select: none; cursor: col-resize; }
 .graph-claims-active > #all-claims-page { display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: auto; overscroll-behavior: contain; }
 .graph-claims-active #all-claims-page .claims-toolbar, .graph-claims-active #all-claims-page .claims-view-tabs, .graph-claims-active #all-claims-page .all-claims-drill-bar { flex-shrink: 0; }
 .graph-claims-active #all-claims-page .claims-toolbar-actions { flex-wrap: wrap; }
 .graph-claims-active #all-claims-page .claims-search { min-width: 140px; }
 .graph-claims-active #all-claims-page .claims-view-tabs { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; }
 .graph-claims-active #all-claims-page .claims-view-tabs button { min-width: 0; font-size: 10px; padding: 6px; gap: 4px; }
 .graph-claims-active #all-claims-page .claims-table-card { display: flex; flex-direction: column; min-height: 200px; flex: 1; }
 .graph-claims-active #all-claims-page:not(.all-claims-fullscreen-active) .claims-table-wrap { flex: 1; min-height: 0; max-height: none; }
 .graph-claims-active #all-claims-page .claims-table-meta, .graph-claims-active #all-claims-page .claims-pagination { flex-shrink: 0; }
 .graph-claims-active #all-claims-page .claims-pagination { justify-content: center; padding-right: 84px; }
 .graph-claims-active #dashboard-body .chart-grid { grid-template-columns: minmax(0, 1fr); margin-top: 10px; }
 .graph-claims-active #dashboard-body .chart-card { height: 230px; padding: 12px; }
 .graph-claims-active #dashboard-body .chart-head { flex-wrap: wrap; gap: 6px; }
 .graph-claims-active #dashboard-body .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .graph-claims-active #dashboard-body .kpi-card { min-height: 66px; padding: 8px 10px; gap: 3px; }
 .graph-claims-active #dashboard-body .kpi-card .label { font-size: 11px; }
 .graph-claims-active #dashboard-body .kpi-card .sub { font-size: 9px; }
 .graph-claims-active #dashboard-body .kpi-drill-label { display: none; }
 .graph-claims-active #dashboard-body .kpi-card:nth-child(1) { grid-column: 1; grid-row: 1; }
 .graph-claims-active #dashboard-body .kpi-card:nth-child(4) { grid-column: 2; grid-row: 1; }
 .graph-claims-active #dashboard-body .kpi-card:nth-child(5) { grid-column: 1; grid-row: 2; }
 .graph-claims-active #dashboard-body .kpi-card:nth-child(6) { grid-column: 2; grid-row: 2; }
 .graph-claims-active #dashboard-body .kpi-card:nth-child(2) { grid-column: 1; grid-row: 3; min-height: 54px; flex-direction: column; align-items: flex-start; gap: 3px; }
 .graph-claims-active #dashboard-body .kpi-card:nth-child(3) { grid-column: 2; grid-row: 3; min-height: 54px; flex-direction: column; align-items: flex-start; gap: 3px; }
 .graph-claims-active #dashboard-body .kpi-card .value { font-size: 24px; }
 .graph-claims-active #dashboard-body .kpi-card:nth-child(2) .value, .graph-claims-active #dashboard-body .kpi-card:nth-child(3) .value { font-size: 20px; }
 @media (max-width: 1100px) {
  #graph-claims-workspace.graph-claims-active { grid-template-columns: minmax(0, 1fr); height: auto; gap: 12px; }
  .graph-claims-active > #dashboard-body { max-height: 520px; }
  .graph-claims-active > #graph-claims-divider { display: none; }
  .graph-claims-active > #all-claims-page:not(.all-claims-fullscreen-active) { height: max(420px, 70dvh); }
 }
 @media (max-width: 600px) {
  .graph-claims-active #all-claims-page .claims-view-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
}
body.dashboard-capturing #graph-claims-workspace { display: contents !important; }
body.dashboard-capturing #graph-claims-divider, body.dashboard-capturing #graph-claims-toolbar, body.dashboard-capturing #graph-claims-workspace > #all-claims-page { display: none !important; }
body.dashboard-capturing #graph-claims-workspace > #dashboard-body { overflow: visible !important; height: auto !important; max-height: none !important; padding: 0 !important; }
@media print {
 #graph-claims-toolbar, #graph-claims-divider { display: none !important; }
 #graph-claims-workspace > #dashboard-body { overflow: visible !important; max-height: none !important; }
}