/* Compact screen workspace. Print templates keep their approved dimensions. */
@media screen {
  :root { --ui-body-size:14px; --ui-control-height:34px; --ui-panel-pad:14px; --ui-gap:10px; }
  html { font-size:14px; }
  body { font-size:var(--ui-body-size); line-height:1.45; }
  body,button,input,select,textarea { text-rendering:optimizeLegibility; }

  .topbar { height:62px; padding-inline:18px; }
  .topbar h1 { margin-top:1px; font-size:19px; }
  .topbar small { font-size:9px; }
  .top-actions { gap:6px; }
  .avatar { width:32px; height:32px; }
  .page-content { max-width:1700px; padding:15px 18px 38px; }
  .section-intro { gap:10px; padding:2px 0 14px; }
  .section-intro h2 { margin:4px 0 2px; font-size:23px; line-height:1.25; }
  .section-intro p { font-size:12px; line-height:1.45; }

  :is(.panel,.job-card,.form-panel) { padding:var(--ui-panel-pad); }
  .panel-head { gap:10px; margin-bottom:11px; }
  .panel-head h3 { font-size:14px; line-height:1.35; }
  .panel-head p { margin-top:2px; font-size:10px; line-height:1.4; }
  .split-grid,.master-cards,.job-grid,.report-grid,.kpi-grid { gap:var(--ui-gap); }
  .kpi { min-height:104px; padding:13px; }
  .kpi>strong { margin:7px 0 2px; font-size:21px; }
  .master-cards article { min-height:118px; padding:15px; }
  .master-cards h3 { margin:8px 0 3px; font-size:14px; }
  .master-cards small { margin-top:12px; }

  :is(.primary,.ghost,.mini-action,button) { min-height:32px; }
  :is(.primary,.ghost) { padding:7px 11px; font-size:12px; }
  .mini-action { padding:5px 8px; font-size:11px; }
  .form-grid { gap:10px 12px; padding:14px 16px; }
  .form-grid label>span { margin-bottom:3px; font-size:10px; }
  .form-grid :is(input,select,textarea),
  :is(input,select):not([type="checkbox"]):not([type="radio"]) {
    min-height:var(--ui-control-height); padding:6px 8px; font-size:13px;
  }
  textarea { padding:7px 8px; font-size:13px; line-height:1.45; }
  .form-actions { gap:6px; margin-top:2px; padding-top:10px; }
  .modal-head { padding:14px 17px; }
  .modal-head h2 { margin:3px 0 1px; font-size:18px; }
  .modal-head p { font-size:10px; }
  .modal-head button { font-size:22px; }

  .table-wrap { margin-top:0; }
  .table-wrap :is(th,td) { padding:7px 8px; font-size:12px; line-height:1.4; }
  .table-wrap th { font-size:10.5px; }
  .job-search-panel { gap:7px; margin-bottom:9px; padding:10px; }
  .job-search-panel label { gap:3px; }
  .job-registry-table>article { padding-block:9px; }

  .entry-tabs:is(.work-entry-tabs,.groundwater-tabs) { gap:4px; padding:2px 1px 5px; }
  .entry-tabs:is(.work-entry-tabs,.groundwater-tabs)>button {
    flex-basis:94px; min-height:52px; padding:5px 3px; gap:3px; font-size:10px; border-radius:6px;
  }
  :is(.work-entry-tabs,.groundwater-tabs)>button::before { width:18px; height:18px; }

  .groundwater-center,.groundwater-entry-layout,.groundwater-interval-center,
  .groundwater-document-prep,.nb4-tracking { gap:10px; }
  .groundwater-case-picker { gap:10px; padding:10px 12px; border-radius:10px; }
  .groundwater-file-form { gap:7px; margin-top:10px; padding-top:10px; }
  .gwf-collapsible-body { padding-top:8px; }
  .gwf-collapsible-section>summary { gap:8px; }

  :is(.nb1-condition-panel,.groundwater-coordinate-panel,.nb1-consent-prep,
      .nb1-consent-details,.nb1-officer-inline-note,.nb1-link-pending,
      .nb1-evidence-linked,.nb1-driller-picker,.nb4-tracking-form) {
    gap:8px; padding:9px 10px; border-radius:8px;
  }
  .nb1-original-header { padding:12px; border-radius:9px; }
  .nb1-officer-box { padding:7px 9px; }
  .nb1-check-line { gap:7px; padding:7px 8px; }
  .nb1-nested-block { gap:7px; margin-left:18px; padding:8px; }
  .nb1-purpose-column { gap:7px; padding:10px; }
  .nb1-evidence-columns { gap:9px; padding:10px; }
  .nb1-evidence-columns>section { gap:7px; padding:10px; }
  .nb1-declaration,.nb1-officer-section { padding:10px; }
  .nb1-section-help { padding:6px 9px; font-size:11px; }
  .groundwater-document-prep-grid { gap:8px; }
  .groundwater-document-prep-grid>article { gap:7px; min-height:132px; padding:10px; border-radius:9px; }
  .nb4-tracking-summary,.nb4-attachment-grid { gap:8px; }
  .nb4-tracking-summary article,.nb4-attachment-grid>section { gap:7px; padding:10px; border-radius:9px; }
  details>summary { line-height:1.35; }
  p { margin-block:6px; }

  @media (max-width:760px) {
    :root { --ui-control-height:42px; --ui-panel-pad:11px; }
    html,body { font-size:14px; }
    .topbar { height:58px; padding-inline:12px; }
    .topbar h1 { font-size:17px; }
    .page-content { padding:10px 9px 82px; }
    .section-intro { padding-bottom:10px; }
    .section-intro h2 { font-size:20px; }
    .form-grid { gap:9px; padding:11px; }
    :is(.primary,.ghost,.mini-action,button) { min-height:42px; }
    .entry-tabs:is(.work-entry-tabs,.groundwater-tabs)>button {
      flex:0 0 112px; min-height:54px; font-size:11px;
    }
    .table-wrap :is(th,td) { padding:7px 6px; }
    .nb1-nested-block { margin-left:0; }
  }
  @media (pointer:coarse) {
    :is(button,a.primary,a.ghost,input,select) { min-height:44px; }
  }
}
