/* GameLeet shared palette: Computers 3.6.159. */
:root {
  color-scheme: dark;
  --bg: #090d16;
  --panel: #121824;
  --panel2: #1a2333;
  --line: rgba(255, 255, 255, 0.07);
  --line2: rgba(255, 255, 255, 0.1);
  --text: #f8fafc;
  --muted: #94a3b8;
  --accent: #06b6d4;
  --accent2: #10b981;
  --ok: #34d399;
  --warn: #fbbf24;
  --bad: #fb7185;
  --shadow: 0 12px 28px #0003;
  --blue: #3b82f6;
  --green: #10b981;
  --red: #fb7185;
  --amber: #fbbf24;
  --bg-0: #090d16;
  --bg-1: #121824;
  --bg-2: #090d16;
  --bg-3: #1a2333;
  --text-1: #94a3b8;
  --text-2: #f8fafc;
  --accent-cyan: #06b6d4;
  --accent-cyan-2: #10b981;
  --accent-cyan-light: #22d3ee;
  --error: #fb7185;
  --success: #10b981;
  --warning: #fbbf24;
  --status-online: #34d399;
  --status-offline: #64748b;
  --status-connecting: #fbbf24;
  --glow-cyan: none;
  --glow-cyan-bright: none;
  --shadow-button: none;
}
html,
body {
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
  color: #f8fafc;
  background-color: #090d16;
  background-image: none !important;
  text-shadow: none;
}
body:before {
  background: #090d16 !important;
}
button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}
button,
input,
select,
textarea {
  font-family: inherit;
}
button {
  transition:
    background-color 120ms,
    color 120ms,
    border-color 120ms;
}
.card,
.table-card,
.metric,
.panel,
.pc-mini,
.license-large,
.auth-card,
.login-card,
.modal,
.dialog,
.pt-window,
.support-card36140,
.ssd-card36130,
.sl-card36132 {
  background: rgba(18, 24, 36, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 16px;
  box-shadow: none;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.card:hover,
.metric:hover {
  border-color: rgba(255, 255, 255, 0.12) !important;
}
.metric:after,
.nav.active:before {
  display: none;
}
.metric strong,
.card h2 {
  color: #f8fafc;
}
.metric strong {
  font-weight: 700;
}
.muted,
.note,
.auth-lead,
.auth-brand,
.hint,
.msg {
  color: #94a3b8;
}
.btn,
.button,
.pt-window button,
.account-button,
.settings-tab3662,
.cabinet-tabs139 button {
  background: #1e293b;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  color: #f8fafc;
  font-weight: 600;
  box-shadow: none;
}
.btn:hover:not(:disabled),
.button:hover:not(:disabled),
.pt-window button:hover {
  background: #334155;
  border-color: rgba(255, 255, 255, 0.15);
  transform: none;
}
.btn.primary,
.button.primary,
.pt-window nav .selected {
  background: linear-gradient(90deg, #0891b2, #2563eb) !important;
  border: 1px solid transparent;
  color: white !important;
  box-shadow: 0 5px 15px #06b6d420;
}
.btn.danger,
.button.danger {
  background: #f43f5e1a;
  color: #fb7185;
  border-color: #f43f5e33;
}
.btn.ghost,
.button.ghost {
  background: transparent;
}
.settings-tab3662.active,
.cabinet-tabs139 button.active {
  background: linear-gradient(90deg, #10b98133, #06b6d41a) !important;
  border-color: #10b98166 !important;
  color: #34d399 !important;
  box-shadow: none;
}
.pill,
.badge {
  background: #121824;
  border-color: rgba(255, 255, 255, 0.1);
  font-size: 11px;
  font-weight: 500;
}
.pill.ok,
.badge.ok {
  background: #10b9811a;
  color: #34d399;
  border-color: #10b98133;
}
.pill.warn {
  background: #f59e0b1a;
  color: #fbbf24;
  border-color: #f59e0b33;
}
.pill.bad {
  background: #f43f5e1a;
  color: #fb7185;
  border-color: #f43f5e33;
}
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  background: #121824 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f8fafc !important;
  border-radius: 12px;
  box-shadow: none !important;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #06b6d4 !important;
}
input::placeholder,
textarea::placeholder {
  color: #64748b;
}
input[type="checkbox"],
input[type="radio"] {
  accent-color: #10b981;
}
.gl-switch input:checked + span {
  background: #10b981 !important;
  border-color: #10b981 !important;
}
.gl-switch span {
  box-shadow: none;
}
.fix-target3662 {
  color: #22d3ee;
  background: #06b6d41a;
  border-color: #06b6d433;
}
.kv-grid > div,
.disk-option,
.capacity-box,
.install-status,
.steps div,
.note,
.pt-bar input,
.pt-terminal,
.fix-row3662,
.alert-row3646 {
  background: #121824 !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
}
.bar {
  background: #1e293b;
  border: 0;
}
.bar i {
  background: linear-gradient(90deg, #06b6d4, #10b981);
}
.pc-table th {
  background: #12182480;
  color: #94a3b8;
  border-color: rgba(255, 255, 255, 0.1);
}
.pc-table td {
  border-color: rgba(255, 255, 255, 0.05);
}
.pc-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.03);
}
.login-screen,
.auth-shell {
  background: #090d16 !important;
}
.login-card,
.auth-card {
  padding: 32px;
  border-radius: 16px !important;
  box-shadow: 0 20px 50px #0004;
}
.brand-mark {
  background: linear-gradient(135deg, #06b6d4, #10b981) !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: 0 5px 15px #10b98133 !important;
  border-radius: 12px !important;
}
.auth-card .brand-mark {
  font-size: 24px;
  letter-spacing: 0;
}
.login-title,
.auth-card h1 {
  font-weight: 700;
  color: #f8fafc;
  letter-spacing: -0.025em;
}
.auth-security,
.api-seal,
.settings-note {
  background: #121824;
  border-color: rgba(255, 255, 255, 0.07);
  color: #94a3b8;
}
.auth-switch button,
.eyebrow,
.subhead {
  color: #34d399;
}
.toast {
  background: #121824;
  border-color: #10b9814d;
  box-shadow: 0 10px 30px #0004;
}
.toast.error {
  border-color: #f43f5e4d;
}
.pt-window header,
.gl-pctools-dialog header {
  background: #121824;
  border-color: rgba(255, 255, 255, 0.07);
}
.pt-list,
.pt-row {
  border-color: rgba(255, 255, 255, 0.07);
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #06b6d4;
  outline-offset: 2px;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #090d16;
}
::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 3px;
}
* {
  scrollbar-color: #1e293b #090d16;
  scrollbar-width: thin;
}
::selection {
  background: #06b6d440;
  color: #fff;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    transition: none !important;
    animation: none !important;
  }
}

.auth-shell .auth-card {
  max-width: min(480px, calc(100vw - 32px));
}
.auth-shell .brand-mark {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
}
.topbar {
  background: rgba(18, 24, 36, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.account-dropdown,
.account-menu,
.server-picker-item,
.server-card,
.mail-card139 {
  background: #121824 !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  border-radius: 12px;
}
.account-button > span {
  background: #10b98133 !important;
  color: #34d399 !important;
}
.connection i {
  background: #34d399;
}
.auth-security {
  border-color: rgba(255, 255, 255, 0.07) !important;
}
.brand .brand-mark {
  color: white;
}
.button.primary:hover {
  background: linear-gradient(90deg, #06b6d4, #3b82f6) !important;
}

.ssd-card,
.load-panel,
.load-metrics > div,
.load-charts figure,
.support-body140,
.support-message140,
.account-dropdown,
.gl-cloud-server-menu {
  background: #121824 !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  border-radius: 16px;
}
.support-message140:hover,
.support-message140.selected {
  background: #10b9811a !important;
  border-color: #10b9814d !important;
}
.ssd-heading button,
.ssd-toolbar button {
  background: #1e293b;
  border-color: rgba(255, 255, 255, 0.1);
  color: #f8fafc;
  border-radius: 12px;
}
.ssd-track {
  background: #1e293b;
}
.ssd-track i {
  background: linear-gradient(90deg, #06b6d4, #10b981);
}
.load-table td,
.load-table th {
  border-color: rgba(255, 255, 255, 0.05);
}
.ssd-device,
.ssd-note,
.load-title span,
.load-metrics span,
.load-table th {
  color: #94a3b8;
}
.pc-context-menu36106 {
  background: #121824 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  border-radius: 16px !important;
  backdrop-filter: none !important;
}
.pc-context-menu36106 button:hover {
  background: #ffffff0d;
}
.monitor-ok3646 {
  color: #34d399;
}
.monitor-bad3646 {
  color: #fb7185;
}

button.primary {
  background: linear-gradient(90deg, #0891b2, #2563eb) !important;
  border-color: transparent !important;
  color: white !important;
  border-radius: 12px;
}
.terminal-shell,
.terminal-toolbar,
.host-key {
  background: #121824 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.brand > span.brand-mark {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
}
.state.online {
  color: #34d399;
}