/* One fixed dashboard theme, matching the homepage background. */
:root, :root[data-theme=dark], :root[data-theme=light] {
 color-scheme:dark;
 --bg:#323339; --paper:#2b2c32; --card:#2b2c32; --sidebar:#2b2c32;
 --ink:#f3f3f7; --muted:#c0c1cb; --line:#51525d;
 --accent:#b6a5ed; --soft:#413b53; --green:#8ad2b4; --red:#efa3ae;
 --scroll-track:#323339; --scroll-thumb:#5865f2; --scroll-hover:#7580ff;
}
html, body, .shell, .main, .servers-main, .login-layout,
[data-theme=dark] .login-layout { background:var(--bg); color:var(--ink); }
.topbar, .servers-header, .sidebar { background:var(--paper)!important; }
/* Larger navigation only on desktop; keep the mobile drawer dimensions. */
@media(min-width:761px) {
 .sidebar { width:272px; padding-inline:18px; }
 .shell { margin-left:272px; }
 [dir=rtl] .shell { margin-left:0; margin-right:272px; }
 .sidebar .navlink { min-height:48px; padding:12px 14px; gap:12px; font-size:15px; line-height:1.45; }
 .sidebar .navlink .icon { width:20px; height:20px; flex-shrink:0; }
 .sidebar .nav-label { font-size:11px; margin:21px 14px 10px; }
 .sidebar .server-switch { padding:13px 11px; font-size:14px; }
}

/* Desktop login preview. Keep the existing single-column mobile login. */
.login-dashboard-preview{display:none}
@media(min-width:1100px){
 .login-layout,[data-theme=dark] .login-layout{grid-template-columns:minmax(0,1.45fr) minmax(340px,1fr);gap:clamp(32px,5vw,88px);padding:64px clamp(32px,5vw,96px);align-content:center;direction:ltr}
 .login-layout .login-form{grid-column:2;grid-row:1;max-width:430px;justify-self:center;padding:24px 0}
 html[dir=rtl] .login-layout .login-form{direction:rtl}
 .login-dashboard-preview{display:block;grid-column:1;grid-row:1;width:100%;max-width:960px;margin:0;justify-self:end;perspective:1600px}
 .login-preview-frame{overflow:hidden;padding:7px;background:#26272e;border:1px solid #666978;border-radius:18px;box-shadow:0 24px 60px -20px #11121899,0 1px 0 #ffffff12 inset;transform:rotateY(5deg) rotateZ(-1deg)}
 .login-preview-top{display:flex;align-items:center;gap:9px;min-height:35px;padding:2px 9px 9px;color:#c9cbd8;font-size:12px;font-weight:600;letter-spacing:.02em}
 .login-preview-mark{width:7px;height:7px;background:#8993ff;border-radius:50%}
 .login-preview-line{height:1px;background:#494b59;flex:1;margin-left:8px}
 .login-preview-frame img{display:block;width:100%;height:auto;border-radius:11px;border:1px solid #454752;background:#323339}
}
/* Login, loading and language controls use the existing dashboard palette. */
.dashboard-public-links{display:flex;align-items:center;gap:26px;margin-inline-start:30px;font-size:13px;font-weight:600}.dashboard-public-links a:hover{color:var(--accent)}.login-header .top-actions{margin-inline-start:auto}.login-header{justify-content:flex-start;gap:16px}.discord-login-button.btn.primary{background:var(--accent)!important;border-color:var(--accent)!important;color:#211a35!important;gap:12px;min-height:48px}.discord-login-button.btn.primary:hover{filter:brightness(1.08)}.discord-login-icon{width:23px;height:23px;flex:none}.workspace-preferences .preference-toggle{width:auto!important;min-width:44px;gap:8px;padding:8px 10px!important}.preference-toggle [data-language-label]{font-size:12px;font-weight:600}.workspace-loader{min-height:calc(100svh - 90px);display:grid;place-items:center;padding:32px 20px;background:var(--bg)}.workspace-loading-content{text-align:center;width:min(100%,500px);display:grid;justify-items:center;gap:20px}.workspace-loading-content h1{font-size:25px}.workspace-loading-content>img{object-fit:contain}.workspace-loading-content p{color:var(--muted);font-size:14px}.workspace-progress{width:100%;height:22px;padding:4px;border:1px solid #777185;background:#25262c;border-radius:999px;overflow:hidden}.workspace-progress>span{display:block;width:0;height:100%;border-radius:999px;background:var(--accent);transition:width .5s cubic-bezier(.22,.7,.25,1)}.workspace-loading-content .loading-help{font-size:12px}.workspace-loading-content .error-block{width:100%;overflow-wrap:anywhere}html[dir=rtl] .workspace-progress{direction:rtl}html[dir=rtl] .dashboard-public-links{letter-spacing:0}html[dir=rtl] .discord-login-button>.icon{transform:rotate(180deg)}
@media(max-width:650px){.login-header{flex-wrap:wrap;padding:16px;gap:14px}.login-header .brand{flex:1}.login-header .top-actions{order:1}.dashboard-public-links{order:2;flex-basis:100%;justify-content:center;margin:0;gap:32px;padding-top:10px;border-top:1px solid var(--line)}.workspace-loader{min-height:calc(100svh - 145px)}.workspace-loading-content h1{font-size:22px}.servers-header .top-actions{gap:8px}.servers-header .user .ellipsis{max-width:100px}}
@media(prefers-reduced-motion:reduce){.workspace-progress>span{transition:none}}

.localized-file-picker{position:relative;display:flex;align-items:center;gap:10px;min-height:42px;margin-top:7px;max-width:100%;overflow:hidden}.localized-file-picker input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.localized-file-trigger{display:inline-block;flex:none;border:1px solid var(--line);background:var(--paper);padding:9px 12px;border-radius:7px;font-size:12px}.localized-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}.localized-file-picker:focus-within{outline:2px solid var(--accent);outline-offset:3px;border-radius:7px}