/* MIX-ED Notation page: the My pieces bar, and the pupil version of Score (assets/css/notation-engine.css is Score's own look). */
.nt-body { height: 100vh; margin: 0; display: flex; flex-direction: column; overflow: hidden; }
.nt-body .site-header { flex: none; }

.nt-bar { flex: none; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 10px 16px; border-bottom: 1px solid var(--border); background: var(--bg-elev); }
.nt-back { color: var(--text-dim); font-weight: 700; text-decoration: none; }
.nt-back:hover { color: var(--text); }
.nt-h1 { margin: 0; font: 400 26px/1 var(--font-display); text-transform: uppercase; letter-spacing: .01em; }
.nt-mine { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.nt-mine[hidden] { display: none; }
.nt-mine select { height: 38px; max-width: min(320px, 70vw); padding: 0 10px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); color: var(--text); font: 600 14px var(--font); }
.nt-btn { height: 38px; padding: 0 14px; }
.nt-status { margin-left: auto; font: 700 13px var(--font); color: var(--text-dim); }
.nt-status.ok { color: #1fa463; }
.nt-status.err { color: var(--danger); }
.nt-view { flex: none; margin: 0; padding: 8px 16px; background: #2563eb; color: #fff; font: 700 14px var(--font); }
.nt-view[hidden] { display: none; }

/* Score fills the rest of the window and scrolls inside it; teacher feedback sits on the right */
.nt-main { flex: 1; min-height: 0; display: flex; }
.nt-fb { flex: none; width: 320px; overflow: auto; padding: 14px 16px; border-left: 1px solid var(--border); background: var(--bg-elev); }
.nt-fb[hidden] { display: none; }
.nt-stage { position: relative; flex: 1; min-width: 0; min-height: 0; align-self: stretch; width: auto; max-width: none; margin: 0; padding: 0; --display: "Anton", "Impact", "Arial Narrow Bold", sans-serif; --body: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif; }
.nt-body .toast { background: #141414; color: #fff; }
.nt-body .toast b { color: #e43a6c; }

/* the pupil version: no transposing, tab, file imports and exports, phone remote or Score's own "new piece" (Notation has its own) */
.notation-pupil .sc-popbox label:has(#scToKey),
.notation-pupil .sc-popbox label:has(#scTab),
.notation-pupil .sc-popbox label:has(#scLySize),
.notation-pupil #scNew,
.notation-pupil #scXml, .notation-pupil #scVis, .notation-pupil #scMidi, .notation-pupil #scOpenXml,
.notation-pupil .sc-recpop .sc-note { display: none !important; }

@media (max-width: 900px) {
  .nt-main { flex-direction: column; }
  .nt-fb { width: auto; max-height: 34vh; border-left: 0; border-top: 1px solid var(--border); }
}
@media (max-width: 640px) {
  .nt-h1 { font-size: 22px; }
  .nt-status { margin-left: 0; width: 100%; }
}