/* RemoteDesk Manager 1.1.6 | Professional colour system.
   navy is intentionally unchanged from v1.1.2. CSS variables keep all variants consistent. */
:root{
  --field:#0d1929;--field-border:#405168;--input-label:#bcd0e6;
  --nav-active:#263952;--nav-active-text:#fff;--button-line:#40536b;
  --danger-bg:#4a2435;--danger-line:#794256;--danger-fg:#ffc6cc;
  --tag-bg:#233d5b;--tag-fg:#a7c9ff;--icon-bg:#273e62;--icon-fg:#afd0ff;
  --modal-bg:#18263a;--modal-line:#3b5069;--hint-bg:#17243b;
  --hover-line:#44658c;--progress-track:#0c1626;--progress-line:#3b506b;
  --login-glow:#213e68;--logo1:#468cff;--logo2:#3159a9;
  --top-border:#2a3a50;--version-text:#9fbce2;
  --focus-ring:rgba(75,146,246,.23)
}
:root[data-theme="light"]{
  --bg:#f3f6fb;--sidebar:#fff;--card:#fff;--card2:#eaf0f8;
  --line:#dbe3ef;--text:#1c2b42;--sub:#5a6e89;--brand:#2b65bb;
  --accent:#225baa;--red:#ac314e;--good:#126f54;--shadow:0 16px 50px #102c491b;
  --field:#fff;--field-border:#b8c8de;--input-label:#374d6b;
  --nav-active:#e7effe;--nav-active-text:#184b92;--button-line:#b9cadf;
  --danger-bg:#fce9ed;--danger-line:#edb0c0;--danger-fg:#92273f;
  --tag-bg:#e6efff;--tag-fg:#194d8d;--icon-bg:#e7eefc;--icon-fg:#2762b4;
  --modal-bg:#fff;--modal-line:#d4deeb;--hint-bg:#f0f4fb;
  --hover-line:#80a9dc;--progress-track:#e1e8f2;--progress-line:#b3c4de;
  --login-glow:#d9e7fa;--logo1:#397ddd;--logo2:#214a90;
  --top-border:#dbe3ef;--version-text:#346ab1;--focus-ring:rgba(43,101,187,.20)
}
:root[data-theme="dark"]{
  --bg:#111418;--sidebar:#191e24;--card:#20262d;--card2:#2d353e;
  --line:#38434f;--text:#eaf0f5;--sub:#b2bfcc;--brand:#667f9a;
  --accent:#adc1d6;--red:#f299a5;--good:#7dcdb1;--shadow:0 16px 60px #0008;
  --field:#171c21;--field-border:#576474;--input-label:#bfc9d3;
  --nav-active:#323c47;--nav-active-text:#fff;--button-line:#596878;
  --tag-bg:#303e4b;--tag-fg:#c6d7e8;--icon-bg:#323e4d;--icon-fg:#bdcfe0;
  --modal-bg:#232b34;--modal-line:#526070;--hint-bg:#242d35;
  --hover-line:#8295a8;--progress-track:#131920;--progress-line:#586674;
  --login-glow:#303b47;--logo1:#6f87a0;--logo2:#455a70;
  --top-border:#38434f;--version-text:#c0cedc;--focus-ring:rgba(148,163,184,.25)
}
:root[data-theme="ocean"]{
  --bg:#0b1821;--sidebar:#0d222c;--card:#142c35;--card2:#1b3a45;
  --line:#2b4c56;--text:#e3f3f5;--sub:#a5c3ca;--brand:#138c9a;
  --accent:#66d7df;--red:#ff98a0;--good:#63dab0;--shadow:0 16px 60px #0007;
  --field:#10232b;--field-border:#47717b;--input-label:#b3d0d6;
  --nav-active:#22515e;--nav-active-text:#fff;--button-line:#52828c;
  --tag-bg:#17454e;--tag-fg:#9ce8e8;--icon-bg:#19515d;--icon-fg:#8ee5e8;
  --modal-bg:#17323c;--modal-line:#45727c;--hint-bg:#15313d;
  --hover-line:#5ea5ad;--progress-track:#0b2229;--progress-line:#416b75;
  --login-glow:#19535b;--logo1:#2eb9bc;--logo2:#136374;
  --top-border:#2b4c56;--version-text:#8adce0;--focus-ring:rgba(36,178,192,.25)
}
:root[data-theme="emerald"]{
  --bg:#0e1a19;--sidebar:#13231f;--card:#192c28;--card2:#233d36;
  --line:#355047;--text:#e5f2ec;--sub:#a3c5b8;--brand:#26896e;
  --accent:#7adab8;--red:#ff99a4;--good:#84dcb3;--shadow:0 16px 60px #0007;
  --field:#132720;--field-border:#4e7466;--input-label:#b6d2c5;
  --nav-active:#2a4c40;--nav-active-text:#fff;--button-line:#567b6b;
  --tag-bg:#24483a;--tag-fg:#a5e8c6;--icon-bg:#24503e;--icon-fg:#9ce2bf;
  --modal-bg:#1d332c;--modal-line:#557568;--hint-bg:#1c372c;
  --hover-line:#6aa78b;--progress-track:#10251c;--progress-line:#4f7967;
  --login-glow:#265142;--logo1:#40b890;--logo2:#226b56;
  --top-border:#355047;--version-text:#99dfbe;--focus-ring:rgba(50,173,136,.24)
}
:root[data-theme="violet"]{
  --bg:#171429;--sidebar:#1d1930;--card:#272039;--card2:#352b48;
  --line:#4a4064;--text:#f2ebff;--sub:#bdb2d8;--brand:#8466c7;
  --accent:#c3a7ff;--red:#ff9fb2;--good:#96d9b7;--shadow:0 16px 60px #0008;
  --field:#1e1930;--field-border:#695a87;--input-label:#d5c6ea;
  --nav-active:#42365e;--nav-active-text:#fff;--button-line:#746489;
  --tag-bg:#44335f;--tag-fg:#e2cfff;--icon-bg:#483667;--icon-fg:#d4bbff;
  --modal-bg:#2b2242;--modal-line:#665480;--hint-bg:#29213d;
  --hover-line:#ab8bdb;--progress-track:#1a162b;--progress-line:#74638e;
  --login-glow:#48366b;--logo1:#ae88f2;--logo2:#674bb3;
  --top-border:#4a4064;--version-text:#cbb3f5;--focus-ring:rgba(152,125,229,.28)
}
/* Replace hard-coded accents in the original UI without changing its layout. */
.navbtn:hover,.navbtn.selected{color:var(--nav-active-text);background:var(--nav-active)}
.brand-icon,.logo-large{background:linear-gradient(135deg,var(--logo1),var(--logo2))}
.brand .brand-version,.login-card .login-version{color:var(--version-text)}
.btn{border-color:var(--button-line)}
.btn.danger{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger-fg)}
.computer:hover{border-color:var(--hover-line)}
.computer-icon{background:var(--icon-bg);color:var(--icon-fg)}
.tag{background:var(--tag-bg);color:var(--tag-fg)}
input,select,textarea{background:var(--field);border-color:var(--field-border);color:var(--text)}
label{color:var(--input-label)}
.login-wrap{background:radial-gradient(ellipse at 50% 0%,var(--login-glow),var(--bg) 68%)}
.info-note{background:var(--hint-bg)}
.modal{background:var(--modal-bg);border-color:var(--modal-line)}
.sidebar-hint span{color:var(--text)}
.rdm-update-dashboard{background:var(--hint-bg);border-color:var(--line)}
.rdm-update-pct{color:var(--accent)}
.rdm-progress-track{background:var(--progress-track);border-color:var(--progress-line)}
.rdm-progress-fill{background:linear-gradient(90deg,var(--brand),var(--accent))}
:where(input,select,textarea,.btn,.navbtn,.theme-choice):focus-visible{outline:2px solid var(--brand);outline-offset:2px;box-shadow:0 0 0 3px var(--focus-ring)}
:root[data-theme="light"] .btn.primary{color:#fff}
:root[data-theme="light"] .toast{background:#d7f5e9;color:#174c3a;border-color:#89ceb1}
:root[data-theme="light"] .toast.bad{background:#ffe3e9;color:#83283e;border-color:#edabc0}
:root[data-theme="light"] footer{color:#667c95}
:root[data-theme="light"] .sidebar-hint{color:var(--sub)}
/* User-facing theme selectors */
.theme-quick{display:flex;align-items:center;gap:7px;color:var(--sub);font-size:12px;white-space:nowrap}
.theme-quick select{width:150px;padding:8px 10px;max-width:100%;border-radius:9px}
.login-theme{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sub);font-weight:500}
.login-theme select{width:100%;min-width:0;font-size:12px}
.theme-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.theme-choice{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:11px;display:flex;flex-direction:column;text-align:left;gap:5px;min-width:0;color:var(--text);cursor:pointer;transition:border-color .16s,transform .16s,box-shadow .16s}
.theme-choice:hover{border-color:var(--brand);transform:translateY(-1px)}
.theme-choice[aria-pressed="true"]{border:2px solid var(--brand);padding:10px;box-shadow:0 0 0 2px var(--focus-ring)}
.theme-choice .swatches{display:flex;gap:4px;height:24px;margin-bottom:3px}
.theme-choice .swatch{height:100%;flex:1;border:1px solid rgba(120,140,160,.3);border-radius:5px}
.theme-choice strong{font-size:12px}.theme-choice small{color:var(--sub);font-size:10px;line-height:1.35}
.theme-choice .theme-check{font-size:11px;color:var(--accent);font-weight:700}
@media(max-width:800px){.theme-quick span{display:none}.theme-quick select{width:120px}.theme-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.theme-quick{margin-left:auto}.theme-quick select{width:104px;padding:6px}.theme-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}