@import url('./dialog-panels.css');
:root{font-family:system-ui,sans-serif;color:#172b3a;background:#edf3f6;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7142a0}button{cursor:pointer;border:2px solid #28475a;border-radius:8px;padding:.6rem 1rem;background:#fff;color:#172b3a}button:disabled{cursor:wait;background:#e4e9ed;color:#435361}a{color:#174f79}.brand{font-weight:800;font-size:1.5rem;text-decoration:none}.account-card{max-width:32rem;padding:2rem;margin:5vh auto;background:white;border:1px solid #718694;border-radius:16px}label{display:flex;flex-direction:column;gap:.3rem;margin:1rem 0}input,select,textarea{padding:.65rem;border:1px solid #536a78;border-radius:6px;color:#172b3a;background:white}input::placeholder{color:#53616d}nav{display:flex;gap:.6rem;flex-wrap:wrap}#account-submit{background:#185572;color:white;width:100%}[hidden]{display:none!important}.account-bar{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;font-size:.9rem}.account-conflicts{max-width:90vw;max-height:85vh;overflow:auto}.account-conflicts pre{white-space:pre-wrap;max-width:65ch}.teacher-shell{max-width:1100px;margin:auto;padding:1.5rem}.teacher-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.teacher-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem}.teacher-card{padding:1rem;border:1px solid #718694;border-radius:12px;background:white}.teacher-card pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:20rem;overflow:auto}.teacher-card button{margin:.25rem}small{color:#435361}@media(max-width:600px){.account-card{margin:0;min-height:100dvh;border-radius:0;padding:1.2rem}}
/* Review: stable app loading and a quiet student home. */
body[data-booting=true]>:not(#boot-screen){display:none!important}
#boot-screen{min-height:100dvh;display:grid;place-content:center;text-align:center;background:#f6efdf;color:#322d2a}#boot-screen strong{font-size:clamp(2.5rem,6vw,4rem)}
body:has(#title-screen:not([hidden])) .navbar nav,body:has(#title-screen:not([hidden])) .navbar .utilities{display:none}
body:has(#workspace:not([hidden])) .cloud-status,body:has(#workspace:not([hidden])) .cloud-conflict{display:none}
body[data-scene=room] .stop-code{display:none}
.account-card{background:#fffaf0;border-color:#c9bba4;color:#322d2a}.account-card .brand{color:#287666}
:root{background:#f6efdf}#account-submit{background:#287666;border-color:#287666}.account-card input:focus-visible,.account-card button:focus-visible{outline-color:#a43f3f}
dialog.account-card{margin:auto;min-height:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
.teacher-card,.account-card{overflow-wrap:anywhere}.teacher-card select,.teacher-card input{min-width:0;max-width:100%}

#password-error{color:#922b2b;font-weight:600}#password[aria-invalid=true]{border:2px solid #922b2b}

label:has(#show-password){flex-direction:row;align-items:center}#show-password{width:1.1rem;height:1.1rem;margin:0 .3rem 0 0}
.student-name-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.student-name-row input{width:100%;min-width:0}