/* Original motherboard theme; layout refinements only. */
.route-content { display:flex; flex-direction:column; gap:var(--page-gap); min-width:0; }
.mobile-menu { display:none; }
.department-ledger-table { min-width:0!important; table-layout:fixed; margin:0; }
.department-ledger-table th,.department-ledger-table td { text-align:start; border-inline-start:1px solid var(--line); padding:16px 18px; }
.department-ledger-table th { font-size:var(--fs-14); font-weight:400; background:transparent; color:var(--ink-2); }
.department-ledger-table td { font-size:var(--fs-30); border-block:0; padding-top:0; }
.department-ledger-table th:last-child,.department-ledger-table td:last-child { background:var(--accent-soft); color:var(--accent-soft-ink); }
.department-ledger { display:grid; grid-template-columns:minmax(160px, .65fr) 2fr; align-items:center; }
.department-ledger-title { padding:22px; }
.department-ledger-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; }
.department-ledger-values > div { padding:20px; border-inline-start:1px solid var(--line); }
.department-ledger-values dt { color:var(--ink-2); line-height:1.6; }
.department-ledger-values dd { font-size:var(--fs-30); font-variant-numeric:tabular-nums; margin:6px 0 0; line-height:1.2; }
.department-total { background:var(--accent-soft); color:var(--accent-soft-ink); }
.exhibit-department-heading { margin-block:12px; color:var(--accent); }
.phone-exhibits { margin-block-start:20px; border-block-start:1px solid var(--line); }
.phone-exhibits > summary { padding:16px 0; cursor:pointer; color:var(--accent); font-weight:700; }
.phone-exhibits > summary:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.monitoring-panel > summary { cursor:pointer; padding:16px 20px; color:var(--accent); font-weight:700; }
.assistant-message p { white-space:pre-line; }
.month-departments { display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between; border-top:1px solid var(--line); padding-top:10px; margin-top:12px; color:var(--ink-2); font-size:var(--fs-13); }
.month-departments b { color:var(--ink); padding-inline-start:8px; }
.dashboard-exhibit-types { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--page-gap); }
.dashboard-exhibit-types > .panel { margin:0; }
.toolbar-group, .panel-head, .form-actions { flex-wrap:wrap; }
.two-col > *, .form-grid > *, .profile-work-grid > * { min-width:0; }
input, select, textarea { max-width:100%; }
@media(max-width:1100px) {
  .department-ledger { grid-template-columns:1fr; }
  .department-ledger-title { padding:16px 20px; border-bottom:1px solid var(--line); display:flex; gap:12px; justify-content:space-between; }
  .department-ledger-values > div:first-child { border-inline-start:0; }
  .dashboard-exhibit-types { grid-template-columns:1fr; }
}
@media(max-width:899px) { .shell { grid-template-rows:auto 1fr; } }
@media(max-width:640px) {
  .figures.five, .figures.dashboard-figures, .figures.profile-figures { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .figures.five > .figure:first-child { grid-column:1/-1; }
  .figure { min-width:0; }
  .department-ledger-table th,.department-ledger-table td { padding-inline:10px; }
  .department-ledger-table th { line-height:1.65; font-size:var(--fs-13); }
  .sidebar { flex-wrap:wrap; overflow:visible; }
  .mobile-menu { display:inline-flex; margin-inline-end:auto; }
  .sidebar .nav { display:none; }
  .sidebar.menu-open .nav { display:grid; grid-template-columns:1fr 1fr; position:absolute; top:100%; inset-inline:0; background:var(--surface-nav); padding:12px; border-bottom:1px solid var(--line); max-height:75dvh; overflow-y:auto; }
  .sidebar.menu-open .nav-item { width:auto; height:auto; min-height:44px; justify-content:flex-start; padding:8px; }
  .sidebar.menu-open .nav-item .nav-label { display:inline; max-width:none; }
  .sidebar .sidebar-foot { margin:0; }
  .sidebar .user { display:none; }
  .department-ledger-values { grid-template-columns:1fr 1fr; }
  .department-ledger-values > div { padding:14px; }
  .department-ledger-values .department-total { grid-column:1/-1; border-inline-start:0; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; }
  .department-total dd { margin:0; }
  .form-grid, .two-col { grid-template-columns:1fr; }
  .form-grid .span-2 { grid-column:auto; }
  .input, .select, .textarea { font-size:16px; min-height:44px; }
  .btn { min-height:44px; }
  .toolbar-group { gap:8px; max-width:100%; }
  .toolbar-group .select { flex:1 1 110px; min-width:0; }
  .exhibit-type-line { min-width:0; }
  .form-actions { padding-bottom:max(16px,env(safe-area-inset-bottom)); }
  .department-ledger-title { flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media print { .department-ledger { break-inside:avoid; } .department-ledger-values { grid-template-columns:repeat(3,1fr); } .department-ledger-values .department-total { grid-column:auto; } }

/* Phone reading sizes: keep the original Amiri typeface and theme palette. */
.annual-phone-trend { display:none; }
@media screen and (max-width:640px) {
  :root { --fs-12:.9375rem; --fs-13:1rem; --fs-14:1.125rem; --page-gap:16px; }
  .shell { min-height:100svh; }
  .sidebar { padding-inline:max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-left)); }
  .brand { min-height:44px; }
  .sidebar .btn-icon { width:44px; height:44px; flex:none; }
  .sidebar.menu-open .nav-item { min-height:48px; white-space:normal; }
  .sidebar.menu-open .nav-item .nav-label { white-space:normal; overflow:visible; line-height:1.5; }
  .topbar { padding:12px 14px; }
  .page-title { font-size:24px; line-height:1.5; }
  .page-sub { color:var(--ink-2); line-height:1.5; }
  .view { padding-inline:max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-left)); }
  .btn, .btn-sm { min-height:46px; height:auto; white-space:normal; line-height:1.4; }
  .input, .select, .textarea { font-size:18px; min-height:48px; }
  .input[type=date], .input[type=datetime-local] { min-width:0; width:100%; }
  .field > label, .exhibit-type-control > span { font-size:17px; line-height:1.5; }
  .panel-title, .form-section-title { font-size:20px; line-height:1.5; }
  .panel-sub, .figure-note, .person-role { color:var(--ink-2); line-height:1.5; }
  .dashboard-toolbar .toolbar-group { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
  .dashboard-toolbar .period { grid-column:1/-1; }
  .dashboard-toolbar .select { width:100%; }
  .dashboard-toolbar .updated { font-size:15px; line-height:1.5; white-space:normal; }
  .figure { padding:14px; gap:4px; }
  .figure-label { font-size:16px; line-height:1.5; color:var(--ink); }
  .figure-value, .figure.primary .figure-value { font-size:34px; line-height:1.2; }
  .figures.five > .figure:first-child { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; }
  .figures.five > .figure:first-child .figure-value { grid-column:2; grid-row:1/3; margin:0; }
  .figures.five > .figure:first-child .figure-note { grid-column:1; margin:0; }
  .dashboard-figures .figure { padding:14px; }
  .dashboard-figures .figure-note { min-height:0; margin-top:0; }
  .department-ledger-title { padding:12px; align-items:center; }
  table.data.department-ledger-table th { white-space:normal; overflow-wrap:normal; font-size:16px; line-height:1.5; padding:12px 8px 8px; color:var(--ink); vertical-align:top; }
  table.data.department-ledger-table td { font-size:32px; line-height:1.4; padding:0 8px 12px; }
  table.data.department-ledger-table th:last-child { color:var(--accent-soft-ink); }
  table.data.employee-table tr { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 12px; padding:16px; }
  table.data.employee-table td { font-size:24px; line-height:1.4; }
  table.data.employee-table td::before { font-size:16px; line-height:1.5; color:var(--ink-2); }
  table.data.employee-table td:first-child { padding-bottom:10px; border-bottom:1px solid var(--line); font-size:18px; }
  .person-name { font-size:19px; line-height:1.5; }
  table.data.stack td { align-items:start; flex-wrap:wrap; font-size:18px; line-height:1.6; overflow-wrap:anywhere; }
  table.data.stack td::before { min-width:90px; font-size:16px; color:var(--ink-2); }
  .month-grid { grid-template-columns:minmax(0,1fr); }
  .month-card { padding:16px; gap:14px; }
  .month-name { font-size:21px; }
  .month-nums, .month-nums.four, .month-nums.five { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 10px; }
  .mn b { font-size:28px; }
  .mn span { font-size:16px; line-height:1.5; color:var(--ink-2); }
  .month-departments { font-size:17px; gap:12px; }
  .month-card.empty-month { opacity:1; }
  .annual-year-chart { display:none; }
  .annual-phone-trend { display:flex; flex-direction:column; gap:12px; padding:16px; }
  .annual-phone-trend .bar-row { grid-template-columns:72px minmax(0,1fr) 36px; }
  .exhibit-type-line { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .exhibit-type-control { min-width:0; }
  .exhibit-type-control:has([data-exhibit-type]), .exhibit-type-control:has([data-exhibit-brand]) { grid-column:1/-1; }
  .exhibit-type-control:has([data-exhibit-type]) { display:grid; grid-template-columns:72px minmax(0,1fr); align-items:center; }
  .exhibit-capacity-row { grid-column:1/-1; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .exhibit-detail-remove { grid-column:1/-1; }
  .exhibit-type-line.is-empty { opacity:1; }
  .bar-name, .photo-person-name { white-space:normal; overflow:visible; text-overflow:clip; line-height:1.5; }
  .assistant-messages { padding:14px; max-height:55svh; min-height:180px; }
  .assistant-message { max-width:100%; overflow-wrap:anywhere; }
  .assistant-message p { font-size:18px; line-height:1.8; }
  .assistant-questions, .assistant-form { padding:14px; }
  .assistant-suggestion { text-align:start; }
  table.data.mobile-records { min-width:0!important; width:100%; }
  table.data.mobile-records, table.data.mobile-records tbody { display:block; }
  table.data.mobile-records thead { display:none; }
  table.data.mobile-records tr { display:block; padding:12px 14px; border-bottom:1px solid var(--line); }
  table.data.mobile-records td { display:grid; grid-template-columns:minmax(90px,.75fr) minmax(0,1.25fr); gap:12px; border:0; padding:8px 0; font-size:17px; white-space:normal; overflow-wrap:anywhere; text-align:start; direction:rtl; }
  table.data.mobile-records td::before { content:attr(data-label); color:var(--ink-2); font-size:16px; line-height:1.5; }
  table.data.mobile-records td[colspan] { display:block; }
  table.data.mobile-records td[colspan]::before { content:none; }
  table.data.mobile-records td > .actions { flex-wrap:wrap; }
  .table-wrap:has(.mobile-records)::before, .table-wrap:has(.attendance-table)::before { display:none; }
  .table-wrap:has(.mobile-records)::after { display:none; }
  .panel-foot { flex-wrap:wrap; gap:12px; }
  dialog.dialog { padding-bottom:env(safe-area-inset-bottom); }
  .dialog-body { max-height:calc(85dvh - 90px); }
}

/* Numeric case tracking uses the original surfaces, typography and copper accents. */
.workflow-counts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-bottom:1px solid var(--line); }
.workflow-counts > a { display:flex; align-items:center; gap:14px; min-width:0; padding:16px 22px; color:var(--ink); text-decoration:none; }
.workflow-counts > a + a { border-inline-start:1px solid var(--line); }
.workflow-counts b { font-size:36px; line-height:1.2; color:var(--accent); }
.workflow-counts > a > svg { margin-inline-start:auto; width:16px; flex-shrink:0; }
.workflow-counts > a:hover { background:var(--accent-soft); }
.workflow-cases { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; }
.workflow-case { min-width:0; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
.workflow-case > summary { display:grid; grid-template-columns:100px minmax(0,1fr) 18px; align-items:center; gap:14px; list-style:none; cursor:pointer; padding:18px 16px; }
.workflow-case > summary::-webkit-details-marker { display:none; }
.workflow-age { display:flex; flex-direction:column; gap:6px; text-align:center; padding-inline-end:14px; border-inline-end:1px solid var(--line); }
.workflow-age > b { font-size:36px; line-height:1.1; color:var(--accent); }
.workflow-age > span { color:var(--ink-2); font-size:var(--fs-13); line-height:1.5; }
.workflow-case-heading { display:flex; min-width:0; flex-direction:column; gap:4px; overflow-wrap:anywhere; }
.workflow-case-heading > b { color:var(--ink); font-size:var(--fs-15); }
.workflow-case-heading > span { color:var(--accent); }
.workflow-case-heading > small { color:var(--ink-2); font-size:var(--fs-13); }
.workflow-expand { display:flex; color:var(--ink-2); }
.workflow-expand svg { width:18px; height:18px; }
.workflow-case[open] .workflow-expand { transform:rotate(-90deg); }
.workflow-case-details { padding:0 16px 18px; border-top:1px solid var(--line); }
.workflow-case-details dl { display:grid; gap:12px; margin:16px 0; }
.workflow-case-details dl > div { display:grid; grid-template-columns:90px minmax(0,1fr); gap:10px; }
.workflow-case-details dt { color:var(--ink-2); }
.workflow-case-details dd { margin:0; overflow-wrap:anywhere; }
.workflow-case > summary:focus-visible, .workflow-counts > a:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@media(max-width:900px) { .workflow-cases { grid-template-columns:minmax(0,1fr); } }
@media(max-width:640px) {
  .workflow-counts > a { display:grid; grid-template-columns:minmax(0,1fr) 16px; gap:6px; padding:14px 16px; }
  .workflow-counts b { grid-column:1; font-size:38px; }
  .workflow-counts a > span { grid-column:1; font-size:18px; }
  .workflow-counts > a > svg { grid-column:2; grid-row:1 / span 2; }
  .workflow-case > summary { grid-template-columns:86px minmax(0,1fr) 16px; gap:10px; padding:16px 12px; }
  .workflow-age { padding-inline-end:10px; }
  .workflow-age > span, .workflow-case-heading > small { font-size:16px; }
  .workflow-case-heading > b { font-size:18px; }
  .workflow-case-details dl > div { grid-template-columns:80px minmax(0,1fr); }
}

/* Management refinements retain the existing motherboard tokens and panels. */
.audit-completion-control {display:flex;align-items:center;gap:10px;min-height:46px;cursor:pointer;}
.audit-completion-control input,.followup-options input {width:20px;height:20px;accent-color:var(--accent);flex-shrink:0;}
.flow-numbers {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.flow-numbers a {display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;padding:18px 12px;color:var(--ink);text-decoration:none;}
.flow-numbers a + a {border-inline-start:1px solid var(--line);}
.flow-numbers b {font-size:34px;color:var(--accent);line-height:1.2;}
.flow-numbers a:hover {background:var(--accent-soft);}
.flow-numbers a:focus-visible {outline:2px solid var(--accent);outline-offset:-4px;}
.case-followup > summary,.followup-history > summary {cursor:pointer;padding:18px 20px;color:var(--accent);font-weight:bold;}
.followup-options {display:flex;gap:12px;flex-wrap:wrap;}
.followup-options label {display:flex;align-items:center;gap:8px;min-height:44px;}
.case-followup [hidden] {display:none !important;}
.followup-history p {overflow-wrap:anywhere;}
@media(max-width:640px){.flow-numbers {grid-template-columns:repeat(2,minmax(0,1fr));}.flow-numbers a:nth-child(3){border-inline-start:0;}.flow-numbers a:nth-child(n+3){border-top:1px solid var(--line);}.flow-numbers span {font-size:18px;}.case-followup > summary{font-size:19px;}.case-followup .panel-body{padding:16px;}}

/* A single current-work counter spans the existing panel. */
.workflow-counts > a:only-child { grid-column: 1 / -1; }

/* Dongles only; reuse the existing forms, table, status and theme tokens. */
.dongles-page td { overflow-wrap:anywhere; }
.dongles-page [hidden] { display:none !important; }