/* Operator-only layout using the same tokens as the student pages. */
.ops-workspace { overflow-wrap: anywhere; }
.ops-navigation { display:flex; flex-wrap:wrap; gap: .75rem 2rem; border-bottom:1px solid var(--line); padding-bottom:1rem; margin-bottom:1.5rem; }
.ops-nav-group { display:flex; flex-wrap:wrap; align-items:center; gap:.25rem; }
.ops-nav-label { color:var(--text-muted); font-size:.75rem; padding-right:.5rem; }
.ops-navigation a { display:inline-flex; align-items:center; min-height:44px; padding:.4rem .65rem; border-radius:.5rem; color:var(--text-body); font-size:.875rem; }
.ops-navigation a:hover, .ops-navigation a[aria-current=page] { background:var(--surface-sunk); color:var(--brand); }
.ops-navigation a[aria-current=page] { font-weight:700; box-shadow:inset 0 -2px var(--brand); }
.ops-overview { display:grid; gap:.75rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin:1rem 0 1.5rem; }
.ops-overview article { border:1px solid var(--line); border-radius:.75rem; padding:1rem; background:var(--surface-card); min-width:0; }
.ops-overview h2 { font-size:.8rem; font-weight:600; color:var(--text-muted); }
.ops-overview .ops-value { margin-top:.4rem; font-size:1.125rem; font-weight:600; }
.ops-overview p:last-child { margin-top:.35rem; font-size:.875rem; color:var(--text-muted); }
.ops-disclosure { border:1px solid var(--line); border-radius:.75rem; margin-block:1rem; background:var(--surface-card); }
.ops-disclosure > summary { cursor:pointer; padding:.85rem 1rem; min-height:44px; font-weight:600; color:var(--text-primary); }
.ops-disclosure > summary h2 { display:inline; font:inherit; }
.ops-disclosure > .ops-detail-body { padding:0 1rem 1rem; }
.ops-disclosure > .ops-detail-body > .card { border:0; box-shadow:none; padding-inline:0; }
.ops-workspace .ops-panel-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; border:0; background:transparent; }
.ops-panel-grid > a, .ops-panel-grid > div { border:1px solid var(--line); border-radius:.75rem; padding:1rem; min-width:0; background:var(--surface-card); }
.ops-workspace :is(summary,a,button):focus-visible { outline:2px solid var(--brand); outline-offset:3px; }
.ops-workspace :is(pre,code) { overflow-wrap:anywhere; }
@media(max-width:640px) { .ops-overview, .ops-workspace .ops-panel-grid { grid-template-columns:minmax(0,1fr); } .ops-nav-label { width:100%; } .ops-navigation { gap:.5rem; } }
@media(min-width:1024px) { .ops-overview { grid-template-columns:repeat(4,minmax(0,1fr)); } }

.ops-nav-mobile { display:none; }
.ops-overview h2 { font-family:var(--font-sans); }
@media(max-width:640px) {
  .ops-nav-desktop { display:none; }
  .ops-nav-mobile { display:block; }
  .ops-nav-mobile .ops-disclosure { margin-top:0; }
  .ops-nav-mobile .ops-navigation { border:0; margin:0; }
  .ops-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ops-overview article { padding:.8rem; }
}
@media(max-width:359px) { .ops-overview { grid-template-columns:minmax(0,1fr); } }
