/* Lesson pages stay next to the board, independent of the tools panel. */
.universal-workspace[data-lesson-role="teacher"] .board-footer{height:60px;flex:0 0 60px;display:flex;gap:10px;padding:6px 12px;box-sizing:border-box;min-width:0}
.universal-workspace .board-footer #panel-toggle{flex:0 0 auto;white-space:nowrap}
.universal-workspace #page-navigation{display:flex;align-items:center;gap:4px;flex:1 1 0;min-width:0;width:auto;height:auto;max-width:100%}
.universal-workspace #page-navigation[hidden]{display:none}
.universal-workspace #pages-list{display:flex;flex-direction:row;align-items:center;gap:6px;flex:0 1 auto;min-width:0;max-width:none;max-height:none;width:auto;overflow-x:auto;overflow-y:hidden;padding:4px 3px;scroll-padding-inline:3px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--ui-line-strong) transparent}
.universal-workspace #pages-list .page-thumb{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;gap:7px;width:auto;min-width:96px;max-width:172px;height:36px;min-height:36px;padding:5px 9px;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-input);color:var(--ui-secondary);font-size:12px;line-height:1.2;white-space:nowrap}
.universal-workspace #pages-list .page-thumb-title{min-width:0;overflow:hidden;text-overflow:ellipsis}
.universal-workspace #pages-list .page-thumb.is-active{background:var(--ui-accent-soft);border-color:var(--ui-accent-ink);color:var(--ui-accent-ink);box-shadow:none}
.universal-workspace #page-navigation .page-control{display:grid;place-items:center;flex:0 0 34px;width:34px;min-width:34px;height:36px;min-height:36px;margin:0;padding:7px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ui-accent-ink)}
.universal-workspace #page-navigation .page-control .icon{width:19px;height:19px}
.universal-workspace #page-navigation .previous-page .icon{transform:rotate(180deg)}
.universal-workspace #page-navigation .page-actions{display:flex;flex:0 0 auto;align-items:center;gap:2px;border-left:1px solid var(--ui-line);padding-left:4px}
.universal-workspace #page-navigation button:hover:not(:disabled){background:var(--ui-accent-soft);border-color:var(--ui-line-strong);color:var(--ui-accent-ink)}
.universal-workspace #page-navigation button:focus-visible{outline:2px solid var(--ui-focus);outline-offset:1px}
.universal-workspace #page-navigation button:disabled{opacity:.4;cursor:default}
.universal-workspace #pages-list .page-thumb.is-active:disabled{opacity:.75}
.universal-workspace .board-footer #basic-page-label{flex:0 0 auto;margin:0;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.universal-workspace[data-lesson-role="teacher"] .basic-navigation-hint{display:none}
.universal-workspace .advanced-zoom .zoom-control{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;height:auto;margin-top:0}
.universal-workspace .advanced-zoom .zoom-caption{display:none}
.universal-workspace .advanced-zoom .zoom-control .icon-button{width:34px;min-width:34px;height:38px}
@media(max-width:760px){
  .universal-workspace[data-lesson-role="teacher"] .board-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:36px 44px;gap:4px 8px;height:100px;flex-basis:100px;padding:7px 9px}
  .universal-workspace[data-lesson-role="teacher"] .board-footer #panel-toggle{grid-column:1;grid-row:1;justify-self:start;min-height:34px;height:34px;padding-block:6px;font-size:11px}
  .universal-workspace[data-lesson-role="teacher"] .board-footer #basic-page-label{grid-column:2;grid-row:1;font-size:10px}
  .universal-workspace #page-navigation{grid-column:1/-1;grid-row:2;width:100%;height:44px}
  .universal-workspace #pages-list .page-thumb{min-width:88px;max-width:140px;height:36px;min-height:36px;font-size:11px;padding-inline:7px}
  .universal-workspace #page-navigation .page-control{flex-basis:32px;width:32px;min-width:32px;height:38px;min-height:38px;padding:6px}
  .universal-workspace[data-lesson-role="student"] .board-footer #basic-page-label{margin-left:auto}
}
@media(max-width:360px){
  .universal-workspace #page-navigation{gap:2px}
  .universal-workspace #page-navigation .page-actions{gap:0;padding-left:2px}
  .universal-workspace #pages-list{gap:4px}
  .universal-workspace #pages-list .page-thumb{min-width:82px;max-width:126px;gap:5px}
}