/* Ascent Gamer v0.5 — four accessible, user-selectable dark worlds.
   This file intentionally overrides the older fixed v0.4 colors. */
:root,
body[data-theme="noir-lime"] {
  --bg:#000000;
  --panel:#0e1410;
  --panel2:#172019;
  --surface:#070b08;
  --border:#374a3b;
  --text:#f2f8f0;
  --muted:#a5b7a8;
  --accent:#B5FF62;
  --accent2:#83d5a7;
  --accent-ink:#0a1402;
  --shadow:#000000;
}
body[data-theme="velvet"] {
  --bg:#100D19;
  --panel:#211b30;
  --panel2:#302640;
  --surface:#141020;
  --border:#57466e;
  --text:#f7f1ff;
  --muted:#c2b3d0;
  --accent:#C5AFFE;
  --accent2:#e1b9ed;
  --accent-ink:#211329;
  --shadow:#09040f;
}
body[data-theme="tide"] {
  --bg:#07171B;
  --panel:#11252b;
  --panel2:#19333a;
  --surface:#081c21;
  --border:#35616a;
  --text:#f0fcfd;
  --muted:#a9cdd1;
  --accent:#71E2DF;
  --accent2:#add8fd;
  --accent-ink:#032023;
  --shadow:#031013;
}
body[data-theme="dusk"] {
  --bg:#170F17;
  --panel:#291c29;
  --panel2:#39283a;
  --surface:#1b121c;
  --border:#684c60;
  --text:#fff1f8;
  --muted:#d5b3c7;
  --accent:#FFB0D1;
  --accent2:#e8b2f1;
  --accent-ink:#2a1021;
  --shadow:#0b050c;
}
body[data-theme="custom"] {
  --bg:var(--custom-bg,#050b0a);
  --accent:var(--custom-accent,#91f7d0);
  --accent2:color-mix(in srgb,var(--accent) 62%,white);
  --panel:color-mix(in srgb,var(--bg) 84%,var(--accent));
  --panel2:color-mix(in srgb,var(--bg) 72%,var(--accent));
  --surface:color-mix(in srgb,var(--bg) 92%,var(--accent));
  --border:color-mix(in srgb,var(--bg) 57%,var(--accent));
  --text:#f4faf8;
  --muted:color-mix(in srgb,#fafafa 72%,var(--bg));
  --accent-ink:#06100c;
  --shadow:#000000;
}

html,body { width:100%;max-width:100%;overflow-x:hidden; }
body { background:var(--bg);color:var(--text);transition:background-color .36s ease,color .25s ease; }
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,
.theme-choice:focus-visible { outline:2px solid var(--accent);outline-offset:3px; }
.sky { background:radial-gradient(ellipse at 78% -20%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 50%),radial-gradient(ellipse at 10% 82%,color-mix(in srgb,var(--accent2) 10%,transparent),transparent 56%); }
.sky i { background:var(--accent);opacity:.075; }
.sky i:nth-child(even) { background:var(--accent2); }

/* Login scene (same saved colors as the dashboard). */
.login-screen,.login-layout,.login-story,.login-auth-wrap { min-width:0;max-width:100%; }
.login-brand strong span,.brand strong span { color:var(--accent); }
.login-brand small,.brand small,.login-story-footer { color:var(--muted); }
.login-version { color:var(--muted);border-color:var(--border); }
.login-story h1 em { color:var(--accent);background:linear-gradient(110deg,var(--accent),var(--accent2));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.story-kicker,.float-star,.auth-foot span { color:var(--accent); }
.login-story>p,.auth-panel>p,.auth-foot,.auth-mark,.auth-panel label { color:var(--muted); }
.portal-halo { background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 67%); }
.portal-ring { border-color:color-mix(in srgb,var(--accent) 52%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 0 22px color-mix(in srgb,var(--accent2) 12%,transparent); }
.ring-b { border-color:color-mix(in srgb,var(--accent2) 48%,transparent); }
.float-note { color:var(--text);background:color-mix(in srgb,var(--panel2) 90%,transparent);border-color:var(--border); }
.auth-panel,.menu-dialog { color:var(--text);background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 94%,transparent),color-mix(in srgb,var(--panel) 96%,transparent));border-color:var(--border);box-shadow:0 24px 74px color-mix(in srgb,var(--shadow) 73%,transparent),inset 0 1px color-mix(in srgb,var(--text) 12%,transparent); }
.auth-panel::before { background:linear-gradient(90deg,transparent,var(--accent),transparent); }
.auth-panel input,.menu-dialog select { background:var(--surface);border-color:var(--border);color:var(--text); }
.auth-panel input:focus { border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent); }
.auth-mark img,.portal-logo,.brand img,.login-brand img { filter:drop-shadow(0 8px 17px color-mix(in srgb,var(--accent) 18%,transparent)); }
.auth-foot { border-color:var(--border); }

/* Shared 3D controls */
.primary-button { background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 85%,white),var(--accent));color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--accent) 70%,white);box-shadow:0 4px 0 color-mix(in srgb,var(--accent-ink) 68%,black),0 10px 25px color-mix(in srgb,var(--accent) 20%,transparent); }
.primary-button:not(:disabled):hover { box-shadow:0 7px 0 color-mix(in srgb,var(--accent-ink) 68%,black),0 15px 30px color-mix(in srgb,var(--accent) 30%,transparent); }
.primary-button:not(:disabled):active { box-shadow:0 2px 0 color-mix(in srgb,var(--accent-ink) 68%,black); }
.ghost-button,.pencil-button,.icon-button,.logout-button,.theme-entry { background:linear-gradient(145deg,var(--panel2),var(--panel));color:var(--text);border:1px solid var(--border);box-shadow:inset 0 1px color-mix(in srgb,var(--text) 13%,transparent),0 3px 0 var(--shadow); }
.pencil-button:hover,.theme-entry:hover { transform:translateY(-2px);border-color:var(--accent); }

