/* This server entry is the mobile workbench, including on a desktop browser.
   Match the existing Today width at every navigation and dialog depth. */
:root{--workbench-width:min(100%,540px)}
body{width:var(--workbench-width);margin-inline:auto}
body:not(.training-home):not(.login-screen){background-size:540px 100dvh;background-repeat:no-repeat;background-position:center top}
body>header,main.workspace-view,main.classroom-view{width:100%;max-width:540px;margin-inline:auto}
nav{width:var(--workbench-width);left:0;right:0;margin-inline:auto}
#connection.error{max-width:540px;margin-inline:auto}
#dialog[open]{width:var(--workbench-width);max-width:540px;inset:0;margin:0 auto;height:100dvh;max-height:100dvh}
.workspace-view .grid,.classroom-view .learner-grid{grid-template-columns:minmax(0,1fr)}
.workspace-view .management-entry{flex-wrap:wrap}
.workspace-view .management-entry h2{flex:1;min-width:120px}
.workspace-view .page-action{width:100%;min-width:0}
#dialog .actions>a.primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;color:white;text-decoration:none}

/* Nested management cards must not inherit the original light card surface. */
#dialog .card{background:#11161feF;color:#f4f4f2;border:1px solid #394454;padding:16px;margin:0;min-width:0}
#dialog .card h2,#dialog .card h3{color:#f4f4f2;overflow-wrap:anywhere}
#dialog .card p{color:#c1cad7}
#dialog .card a{color:#a9cbff}
#dialog .card button{margin:6px 6px 0 0}
#dialog .grid{grid-template-columns:minmax(0,1fr);gap:12px}
#dialog .empty{background:#11161f;color:#c1cad7}

#dialog .teacher-assignment{border-left:3px solid #086bff;background:#142137;padding:12px}#dialog .teacher-assignment p{font-size:13px;line-height:1.6;margin:0}#dialog .teacher-assignment label{font-size:13px}