/* Approved audience scenes. App tokens from pinned sample UI; the shared kit owns motion. */
.sc-checkline{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;border-top:1px solid var(--ln)}
.sc-checkline>*{min-width:0}
.sc-score{display:flex;align-items:center;gap:18px}
.sc-score-dial{position:relative;flex:none;width:100px;height:100px;display:grid;place-items:center}
.sc-score-ring{position:absolute;inset:0;width:100%;height:100%}
.sc-score-areas{display:grid;gap:4px;flex:1;min-width:0}
.sc-mic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue-soft);color:var(--blue)}
.sc-voice{height:18px;position:relative;display:flex;align-items:center;gap:8px}
.sc-pulse{position:absolute;right:5px;top:-36px;width:46px;height:46px;border:2px solid var(--teal);border-radius:50%;box-sizing:border-box}
.sc-share-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:39px;border-bottom:1px solid var(--pline)}
.sc-share-row:last-child{border-bottom:0}
.sc-switch{display:block;width:34px;height:20px;padding:3px;border-radius:20px;background:#d9dbe1;box-sizing:border-box}
.sc-knob{display:block;width:14px;height:14px;border-radius:50%;background:#fff}
.sc-switch.is-on{background:var(--sage)}
.sc-switch.is-on .sc-knob{transform:translateX(14px)}
.sc-pilot{--blue:#5b36d6}
.sc-pilot .sc-side{background:#475569;color:#f8fafc}
.sc-pilot .sc-side .is-on{background:#64748b}
.sc-pilot .sc-me{background:#475569;border-color:#64748b}
.sc-scrive{--blue:#b5532f;--ln:#e7e5de;background:#faf9f5;border-top:3px solid #d4a645}
.sc-scrive .sc-side{background:#fbfaf6;color:#0f1b3d}
.sc-scrive .sc-side .is-on{background:#0f1b3d}
.sc-scrive .sc-h{color:#0f1b3d}
.sc-same .sc-win,.sc-report-link .sc-win{height:260px}
.sc-same .sc-side,.sc-report-link .sc-side{display:none}
.sc-same .sc-h,.sc-report-link .sc-h{font-size:19px}
.sc-same .sc-margin,.sc-report-link .sc-margin{top:300px}
.sc[data-scene="voice-note"] .sc-type,.sc[data-scene="shift-jottings"] .sc-type,.sc[data-scene="same-record"] .sc-type,.sc[data-scene="policy-draft"] .sc-type,.sc[data-scene="report-with-evidence"] .sc-type{white-space:normal}
.fx-more{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 32px;padding-top:32px;font-size:15px}
.fx-more a{text-decoration:underline;text-underline-offset:4px}
@container(max-width:419px){
 .sc-score{gap:10px}.sc-score-dial{width:80px;height:80px}
 .sc-checkline{font-size:10px;gap:4px}.sc-checkline .sc-pill{font-size:9px;padding:0 5px}
 .sc[data-scene="shift-jottings"] .sc-card{padding:7px 9px}
}
@container(max-width:469px){
 .sc-same .sc-win,.sc-report-link .sc-win{height:244px}
 .sc-same .sc-margin,.sc-report-link .sc-margin{top:345px}
}
/* Worker screens keep complete notes readable inside the phone, including at narrow widths. */
.sc[data-scene="shift-jottings"] .sc-stage,.sc[data-scene="voice-note"] .sc-stage,.sc[data-scene="policy-acknowledgment"] .sc-stage{height:458px}
.sc[data-scene="shift-jottings"] .sc-ph,.sc[data-scene="voice-note"] .sc-ph,.sc[data-scene="policy-acknowledgment"] .sc-ph{height:432px}
.sc[data-scene="before-the-shift"] .sc-stage{height:520px}
.sc[data-scene="before-the-shift"] .sc-ph{height:494px}
/* Existing scenes at the narrowest audience-page width: retain all labels and notes. */
@container(max-width:340px){
 [data-scene="notes-offline"] .sc-note,[data-scene="note-opened"] .sc-note,[data-scene="family-invitation"] .sc-note{font-size:14px}
 [data-scene="notes-offline"] .sc-margin,[data-scene="note-opened"] .sc-margin,[data-scene="family-invitation"] .sc-margin{left:208px}
 [data-scene="notes-offline"] .sc-ln{font-size:10.5px}
 [data-scene="notes-offline"] .sc-card{padding-left:8px;padding-right:8px}
 [data-scene="notes-offline"] .sc-box{padding-left:3px;padding-right:3px}
 [data-scene="notes-offline"] .sc-card>*,[data-scene="medication-round"] .sc-card>*,[data-scene="family-invitation"] .sc-card>*{min-width:0}
 [data-scene="medication-round"] .sc-rec{font-size:10px}
 [data-scene="medication-round"] .sc-b,[data-scene="family-invitation"] .sc-b{font-size:10.5px;padding:0 9px}
 [data-scene="import"] .sc-win.tall{height:378px}
 [data-scene="import"] .sc-stage{height:468px}
 [data-scene="missing-policy"] .sc-win{height:338px}
 [data-scene="missing-policy"] .sc-stage{height:474px}
}