/* Left navigation — always fit the available width, never scroll sideways. */
.shell,.main,.dashboard,.viewport,.sidebar { min-width:0;max-width:100%; }
.shell,.main,.viewport { overflow-x:hidden; }
.sidebar { overflow:hidden;background:linear-gradient(170deg,var(--panel),var(--surface));border-color:var(--border);box-shadow:5px 0 30px color-mix(in srgb,var(--shadow) 45%,transparent); }
.sidebar nav { flex:1 1 auto;min-height:0;min-width:0;max-width:100%;overflow:hidden;display:flex;flex-direction:column; }
.nav-list { width:100%;max-width:100%;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;scrollbar-width:thin;scrollbar-color:var(--border) transparent; }
.nav-item,.nav-button { min-width:0;max-width:100%; }
.nav-caption { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.nav-heading { color:var(--muted); }
.nav-item:hover { background:color-mix(in srgb,var(--accent) 8%,transparent); }
.nav-item.active { background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 15%,var(--panel)),color-mix(in srgb,var(--accent2) 9%,var(--panel)));border-color:color-mix(in srgb,var(--accent) 38%,var(--border)); }
.nav-button { color:var(--muted); }
.nav-item.active .nav-button { color:var(--text); }
.nav-icon,.gauge-symbol,.strip-icon { color:var(--accent);background:linear-gradient(145deg,var(--panel2),var(--panel));border-color:var(--border);box-shadow:inset 0 1px color-mix(in srgb,var(--text) 14%,transparent),0 3px 0 var(--shadow); }
.nav-item.active .nav-icon { color:var(--accent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 24%,var(--panel2)),var(--panel)); }
.sidebar-bottom { border-color:var(--border); }
.node-pill { background:var(--panel2);border-color:var(--border); }
.node-pill small,.sidebar-signature { color:var(--muted); }
.pulse-dot.online { background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent),0 0 18px color-mix(in srgb,var(--accent) 40%,transparent); }

