:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:#0f1114; color:#e3e5ec; }
* { box-sizing:border-box; }
body { margin:0; height:100dvh; display:flex; flex-direction:column; }
mpr-header { flex:none; }
[hidden] { display:none!important; }
#workspace { width:100%; flex:1; border:0; min-height:0; background:#0f1114; }
#welcome { width:min(440px,calc(100% - 40px)); margin:auto; padding:32px 0; }
#welcome h1 { font-size:24px; letter-spacing:-.5px; margin:16px 0 10px; }
#welcome p { font-size:15px; color:#c4c7d1; line-height:1.6; }
.app-mark { display:grid; place-items:center; width:38px; height:38px; border:1px solid #2c2f36; border-radius:6px; background:#1f2126; color:#95c23d; font-size:24px; }
/* Only app-owned slot content is styled here; mpr-ui owns its shell internals. */
.workspace-brand{display:flex;align-items:center;gap:9px;color:#e3e5ec;text-decoration:none;font-size:13px;font-weight:700;line-height:1.15;white-space:nowrap}
.workspace-brand .app-mark{width:28px;height:28px;font-size:20px;flex:none}
#workspace-navigation{display:flex;align-items:center;gap:16px}
#workspace-navigation .topnav{display:flex;align-items:center;gap:4px}
#workspace-navigation a{padding:7px 9px;border-radius:6px;color:#a3a8b5;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap}
#workspace-navigation a.active{background:#5d93ff18;color:#5d93ff}
#workspace-navigation a:hover{background:#1f2126;color:#e3e5ec}
#workspace-navigation .language-switch{display:flex;height:28px;gap:2px;padding:2px;border:1px solid #2c2f36;border-radius:6px}
#workspace-navigation button{font:inherit;font-size:12px;font-weight:600;line-height:1.4;color:#a3a8b5;background:transparent;border:0;border-radius:4px;padding:0 7px;cursor:pointer}
#workspace-navigation button[aria-pressed="true"]{background:#3b3f48;color:#e3e5ec}
#workspace-navigation.candidate-preview .topnav{display:none}
.workspace-brand:focus-visible,#workspace-navigation :focus-visible{outline:2px solid #5d93ff;outline-offset:2px}
@media(max-width:650px){.workspace-brand{font-size:11px;gap:5px}.workspace-brand .app-mark{display:none}#workspace-navigation{gap:6px}#workspace-navigation a{font-size:11px;padding:7px 5px}#workspace-navigation button{padding:0 5px}}

/* Shared footer stays below the scrolling workspace and spans the entire shell. */
#page-footer{display:block;flex:none;width:100%}
#workspace-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:11px;line-height:1.4;color:#a3a8b5;text-align:left}