/* GarBen's bundled typography and desktop density. Browser zoom remains user controlled. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/inter-4.1/InterVariable.woff2') format('woff2')}
@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url('../fonts/inter-4.1/InterVariable-Italic.woff2') format('woff2')}
:root{font-family:Inter,system-ui,sans-serif;font-optical-sizing:auto}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,.brand{font-weight:650}
.primary-button,.secondary-button{font-weight:600}
.quick-capture-heading>div{flex-shrink:0}
.quick-capture-heading h2{white-space:nowrap;font-size:1.2rem}
.quick-capture-heading>span{flex:1;min-width:0}
.quick-capture textarea::placeholder{font-size:.78rem;line-height:1.4}
.capture-result{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:16px 0;padding:16px;border:1px solid var(--success);border-radius:10px;background:var(--panel)}
.capture-result p{margin:6px 0;overflow-wrap:anywhere}
.capture-link-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%}
.capture-link-form select{max-width:100%;min-height:36px;padding:8px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px}
.timezone-label{font-size:.8rem;color:var(--muted);margin:12px 0}
.timezone-label a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(min-width:981px){
  :root{font-size:13px}
  .topbar{min-height:44px;padding-inline:4vw;gap:16px;flex-wrap:wrap;padding-block:6px}
  .topbar nav{gap:12px;flex-wrap:wrap;font-size:.9rem}
  .page-shell{width:min(1160px,73vw);padding:20px 0 40px}
  main.page-shell:has(.dashboard-hero){padding-top:20px}
  h1{font-size:clamp(1.7rem,2.4vw,2.5rem);line-height:1.15}
  h2{font-size:1.2rem}
  .lede{font-size:1rem;line-height:1.5}
  .page-heading{margin-bottom:18px;gap:20px}
  .hero-panel{padding:24px}
  .dashboard-top-grid{grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:12px}
  .dashboard-top-grid-single{grid-template-columns:1fr}
  .action-desk-top{grid-template-columns:minmax(0,1fr) minmax(310px,.9fr);gap:12px}
  .dashboard-top-grid .dashboard-hero{padding:16px 18px;gap:16px}
  .dashboard-top-grid .dashboard-hero h1{font-size:2.15rem}
  .dashboard-status-grid>a,.dashboard-status-grid>article{padding:10px 13px;gap:5px}
  .dashboard-cascade,.dashboard-availability{padding:14px}
  .form-section,.section-block,.profile-card{padding:16px}
  .section-block{gap:14px;margin-top:14px}
  .status-grid article{padding:16px}
  .primary-button,.secondary-button{min-height:32px;padding:8px 10px}
  .field{margin:8px 0}
  .field input:not([type=checkbox]),.field select,.field textarea,.filter-bar input,.filter-bar select{padding:8px 10px}
  .data-table th,.data-table td{padding:9px 10px}
  .cascade-tier-card{padding:10px}
  .cascade-tier-grid{margin-top:12px;gap:9px}
  .cascade-search-form{margin-top:10px;gap:8px}
  .cascade-search-form input,.cascade-search-form select{padding:8px 10px}
  .dashboard-cascade .section-heading{margin-bottom:0}
  .quick-capture{padding:13px}
  .quick-capture-compact .quick-capture-heading{margin-bottom:6px}
  .quick-capture-form>label{margin-bottom:6px}
  .quick-capture-compact .quick-capture-entry{grid-template-columns:minmax(0,1fr) auto}
  .quick-capture-compact .quick-capture-entry textarea{min-height:44px;height:44px;padding:8px}
  .voice-capture-status:empty{display:none}
  .quick-capture-compact .quick-capture-actions button{padding:8px}
  .quick-capture-compact .quick-capture-heading>span{font-size:.78rem}
}
/* Smaller laptops need their available width; wide desktops get the reference's broad gutters. */
.operating-area-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.action-desk-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start}
.action-desk-columns>.section-block{min-width:0;margin:0}
.action-desk-columns .task-row,.action-desk-columns .desk-note{display:flex;flex-direction:column;align-items:stretch}
.action-desk-columns .task-main{min-width:0;overflow-wrap:anywhere}
.action-desk-columns .task-actions{justify-content:flex-start;flex-wrap:wrap}
.action-desk-columns .desk-note-list{display:grid;grid-template-columns:minmax(0,1fr)}
.action-desk-columns .section-heading{flex-wrap:wrap}
.action-desk-glance>article:last-child .glance-list{grid-template-columns:minmax(0,1fr)}
@media(max-width:980px){.topbar{flex-wrap:wrap}.topbar nav{min-width:0;max-width:100%;flex-wrap:wrap}}
@media(min-width:981px){.action-desk-glance{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}
@media(max-width:980px){.action-desk-columns{grid-template-columns:minmax(0,1fr)}}
.operating-area-picker{display:grid;gap:6px;min-width:0}
.operating-area-picker input,.operating-area-picker select{width:100%;min-width:0}
.area-chip{font-size:.85rem;border-radius:20px;white-space:normal;text-align:left}
.security-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}
.security-controls .section-block{margin:0;padding:14px;gap:8px}
.security-controls h2{font-size:1.15rem;margin:0}
.security-controls p{margin:0;line-height:1.4}
.timezone-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.timezone-form .field{flex:1;min-width:0;margin:0}
.security-controls select{width:100%}
.capture-title{display:flex;align-items:center;gap:8px}
.quick-capture-heading .context-help-panel{font-size:.9rem;font-weight:400;white-space:normal;max-height:65vh;overflow-y:auto}
@media(max-width:700px){.security-controls{grid-template-columns:1fr}}
@media(max-width:600px){.quick-capture .context-help .context-help-panel{position:fixed;left:4vw;right:auto;top:auto;bottom:16px;width:92vw;max-height:65vh}}
@media(min-width:981px) and (max-width:1199px){.page-shell{width:calc(100% - 40px)}}
@media(max-width:600px){.quick-capture-heading h2{white-space:normal}.capture-result .button-row{width:100%}.capture-link-form{align-items:stretch;flex-direction:column}}