/* Metrics and context views */
.topbar { border-color:var(--border); }
.topbar-orbit,.little-orbit { color:var(--accent);text-shadow:0 0 15px color-mix(in srgb,var(--accent) 32%,transparent); }
.topbar-label,.slim-heading,.content-bar { color:var(--text); }
.topbar-label b,.slim-heading small,.content-bar small { color:var(--muted); }
.context-select { min-width:0;max-width:100%;background:var(--panel);border-color:var(--border);color:var(--text); }
.connection,.sync-pill { background:color-mix(in srgb,var(--accent) 10%,var(--panel));border-color:color-mix(in srgb,var(--accent) 32%,var(--border));color:var(--accent); }
.viewport { scrollbar-color:var(--border) transparent; }
.gauge-card,.server-item { background:linear-gradient(160deg,var(--panel2),var(--panel));border-color:var(--border);color:var(--text); }
.gauge-card:hover { box-shadow:0 13px 32px color-mix(in srgb,var(--shadow) 70%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent); }
.gauge-title small,.ring-content small,.gauge-foot span,.server-item small { color:var(--muted); }
.ring-track { stroke:color-mix(in srgb,var(--border) 75%,transparent); }
.ring-value,.gauge-card:nth-child(2) .ring-value,.gauge-card:nth-child(3) .ring-value { stroke:var(--accent);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 55%,transparent)); }
.gauge-card:nth-child(2) .ring-value { stroke:var(--accent2); }
.gauge-card:nth-child(3) .ring-value { stroke:color-mix(in srgb,var(--accent) 50%,var(--text)); }
/* As três cores de alerta ficam distintas, independentemente da paleta escolhida. */
.gauge-card:nth-child(1) { --health:#c6a8ff; }
.gauge-card:nth-child(2) { --health:#72e7cb; }
.gauge-card:nth-child(3) { --health:#ffca7d; }
.gauge-card .ring-value,.gauge-card:nth-child(2) .ring-value,.gauge-card:nth-child(3) .ring-value { stroke:var(--health);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--health) 56%,transparent)); }
.gauge-card .ring-content strong { font-size:clamp(17px,2vw,23px);color:var(--text);letter-spacing:-.7px;white-space:nowrap;font-variant-numeric:tabular-nums; }
.gauge-card .ring-content small { color:var(--health);font-size:11px;font-weight:800;letter-spacing:.3px; }
.gauge-card .gauge-foot strong { color:var(--health);font-variant-numeric:tabular-nums; }
.gauge-card .gauge-symbol { color:var(--health); }
.gauge-card .gauge-title { color:var(--text); }
.gauge-foot { border-color:var(--border); }
.metric-strip article { background:var(--panel);border-color:var(--border); }
.metric-strip small { color:var(--muted); }
.drawer-card,.placeholder-card { background:var(--panel);border-color:var(--border); }
.drawer-card summary { color:var(--text); }
.drawer-card summary small,.detail-line span,.note,.placeholder-card p,.audit-item small { color:var(--muted); }
.chevron,.placeholder-icon,.eyebrow { color:var(--accent); }
.drawer-inner,.detail-line,.audit-item { border-color:var(--border); }
.menu-dialog p { color:var(--muted); }
.menu-dialog::backdrop { background:color-mix(in srgb,var(--shadow) 78%,transparent); }
.menu-sort-item { background:var(--panel);border-color:var(--border); }
.menu-sort-item button { background:var(--panel2);color:var(--text); }
.toast { background:var(--panel2);color:var(--text);border-color:var(--accent); }
.backdrop:not([hidden]) { background:color-mix(in srgb,var(--shadow) 75%,transparent); }

