/* Closed activity panel; administrative and results pages retain their scrolling. */
body.fluency-panel-active .shell{min-height:0;height:auto;overflow:visible}
body.fluency-panel-active .shell>.top,body.fluency-panel-active .shell>.footer,body.fluency-panel-active .inner>.heading,body.fluency-panel-active .inner>.nav{display:none}
body.fluency-panel-active .inner{width:calc(100% - 24px);max-width:none;margin:0 12px;padding:0}
body.fluency-panel-active .word-toolbar{display:flex;justify-content:flex-end;gap:12px;margin:0;padding:4px 0}
body.fluency-panel-active .word-toolbar button{min-height:36px;padding:4px 12px}
body.fluency-panel-active .fluency-assessment{display:flex;flex-direction:column;min-height:0;margin:0;padding:12px 20px;gap:8px;overflow:hidden}
body.fluency-panel-active .fluency-topline{flex:0 0 auto;min-height:42px}
body.fluency-panel-active .fluency-clock{font-size:28px;line-height:1;padding:8px 16px}
.fluency-stimulus{flex:1 1 0;min-height:0;min-width:0;display:flex;justify-content:center;align-items:center;overflow:hidden}
body.fluency-panel-active #fluency-item{flex:0 1 100%;height:auto;min-height:0;margin:0;padding:0 4px;line-height:1.12;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}
body.fluency-panel-active #fluency-item[data-fluency-font=cursive]{line-height:1.4}
body.fluency-panel-active .fluency-controls{flex:0 0 auto;margin:0;gap:12px}
body.fluency-panel-active .fluency-controls button{min-height:56px;font-size:24px;padding:10px}
body.fluency-panel-active .fluency-assessment>.local-note{display:none}
body.fluency-panel-active .fluency-assessment>.plain{flex:0 0 auto;align-self:center;margin:0;padding:4px 12px;min-height:32px}
body.fluency-projection #remote-bar,body.fluency-projection #fluency-sync-status,body.fluency-projection .word-toolbar [data-route]{display:none!important}
body.fluency-projection .word-toolbar{height:40px}
@media(max-height:650px){body.fluency-panel-active .fluency-assessment{gap:4px;padding:6px 12px}body.fluency-panel-active .fluency-controls button{min-height:44px}body.fluency-panel-active .fluency-topline{min-height:32px}body.fluency-panel-active .fluency-clock{font-size:24px;padding:4px 12px}}
body.fluency-panel-active #remote-bar{padding:4px 12px;gap:6px;font-size:13px}
body.fluency-panel-active #remote-bar button{padding:4px 6px}


.fluency-pages{display:flex;flex:0 0 36px;min-height:36px;align-items:center;justify-content:center;gap:12px;font-size:14px}
.fluency-pages button{padding:4px 12px;min-height:32px}