/* Shared author/pupil layouts retain the existing palette and card styles. */
.platform-active-pupil{display:flex;align-items:center;gap:.6rem;min-width:0;font-size:.9rem;flex-wrap:wrap}
.platform-pupil-avatar{display:inline-grid;place-items:center;flex:0 0 2rem;width:2rem;height:2rem;border-radius:50%;background:var(--surface,#fffdf7);border:1px solid var(--border,#ded8c7);font-weight:800}
.platform-active-pupil b{overflow-wrap:anywhere}
.platform-save-status{font-size:.85rem;min-height:1.5em;line-height:1.6;margin:.6rem 0;color:inherit}
.platform-save-status[data-save-state="failed"],.platform-save-status[data-save-state="conflict"]{font-weight:700}
.platform-resume-list{display:grid;gap:.6rem}
.platform-sequence{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.75rem}
.platform-sequence-row{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.65rem;border:1px solid var(--border,#ded8c7);background:var(--surface,#fffdf7);border-radius:1rem;padding:.8rem;line-height:1.9}
.platform-sequence-actions{display:flex;gap:.35rem}
.platform-sequence-actions button{min-width:44px;min-height:44px;padding:.4rem}
.platform-sequence-row>span:nth-child(2){overflow-wrap:anywhere}
.platform-sequence-number{font-weight:700}
.platform-hint,.platform-audio{margin:1rem 0;border:1px solid var(--border,#ded8c7);border-radius:1rem;padding:.9rem}
.platform-audio audio{width:100%;max-width:100%}
.platform-activity [lang="ar"],.platform-activity [lang="ms-Arab"]{line-height:1.9;overflow-wrap:anywhere}
@media(max-width:400px){.platform-sequence-row{grid-template-columns:1.3rem minmax(0,1fr);padding:.65rem}.platform-sequence-actions{grid-column:2;justify-content:flex-end}}

/* Reserve the existing desktop shell while its asynchronous data arrives. */
@media(min-width:761px){
  .app-shell>.topbar{min-height:103px;box-sizing:border-box}
  .app-shell>#main{min-height:calc(100svh - 103px)}
  .platform-dialog.platform-playing{height:calc(100dvh - 48px)}
}