/* Palette selector: visible at login and in the topbar. */
.theme-entry { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:77px;min-height:37px;border-radius:12px;padding:7px 10px;font-size:11px;font-weight:700;white-space:nowrap;transition:transform .2s,border-color .2s; }
.theme-entry>span:first-child { font-size:19px;line-height:1;color:var(--accent); }
.theme-entry-compact { min-width:67px; }
.theme-dialog { width:min(660px,calc(100vw - 24px));max-height:min(92dvh,750px);overflow-y:auto; }
.theme-dialog .dialog-head h2 { margin:7px 0 0; }
.theme-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:17px 0; }
.theme-choice { position:relative;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:4px;text-align:left;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:17px;padding:12px;transition:transform .2s,border-color .2s,box-shadow .2s; }
.theme-choice:hover { transform:translateY(-3px);border-color:var(--accent); }
.theme-choice[aria-pressed="true"] { border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 8px 27px color-mix(in srgb,var(--accent) 12%,transparent); }
.theme-choice[aria-pressed="true"]::after { content:'✓';position:absolute;right:19px;top:20px;color:var(--accent);font-size:19px;font-weight:900;text-shadow:0 1px 2px #000; }
.theme-choice strong { font-size:15px;margin-top:5px; }
.theme-choice small { color:var(--muted);font-size:12px; }
.theme-hex { color:var(--muted);font-size:10px;margin-top:6px;font-variant-numeric:tabular-nums; }
.theme-sample { --sample-bg:#000;--sample-accent:#B5FF62;--sample-surface:#132017;display:flex;gap:9px;height:75px;padding:13px;border-radius:10px;background:var(--sample-bg);border:1px solid color-mix(in srgb,var(--sample-accent) 27%,transparent);box-shadow:inset 0 1px 10px color-mix(in srgb,var(--sample-accent) 9%,transparent); }
.theme-sample i { display:block;flex:1;border-radius:7px;border:1px solid color-mix(in srgb,var(--sample-accent) 24%,transparent);background:var(--sample-surface); }
.theme-sample i:first-child { flex:.42;background:linear-gradient(145deg,var(--sample-surface),var(--sample-bg));border-left:3px solid var(--sample-accent); }
.theme-sample i:nth-child(2) { background:radial-gradient(circle at center,var(--sample-accent) 0 10%,var(--sample-surface) 12% 32%,var(--sample-accent) 34% 36%,var(--sample-surface) 38%); }
.theme-sample i:last-child { background:linear-gradient(180deg,var(--sample-accent) 0 5px,var(--sample-surface) 5px); }
.sample-velvet { --sample-bg:#100D19;--sample-accent:#C5AFFE;--sample-surface:#302640; }
.sample-tide { --sample-bg:#07171B;--sample-accent:#71E2DF;--sample-surface:#19333a; }
.sample-dusk { --sample-bg:#170F17;--sample-accent:#FFB0D1;--sample-surface:#39283a; }
.sample-custom { --sample-bg:var(--custom-bg,#050b0a);--sample-accent:var(--custom-accent,#91f7d0);--sample-surface:color-mix(in srgb,var(--sample-bg) 72%,var(--sample-accent)); }
.custom-color-row { display:flex;flex-wrap:wrap;gap:13px;align-items:end;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px; }
.custom-color-row label { font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:5px; }
.custom-color-row input { width:80px;height:37px;border:1px solid var(--border);border-radius:8px;padding:3px;background:var(--panel); }
.custom-color-row button { min-height:36px; }

/* Fabric provisioning */
.create-dialog { width:min(620px,calc(100vw - 24px));max-height:min(92dvh,780px);overflow-y:auto; }
.create-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px; }
.create-grid label { min-width:0;color:var(--text);font-size:12px;font-weight:650; }
.create-grid input,.create-grid select { display:block;min-width:0;width:100%;height:45px;margin-top:8px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:13px; }
.create-grid input:focus,.create-grid select:focus { outline:2px solid var(--accent);outline-offset:1px; }
.eula-row { display:flex!important;align-items:flex-start;gap:12px;color:var(--muted);font-size:12px;line-height:1.55;margin:20px 0 8px!important; }
.eula-row input { width:18px;height:18px;flex:none;margin-top:1px;accent-color:var(--accent); }
.eula-row a { color:var(--accent);text-underline-offset:2px; }
.server-state { align-self:flex-start;display:inline-flex;padding:6px 10px;font-size:11px;font-weight:800;letter-spacing:.2px;color:var(--accent);border-radius:9px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border)); }
.server-state.state-failed { color:#ffc1b9;border-color:#be6a6a;background:#54282877; }
.server-item .server-note { color:var(--muted);line-height:1.4;overflow-wrap:anywhere; }
.server-item { cursor:pointer;transition:transform .2s,border-color .2s; }
.server-item:hover { transform:translateY(-3px);border-color:var(--accent); }
.server-item { cursor:default; }
.server-item { position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--border);border-radius:19px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 10%,transparent),0 6px 0 color-mix(in srgb,var(--shadow) 65%,transparent),0 15px 28px color-mix(in srgb,var(--shadow) 65%,transparent);padding:18px;transform-style:preserve-3d;animation:card-rise .42s cubic-bezier(.2,.8,.2,1) both; }
.server-item::before { content:'';position:absolute;pointer-events:none;inset:0;background:radial-gradient(circle at 95% 4%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 56%);z-index:-1; }
.server-item:hover { transform:translateY(-5px) rotateX(1deg);box-shadow:inset 0 1px color-mix(in srgb,var(--text) 15%,transparent),0 10px 0 color-mix(in srgb,var(--shadow) 55%,transparent),0 24px 42px color-mix(in srgb,var(--accent) 13%,transparent); }
.server-card-top { display:flex;gap:12px;align-items:center; }
.server-avatar { width:45px;height:45px;display:grid;place-items:center;border-radius:13px;border:1px solid var(--border);background:linear-gradient(140deg,var(--accent),var(--accent2));color:var(--accent-ink);font-size:24px;box-shadow:0 5px 0 var(--shadow),0 8px 18px color-mix(in srgb,var(--accent) 18%,transparent); }
.server-card-title { display:flex;flex-direction:column;gap:4px;min-width:0; }
.server-card-title strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px; }
.server-card-meta { display:flex;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:11px; }
.server-connect { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin:7px 0 5px;background:color-mix(in srgb,var(--bg) 76%,var(--accent));border:1px solid var(--border);border-radius:11px; }
.server-connect code { color:var(--accent);font-size:11px;word-break:break-word; }
.server-connect button { flex:none; }
.server-mini-actions { display:flex;gap:5px;flex-wrap:wrap; }
.server-danger { color:#ffc4c4!important;border-color:#794748!important; }
.server-item small { line-height:1.35; }
@keyframes card-rise { from { opacity:.3;transform:translateY(10px) scale(.98); } to { opacity:1;transform:translateY(0) scale(1); } }
.server-item.settled { animation:none; }
.server-controls { display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:auto;padding-top:6px;min-width:0; }
.server-small-button { font-size:10px!important;padding:9px 11px!important;border-radius:10px!important;white-space:nowrap;min-height:35px; }
.server-state.state-online { color:var(--accent);border-color:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 16%,transparent); }
.server-state.state-starting,.server-state.state-stopping { color:#b0cfff;border-color:#5179a5;background:#23456d55; }
.server-state.state-offline,.server-state.state-unknown { color:var(--muted);border-color:var(--border);background:var(--panel2); }
.server-state.state-crashed { color:#ffc4bb;border-color:#ae5e5e;background:#4f252577; }

/* Live-ish Minecraft console lives in its own viewport, not in the page scroll. */
#view-console { display:flex;flex-direction:column;height:100%;min-height:300px;gap:11px; }
.console-toolbar { display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none; }
.console-context { display:flex;align-items:center;gap:9px;min-width:0; }
.console-context strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px; }
.console-context small { font-size:10px;color:var(--muted);white-space:nowrap; }
.console-lamp { height:9px;width:9px;flex:none;border-radius:50%;background:var(--muted); }
.console-lamp.online { background:var(--accent);box-shadow:0 0 15px var(--accent);animation:pulse 2s infinite; }
.console-toolbar .ghost-button { font-size:11px;padding:8px 11px;white-space:nowrap; }
.console-toolbar .ghost-button[aria-pressed="true"] { color:var(--accent);border-color:var(--accent); }
.console-actions { display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap; }
.console-actions button:disabled { opacity:.37;cursor:not-allowed; }
.console-pending { color:var(--accent);font:11px ui-monospace,SFMono-Regular,Consolas,monospace;max-height:55px;overflow-y:auto;min-height:0; }
.console-pending:empty { display:none; }
.console-screen { flex:1;min-height:180px;overflow:auto;border-radius:17px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,var(--panel));padding:15px 17px;scrollbar-color:var(--border) transparent; }
.console-screen pre { margin:0;color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;font-size:11px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2; }
.console-command-form { display:flex;align-items:center;gap:9px;min-width:0;border-radius:13px;border:1px solid var(--border);background:var(--panel);padding:7px;flex:none; }
.console-prefix { font-size:22px;font-weight:900;color:var(--accent);margin-left:9px; }
.console-command-form input { flex:1;min-width:0;background:transparent;border:none;color:var(--text);font-size:12px;outline:none; }
.console-command-form input::placeholder { color:var(--muted); }
.console-command-form .primary-button { padding:10px 14px;font-size:11px;white-space:nowrap; }
.console-hint { display:block;font-size:10px;color:var(--muted);line-height:1.5;flex:none; }
.log-switch { display:flex;flex-wrap:wrap;align-items:center;gap:6px; }
.log-switch button { padding:7px 9px;font-size:10px;border-radius:9px; }
.log-switch button.active { border-color:var(--accent);color:var(--accent); }
.log-card { display:flex;flex-direction:column;min-height:0;max-height:calc(100% - 70px);overflow:hidden;padding:12px;gap:6px; }
.compact-log { margin:0;padding:13px;max-height:100%;height:100%;overflow:auto;font:10px/1.47 ui-monospace,Consolas,monospace;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;letter-spacing:-.16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;scrollbar-color:var(--border) transparent; }
.log-info { color:var(--muted);font-size:11px; }
.server-config-form { display:flex;flex-direction:column;gap:12px;padding:15px;border:1px solid var(--border);border-radius:15px;background:var(--panel); }
.server-config-form .create-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.server-config-form .config-flags { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.server-config-form .config-flags label { display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted); }
.server-config-form .config-flags input { accent-color:var(--accent);width:17px;height:17px; }
.server-config-form button { align-self:flex-start; }
.server-config-hint { color:var(--muted);font-size:11px;line-height:1.5; }
.config-disabled { opacity:.7; }
.player-info { display:flex;gap:8px;align-items:center; }
.player-info button { font-size:11px;padding:8px 10px; }
.player-list { display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px;margin-top:14px; }
.player-card { min-width:0;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(150deg,var(--panel2),var(--panel));box-shadow:inset 0 1px color-mix(in srgb,var(--text) 10%,transparent),0 4px 0 var(--shadow); }
.player-avatar { flex:none;width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--border);border-radius:14px;background:var(--surface);font-weight:900;color:var(--text);font-size:18px; }
.player-card.online .player-avatar { background:color-mix(in srgb,var(--accent) 30%,var(--surface));color:var(--accent); }
.player-details { display:flex;flex-direction:column;gap:4px;min-width:0; }
.player-details strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px; }
.player-details small { color:var(--muted);font-size:10px;line-height:1.3; }
.player-state { margin-left:auto;align-self:flex-start;font-size:10px;font-weight:800;color:var(--muted); }
.player-state.online { color:var(--accent); }
.file-actions,.file-paging { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.file-actions button,.file-paging button { padding:8px 11px;font-size:11px; }
.file-breadcrumb { display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:36px;padding:7px 10px;background:var(--panel);border:1px solid var(--border);border-radius:11px;font-size:12px; }
.file-breadcrumb button { border:0;border-radius:6px;padding:5px 7px;background:transparent;color:var(--accent);cursor:pointer; }
.file-breadcrumb button:hover { background:var(--surface); }
.file-stats { display:flex;justify-content:space-between;gap:12px;padding:10px 3px; }
.file-list { display:flex;flex-direction:column;min-height:160px;max-height:min(52vh,600px);overflow-y:auto;border:1px solid var(--border);border-radius:14px;background:var(--panel); }
.file-entry { display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left;font-size:12px;min-height:48px; }
.file-entry:last-child { border-bottom:0; }
.file-entry:hover:not(:disabled) { background:color-mix(in srgb,var(--accent) 7%,var(--surface)); }
.file-entry.is-folder { cursor:pointer; }
.file-entry:disabled { cursor:default;opacity:1; }
.file-entry-icon { width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface);border-radius:9px;color:var(--accent);font-size:17px; }
.file-entry-name { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700; }
.file-entry-meta { color:var(--muted);font-size:10px;white-space:nowrap; }
.file-paging { justify-content:center;margin:12px 0; }
.file-paging span { color:var(--muted);font-size:11px; }
@media(max-width:610px) { .file-entry { grid-template-columns:30px minmax(0,1fr) auto;gap:7px;padding:9px; }.file-entry-meta:last-child { display:none; } .file-breadcrumb { font-size:11px; } }
.backup-warning { border:1px solid #ddaa4b88;background:#7a572225;color:#f4d19b;border-radius:13px;padding:12px 15px;font-size:11px;line-height:1.55;margin-bottom:13px; }
.backup-policy { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:11px;padding:15px;background:var(--panel);border:1px solid var(--border);border-radius:16px; }
.backup-policy label { display:block;font-size:11px;color:var(--text);min-width:0; }
.backup-policy select,.backup-policy input[type=number] { display:block;width:100%;margin-top:7px;min-width:0;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text); }
.backup-policy .backup-check { display:flex;align-items:center;gap:9px;min-height:40px; }
.backup-policy .backup-check input { flex:none;accent-color:var(--accent);width:17px;height:17px; }
.backup-policy button { font-size:11px;min-height:42px; }
.backup-list { display:flex;flex-direction:column;gap:7px;max-height:40vh;overflow-y:auto; }
.backup-entry { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:var(--panel);border:1px solid var(--border);border-radius:11px; }
.backup-entry strong { color:var(--text);font-size:11px;overflow-wrap:anywhere; }
.backup-entry small { color:var(--muted);font-size:10px;white-space:nowrap; }
@media(max-width:1050px){ .backup-policy { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:610px){ .backup-policy { grid-template-columns:1fr; }.backup-entry { align-items:flex-start;flex-direction:column;gap:6px; } }

/* Uma operação de configuração só termina após confirmação registrada da VPS. */
.settings-operation { position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:color-mix(in srgb,var(--bg) 83%,transparent);backdrop-filter:blur(16px); }
.settings-operation-card { width:min(460px,100%);max-height:calc(100dvh - 36px);overflow:auto;text-align:center;padding:clamp(24px,4.5vw,42px);border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));border-radius:28px;background:linear-gradient(150deg,var(--panel2),var(--panel));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 12%,transparent),0 30px 110px var(--shadow),0 0 80px color-mix(in srgb,var(--accent) 10%,transparent);animation:operation-arrive .35s cubic-bezier(.2,.8,.2,1) both; }
.settings-operation-orbit { width:118px;height:118px;margin:0 auto 22px;display:grid;place-items:center;border:2px solid color-mix(in srgb,var(--accent) 25%,transparent);border-top-color:var(--accent);border-radius:50%;box-shadow:0 0 0 12px color-mix(in srgb,var(--accent) 5%,transparent),0 0 35px color-mix(in srgb,var(--accent) 15%,transparent);animation:operation-spin 2.2s linear infinite; }
.settings-operation-core { display:grid;place-items:center;width:72px;height:72px;font-size:34px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,var(--accent),var(--accent2));color:var(--accent-ink);box-shadow:0 8px 20px var(--shadow);animation:operation-spin 2.2s linear infinite reverse; }
.settings-operation-eyebrow { color:var(--accent);letter-spacing:2px;font-size:9px;font-weight:800; }
.settings-operation-card h2 { color:var(--text);font-size:clamp(22px,3.2vw,28px);line-height:1.2;margin:12px 0; }
.settings-operation-card p { color:var(--muted);line-height:1.65;font-size:12px;margin:10px 0 18px; }
.settings-operation-card #settings-operation-stage { color:var(--text);font-weight:700;font-size:13px; }
.settings-operation-progress { height:7px;overflow:hidden;margin:24px 0 18px;border-radius:30px;background:color-mix(in srgb,var(--accent) 12%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border)); }
.settings-operation-progress span { display:block;width:38%;height:100%;border-radius:30px;background:linear-gradient(90deg,var(--accent2),var(--accent));box-shadow:0 0 12px var(--accent);animation:operation-progress 1.7s cubic-bezier(.58,.01,.4,1) infinite alternate; }
.settings-operation-card .ghost-button { margin-top:4px;color:var(--text); }
@keyframes operation-spin { to {transform:rotate(360deg)} }
@keyframes operation-progress { from {transform:translateX(-110%)} to {transform:translateX(265%)} }
@keyframes operation-arrive { from {opacity:0;transform:translateY(16px) scale(.96)} to {opacity:1;transform:translateY(0) scale(1)} }

