.dev-shell,.dashboard-shell { background:var(--bg-void); }
.dev-shell .site-layout { gap:24px; }
.dev-shell .site-layout>p { margin:0; }
.dev-header-main,.dev-session-actions { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:20px; }
.dev-session-actions { justify-content:flex-end; gap:14px; }
.dev-session-actions form { margin:0; }
.dev-languages { display:flex; gap:6px; }
.dev-languages [aria-current="true"] { color:var(--accent); border-color:var(--accent-border); }
.dev-links { display:flex; flex-wrap:wrap; gap:12px 20px; align-items:center; margin-top:24px; padding-top:20px; border-top:1px solid var(--border); }
.dev-links a { color:var(--muted); font-size:var(--font-sm); text-decoration:none; }
.dev-links a:hover { color:var(--accent); }
.dev-brand { display:flex; align-items:center; gap:16px; color:var(--text); font:500 24px/1.3 var(--font-display); text-decoration:none; }
.dev-brand em { color:var(--accent); font-style:normal; }
.dev-brand small { display:block; margin-top:5px; color:var(--muted); font:400 var(--font-sm)/1.5 var(--font-ui); }
.dev-mark { display:grid; place-items:center; width:48px; height:52px; border-block:1px solid var(--accent); color:var(--accent); font-size:36px; }
.dev-auth { max-width:760px; margin:64px auto; padding:clamp(24px,5vw,56px); }
.dev-auth h1 { max-width:620px; }
.dev-intro { margin:24px 0; font-size:var(--font-lg); color:var(--text); }
.dev-session-hint { font-size:var(--font-sm); margin-top:24px; }
.dev-setup { margin-block:28px; }
.dev-setup h2 { font-size:var(--font-xl); }
.dev-setup-checks { list-style:none; padding:0; margin:20px 0; display:grid; gap:12px; }
.dev-setup-checks li { padding:16px; border:1px solid var(--border); border-radius:var(--radius-sm,8px); background:var(--bg-void); }
.dev-setup-checks li>div { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px 16px; }
.dev-setup-checks p { margin:8px 0 0; color:var(--muted); font-size:var(--font-sm); overflow-wrap:anywhere; }
.dev-setup-status { color:var(--accent); font-size:var(--font-sm); }
.dev-setup-checks [data-status="missing"] { border-color:var(--accent-border); }
.dev-setup-path { overflow-wrap:anywhere; font-size:var(--font-sm); }
.dev-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:0; }
.dev-metrics article { padding:20px 24px; }
.dev-metrics strong { display:block; font:400 32px/1.4 var(--font-display); color:var(--accent-strong); }
.dev-metrics span { color:var(--muted); font-size:var(--font-sm); }
.dev-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin:0; }
.dev-toolbar p { margin:0; }
.dev-user { max-width:220px; overflow-wrap:anywhere; color:var(--muted); font-size:var(--font-sm); }
.dev-import-form { display:grid; gap:24px; margin-top:24px; }
.dev-import-form label { display:grid; gap:8px; color:var(--muted); }
.dev-import-form .dev-consent { display:flex; align-items:flex-start; gap:12px; }
.dev-consent input { margin-top:6px; }
.dev-import-form button { justify-self:start; }
.topbar-actions form { margin:0; }
.topbar-actions [aria-current="true"] { border-color:var(--accent-border); color:var(--accent); }
@media(max-width:800px) { .dev-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .dev-auth { margin:24px auto; } .dev-session-actions { justify-content:flex-start; } }
@media(max-width:480px) { .dev-brand { font-size:21px; } .dev-metrics { gap:10px; } .dev-metrics article { padding:16px; } .dev-toolbar .button { width:100%; } }