/* V1.2.8: compact PDF navigator and single navy desktop color system */
:root{--hat-desktop-header:#102635;--hat-desktop-panel:#142e40;--hat-desktop-border:#3d6179;--hat128-panel:#142e40;--hat128-panel2:#1b3b50;--hat128-border:#486c83;--hat128-text:#eef7ff;--hat128-muted:#b8cedd}
/* PDF controls fit their actual content and adapt to canvas width. */
body #hat072PageNav{
 position:absolute!important;top:10px!important;left:50%!important;right:auto!important;
 transform:translateX(-50%)!important;box-sizing:border-box!important;
 display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
 width:max-content!important;min-width:0!important;max-width:calc(100% - 24px)!important;
 gap:6px!important;justify-content:center!important;align-items:center!important;
 padding:6px 8px!important;border-radius:12px!important;background:#102635f2!important;
 border:1px solid var(--hat128-border)!important;color:var(--hat128-text)!important;
 box-shadow:0 5px 18px #0714216b!important;
}
body #hat072PageNav[hidden]{display:none!important}
body #hat072PageNav .hat072-page-line,body #hat072PageNav .hat072-nav-line{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:5px!important;min-width:0!important}
body #hat072PageNav button{min-width:34px;min-height:32px;padding:4px 8px;background:var(--hat128-panel2);color:var(--hat128-text);border-color:var(--hat128-border)}
body #hat072PageNav select{height:32px;min-height:32px;max-width:100px;background:#102635;border-color:var(--hat128-border);color:var(--hat128-text)}
body #hat072PageNav small{display:none!important}
/* Left tool rail: enforce same dark palette as application header and footer. */
body.hat062-left-rail #hatStudioMount #hatDock{background:linear-gradient(180deg,#1b3b50,#102635)!important;color:var(--hat128-text)!important;border:1px solid var(--hat128-border)!important;scrollbar-color:#557d95 transparent!important}
body.hat062-left-rail #hatStudioMount #hatDock::before{color:#bad0df!important;border-bottom:1px solid #ffffff28!important}
body.hat062-left-rail #hatStudioMount #hatDock .hat062-section{color:#b4ccdd!important;border-color:#ffffff22!important}
body.hat062-left-rail #hatStudioMount #hatDock button.hat062-tool{color:#eef7ff!important;background:transparent!important;border-color:transparent!important}
body.hat062-left-rail #hatStudioMount #hatDock button.hat062-tool small{color:#c0d4e2!important}
body.hat062-left-rail #hatStudioMount #hatDock button.hat062-tool:hover{background:#284e64!important;border-color:#527b96!important}
body.hat062-left-rail #hatStudioMount #hatDock button.hat062-tool.hat062-active,body.hat062-left-rail #hatStudioMount #hatDock button.hat062-tool[aria-pressed=true]{background:#176e78!important;color:#fff!important;border-color:#76d1c6!important}
/* Context, online-teaching and scratchpad chrome; editable paper remains light for legibility. */
body #hat063Context,body #hat121Menu,body #hat122Scratch{background:var(--hat128-panel)!important;color:var(--hat128-text)!important;border-color:var(--hat128-border)!important}
body #hat121Menu .hat121-title,body #hat121Menu .hat121-help{color:var(--hat128-text)!important}
body #hat121Menu button,body #hat122Scratch button{background:var(--hat128-panel2)!important;color:var(--hat128-text)!important;border-color:var(--hat128-border)!important}
body #hat121Menu button:hover,body #hat122Scratch button:hover{background:#29536a!important}
body #hat121Menu .hat121-tools .hat121-active,body #hat122Scratch button[aria-pressed=true]{background:#126c76!important;border-color:#67d2c4!important;color:white!important}
body #hat121Minutes{background:#0e2636!important;color:white!important;border-color:var(--hat128-border)!important}
body #hat122Scratch .hat122-header,body #hat122Scratch .hat122-bottom{background:#102635!important;color:var(--hat128-text)!important}
body #hat122Scratch .hat122-tools{background:#183649!important;border-color:var(--hat128-border)!important}
body #hat122Scratch .hat122-surface{background:white}
body #hat122ScratchToggle.hat122-active{background:#137b80!important;color:white!important}
@media(max-width:700px){
 body #hat072PageNav{top:7px!important;max-width:calc(100% - 12px)!important;padding:4px 5px!important;gap:3px!important}
 body #hat072PageNav .hat072-page-line,body #hat072PageNav .hat072-nav-line{gap:3px!important}
 body #hat072PageNav button{min-width:30px;min-height:30px;padding:3px 5px;font-size:13px}
 body #hat072PageNav #hat072Hand{min-width:52px;font-size:11px}
 body #hat072PageNav .hat072-doc-icon{display:none}
}
@media(max-width:500px){body #hat072PageNav{top:auto!important;bottom:52px!important}}
@media print{body #hat072PageNav{display:none!important}}