@media(max-width:800px) {
  .sidebar { max-width:min(245px,88vw); }
  .sidebar nav { flex:1; }
  .topbar-trailing { flex-shrink:1; }
}
@media(max-width:610px) {
  .login-brand { gap:9px; }
  .login-version { display:none; }
  .login-brand .theme-entry { margin-left:auto; }
  .topbar { gap:6px; }
  .topbar-leading,.topbar-trailing { gap:6px; }
  .main { padding:0 10px; }
  .context-select { width:clamp(90px,35vw,200px); }
  .theme-entry-compact { min-width:36px;width:36px;height:36px;padding:5px; }
  .theme-entry-compact>span:last-child { display:none; }
  .slim-heading { gap:4px;letter-spacing:.3px; }
  .theme-grid { gap:8px; }
  .theme-choice { padding:9px; }
  .theme-sample { height:57px;padding:8px;gap:5px; }
  .theme-hex { font-size:9px; }
  .create-grid { grid-template-columns:1fr;gap:4px; }
  .create-dialog { max-height:94dvh; }
  .console-context { flex-wrap:wrap;gap:4px 8px; }
  .console-toolbar { flex-wrap:wrap; }
  .console-actions { justify-content:flex-start; }
  .console-actions button { padding:6px 8px!important;font-size:10px; }
  .server-config-form .create-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .server-config-form .config-flags { grid-template-columns:1fr; }
  .console-screen { padding:11px; }
  .console-screen pre { font-size:10px; }
  .console-hint { font-size:9px; }
}
@media(max-width:375px) {
  .theme-grid { grid-template-columns:1fr; }
  .theme-dialog { max-height:90dvh; }
  .context-select { width:93px; }
  .topbar .connection { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  body,.theme-choice,.server-item { transition:none!important;animation:none!important; }
  .settings-operation-card,.settings-operation-orbit,.settings-operation-core,.settings-operation-progress span { animation:none!important; }
  .settings-operation-progress span { width:100%;opacity:.75; }
}