/* Confirmed structural shell: charcoal and explicit authenticated mode labels. */
.runtime-shell-host.workspace-shell{background:#252A32;color:#FAFBF9;padding:12px 4%;display:flex;align-items:center;gap:20px;flex-wrap:wrap;min-height:76px;border:0}.runtime-shell-host.workspace-shell>strong{font-family:inherit;font-size:20px;letter-spacing:.04em}.runtime-shell-host.workspace-shell>span{flex:1;font-size:15px;min-width:150px}.runtime-shell-host.workspace-shell>button{margin-left:auto;min-height:52px;padding:12px 18px;color:#FAFBF9;border:1px solid #ffffff80;background:transparent}.runtime-shell-host.workspace-shell>.brand,.runtime-shell-host.workspace-shell>#signout,.runtime-shell-host.workspace-shell>.presentation-switch,.runtime-shell-host.workspace-shell>#identity,.runtime-shell-host.workspace-shell>nav,.runtime-shell-host.workspace-shell>strong:first-child:not(:last-of-type){display:none!important}.workspace-menu{font-family:inherit;background:#FAFBF9;color:#252A32;border:1px solid #252A32;border-radius:12px;padding:24px;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}.workspace-menu::backdrop{background:#252a3280}.workspace-menu h2{font-family:inherit;font-size:24px;line-height:1.2}.workspace-menu button{font:inherit;min-height:52px;padding:12px 16px;background:#FAFBF9;color:#252A32;border:1px solid #252A3280;border-radius:8px;text-align:left}.workspace-menu nav{display:grid;gap:12px;margin-top:20px}.workspace-menu :focus-visible{outline:3px solid #252A32;outline-offset:3px}.workspace-shell :focus-visible{outline:3px solid #FAFBF9;outline-offset:3px}@media(max-width:600px){.runtime-shell-host.workspace-shell{gap:10px}.runtime-shell-host.workspace-shell>span{font-size:14px;min-width:120px}.workspace-menu{padding:20px}}

/* A notebook badge for parents; a filled compass badge for the child.
   Labels and geometry identify the mode even without colour. No external art. */
.runtime-shell-host.workspace-shell>.workspace-identity{display:flex;align-items:center;gap:12px;flex:1 1 220px;min-width:0;flex-wrap:wrap}
.workspace-mode-badge{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:5px 10px;border:1px solid currentColor;border-radius:4px;font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;animation:none;transition:none}
.workspace-mode-symbol{position:relative;display:inline-block;width:24px;height:24px;flex:none}
.workspace-mode-symbol::before,.workspace-mode-symbol::after{content:"";position:absolute}
.workspace-mode-symbol::before{inset:3px;border:1.5px solid currentColor;border-radius:50%}
.workspace-mode-symbol::after{width:4px;height:4px;left:10px;top:10px;background:currentColor;border-radius:50%}
.workspace-owner{min-width:0;max-width:100%;overflow-wrap:anywhere;line-height:1.4}
.workspace-shell[data-workspace-mode="parent"] .workspace-mode-symbol::before{inset:2px 4px;border-radius:2px}
.workspace-shell[data-workspace-mode="parent"] .workspace-mode-symbol::after{left:8px;top:8px;width:8px;height:1.5px;border-radius:0;box-shadow:0 5px 0 currentColor}
.workspace-shell[data-workspace-mode="student"] .workspace-mode-badge{border-radius:999px;background:#FAFBF9;color:#252A32}
.workspace-shell[data-workspace-mode="student"] .workspace-mode-symbol::before{inset:5px;border-radius:0;transform:rotate(45deg)}
@media(max-width:600px){.runtime-shell-host.workspace-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.runtime-shell-host.workspace-shell>.workspace-brand{grid-column:1;grid-row:1}.runtime-shell-host.workspace-shell>button{grid-column:2;grid-row:1}.runtime-shell-host.workspace-shell>.workspace-identity{grid-column:1/-1;grid-row:2;gap:8px 12px}.workspace-owner{font-size:14px}}