.dictation-staff-surface { position: relative; touch-action: none; }
.dictation-staff-surface > svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.dictation-staff-scroll { overflow: auto; padding-block: 3rem; }
.dictation-staff-note { cursor: grab; touch-action: none; }
.dictation-staff-note:hover, .dictation-staff-note:focus { stroke: #2563eb; outline: none; }
.dictation-staff-tools button { touch-action: none; min-width: 44px; min-height: 44px; padding: .25rem .5rem; }
.dictation-staff-tools button[aria-pressed="true"] { outline: 2px solid currentColor; outline-offset: 2px; }

[data-controller="note-dictation"] .text-body-secondary { color: var(--bs-body-color) !important; opacity: .75; }
[data-controller="note-dictation"] .row > * { min-width: 0; }
.dictation-staff-surface svg { max-width: 100%; }
.dictation-staff-tools button { color: var(--bs-body-color); border-color: var(--bs-border-color); }
.dictation-staff-tools button[aria-pressed="true"] { background: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); }
.dictation-staff-tools button:disabled { opacity: .45; }
.dictation-score-preview { overflow: auto; padding-block: 3rem; }

[data-controller="note-dictation"] .btn-outline-primary { color: var(--bs-body-color); }