/* Quiet learning workspace. Public landing/auth keep their established layout. */
body[data-signed-in="true"] { --text:#153b2b; --green:#2b603a; --radius:12px; }
body[data-signed-in="true"] #topbar { background:#f8faf5; backdrop-filter:none; }
body[data-signed-in="true"] .topbar-inner { max-width:1376px; min-height:78px; gap:48px; padding:12px 30px; }
body[data-signed-in="true"] .logo-mark { background:#2b603a; color:#c9ed8e; width:45px; height:45px; border-radius:12px; }
body[data-signed-in="true"] .brand-name { font-size:1.28rem; }
body[data-signed-in="true"] #topbar nav { align-self:stretch; gap:18px; }
body[data-signed-in="true"] #topbar nav a { background:transparent; padding:10px 8px; border-radius:0; border-bottom:2px solid transparent; font-size:.9rem; }
body[data-signed-in="true"] #topbar nav a.active { color:#153b2b; border-bottom-color:#2b603a; }
body[data-signed-in="true"] #topbar nav a:hover { color:#2b603a; background:#f0f5e9; }
body[data-signed-in="true"] main { max-width:1376px; padding:35px 30px 55px; }
body[data-signed-in="true"] button, body[data-signed-in="true"] .btn { background:#2b603a; border-color:#2b603a; color:#fff; border-radius:10px; }
body[data-signed-in="true"] button:hover,body[data-signed-in="true"] .btn:hover { background:#214e2f; color:#fff; }
body[data-signed-in="true"] button.secondary,body[data-signed-in="true"] .btn.secondary { color:#2b603a; background:#fff; border-color:#d5e1ce; }
body[data-signed-in="true"] button.secondary:hover,body[data-signed-in="true"] .btn.secondary:hover { background:#eff6e8; }
body[data-signed-in="true"] button.danger { color:#a83a38; background:#fff0ee; border-color:#edcac6; }
body[data-signed-in="true"] .avatar { background:#e6f2df; width:38px; height:38px; }
body[data-signed-in="true"] .user-name { max-width:150px; font-size:.86rem; }
body[data-signed-in="true"] .language-button,body[data-signed-in="true"] .icon-button { border:0; background:transparent; }
body[data-signed-in="true"] .language-button { padding:9px 10px; }
body[data-signed-in="true"] .card { box-shadow:none; }
body[data-signed-in="true"] .page-footer { max-width:1316px; }
.workspace-error { max-width:720px; margin:45px auto; }
@media(max-width:1080px) {
  body[data-signed-in="true"] .topbar-inner { gap:22px; }
  body[data-signed-in="true"] .user-name { max-width:110px; }
  body[data-signed-in="true"] #topbar nav { gap:7px; }
}
@media(max-width:760px) {
  body[data-signed-in="true"] .topbar-inner { padding:12px 18px 0; min-height:0; display:flex; flex-wrap:wrap; gap:9px 15px; }
  body[data-signed-in="true"] .brand { order:0; }
  body[data-signed-in="true"] .logo-mark { width:38px; height:38px; border-radius:10px; }
  body[data-signed-in="true"] .brand-name { font-size:1.08rem; }
  body[data-signed-in="true"] .topbar-actions { order:1; margin-left:auto; gap:3px; }
  body[data-signed-in="true"] .user-pill { padding:0 3px; }
  body[data-signed-in="true"] .user-name { display:none; }
  body[data-signed-in="true"] .avatar { width:31px; height:31px; font-size:.68rem; }
  body[data-signed-in="true"] .language-button { padding:8px 3px; font-size:.76rem; }
  body[data-signed-in="true"] .language-button .icon { display:none; }
  body[data-signed-in="true"] button.icon-button { min-width:33px; padding:6px; }
  body[data-signed-in="true"] #topbar nav { order:2; flex:1 1 100%; gap:17px; margin-top:3px; }
  body[data-signed-in="true"] #topbar nav a { font-size:.83rem; padding:9px 4px; }
  body[data-signed-in="true"] main { padding:25px 18px 36px; }
  body[data-signed-in="true"] .page-footer { margin:0 18px; padding:21px 0; }
}