/* CompanyOS Cockpit · reset and document foundation. */
@layer reset {

  * { box-sizing:border-box; min-width:0; }
  html, body { height:100%; }
  body { margin:0; min-width:320px; font:var(--font-size-body)/var(--line-height-body) var(--font-ui); color:var(--text); background:var(--bg); overflow:hidden; }
  img,svg,video,canvas { max-width:100%; }
  h1,h2,h3,h4,h5,h6,p { overflow-wrap:anywhere; }
  .srOnly { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
  button,input,select,textarea { font:inherit; color:inherit; }
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select { min-height:var(--control-min); max-width:100%; }
  button,select,[role="button"],.nav-item,.tab { touch-action:manipulation; }
  button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
  .skipLink { position:fixed; left:12px; top:-64px; z-index:var(--z-skip); min-height:44px; padding:10px 14px; display:flex; align-items:center; border-radius:8px; background:var(--fg); color:var(--bg); text-decoration:none; }
  .skipLink:focus { top:10px; }
  body.drawerResizing,body.drawerResizing * { cursor:ew-resize!important; user-select:none!important; }
  html.cee-tour-nav .side { width:210px!important; position:relative; z-index:45; box-shadow:var(--shadow-sheet); }
  html.cee-tour-nav .nav-label,html.cee-tour-nav .nav-sep { display:inline!important; }
  @media (min-width:1061px) { body.assistantOpen .content { margin-right:var(--agent); } }
  @media (max-width:760px) {
    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea { font-size:16px!important; }
  }
  @media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
}
@layer foundation {
  h1,h2,h3,h4 { color:var(--fg); }
  h1 { font:800 var(--type-page)/var(--leading-tight) var(--font-display); }
  h2 { font:800 var(--type-section)/var(--leading-heading) var(--font-display); }
  h3,h4 { font:700 var(--type-card)/var(--leading-heading) var(--font-ui); }
  small,.textSecondary { font-size:var(--type-secondary); }
}