/* Grade-2 Commercial Q1 prototype: page-specific styles (lightweight) */
:root{
  --border:#cbd5e1; --muted:#64748b; --accent:#2563eb; --text:#0f172a;
}

.app-header{position:sticky;top:0;background:rgba(241,245,249,.9);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--border)}
.app-title{margin:8px 0;font-size:20px;color:var(--text)}
.drill-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}
.drill-subnav__link{border:1px solid var(--border);border-radius:999px;padding:6px 12px;text-decoration:none;color:#0f172a;background:#fff}
.drill-subnav__link.is-active{background:#e2e8f0}
.cmdbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0}
.cmdbar .left,.cmdbar .center,.cmdbar .right{display:flex;align-items:center;gap:8px}
.ghost{background:#fff;border:1px solid var(--border);border-radius:8px;padding:6px 10px}
.primary{background:var(--accent);border:1px solid #1d4ed8;color:#fff;border-radius:8px;padding:8px 14px}
.feedback{margin-top:10px}
.settings-grid{display:grid;grid-template-columns:1fr;gap:6px}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.mode{border:1px solid var(--border);border-radius:10px;padding:10px;background:#fff}
.entry-table td.num{ text-align:right }
.entry-table td.num input[type="number"]{ text-align:right }

@media (min-width:720px){
  .settings-grid{grid-template-columns:1fr 1fr}
  .mode-grid{grid-template-columns:repeat(4,1fr)}
}

/* Dark theme adjustments for readability */
body[data-theme="dark"] .app-header{background:rgba(15,23,42,.9);border-bottom-color:#334155}
body[data-theme="dark"] .app-title{color:#e6ebff}
body[data-theme="dark"] .drill-subnav__link{background:rgba(30,41,59,.9);color:#e6ebff;border-color:#475569}
body[data-theme="dark"] .drill-subnav__link.is-active{background:#1f2937;color:#fff;border-color:#64748b}
.entry-table{ table-layout: fixed }
.entry-table select, .entry-table input[type="number"]{ width:100% }