/* VPS and Server - WHMCS client area theme (vpsandserver)
 * Part 1 + 2 are generated from the main site stylesheet by /home/claude/work/whmcs_gen.py
 * Part 3 is the client-area / Bootstrap 3 / Six / hostsight layer (light + dark). */

/* ---------- 1. design tokens (identical to vpsandserver.com) ---------- */
:root{
  --bg:#f6f5fb; --bg-2:#efedf8; --surface:#ffffff; --surface-2:#f3f1fb; --surface-3:#ebe7f8;
  --text:#15112e; --heading:#0f0b2e; --muted:#5a5677; --border:#e3dff0; --border-strong:#cfc8e6;
  --primary:#6d28d9; --primary-2:#c026d3; --accent:#0e7490; --accent-2:#22d3ee;
  --success:#047857; --warning:#b45309; --danger:#b91c1c;
  --grad:linear-gradient(120deg,#7c3aed 0%,#a21caf 55%,#be185d 100%);
  --grad-text:linear-gradient(100deg,#6d28d9 0%,#a21caf 50%,#0e7490 100%);
  --link:#6d28d9; --chip:#f1ebff; --chip-text:#4c1d95;
  --shadow:0 1px 2px rgba(20,12,60,.06),0 8px 24px -8px rgba(40,20,110,.14);
  --shadow-lg:0 2px 4px rgba(20,12,60,.06),0 24px 60px -20px rgba(60,20,140,.30);
  --radius:16px; --radius-sm:10px; --radius-lg:24px;
  --font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --header-h:68px; --wrap:1200px;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#0a0819; --bg-2:#0e0b22; --surface:#141030; --surface-2:#1a1539; --surface-3:#221c48;
  --text:#e7e5f6; --heading:#ffffff; --muted:#aaa6c8; --border:#2a2452; --border-strong:#3a3370;
  --primary:#a78bfa; --primary-2:#e879f9; --accent:#22d3ee; --accent-2:#67e8f9;
  --success:#34d399; --warning:#fbbf24; --danger:#f87171;
  --grad-text:linear-gradient(100deg,#c4b5fd 0%,#f0abfc 50%,#67e8f9 100%);
  --link:#c4b5fd; --chip:#221a4d; --chip-text:#ddd6fe;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px -10px rgba(0,0,0,.6);
  --shadow-lg:0 2px 4px rgba(0,0,0,.4),0 30px 70px -24px rgba(0,0,0,.8);
  color-scheme:dark;
}

/* ---------- 2. site header, mega menu, drawer, footer, floating buttons (prefixed vs-) ---------- */
.vs-wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.vs-skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--surface);padding:10px 16px;border-radius:10px}
.vs-skip:focus{left:12px}
.vs-ico{width:1.2em;height:1.2em;display:inline-block;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.vs-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:700 .95rem/1 var(--font);padding:.85em 1.3em;border-radius:12px;border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .15s,box-shadow .2s,background .2s,color .2s}
.vs-btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 22px -8px rgba(162,28,175,.55)}
.vs-btn-primary:hover{color:#fff;transform:translateY(-1px);box-shadow:0 12px 26px -8px rgba(162,28,175,.7)}
.vs-btn-ghost{background:var(--surface);color:var(--heading);border-color:var(--border-strong)}
.vs-btn-ghost:hover{color:var(--primary);border-color:var(--primary)}
.vs-btn-sm{padding:.6em .95em;font-size:.86rem;border-radius:10px}
.vs-btn[aria-disabled="true"]{opacity:.55;pointer-events:none}
.vs-input{font:500 1rem var(--font);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;padding:.8em 1em;width:100%}
.vs-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 22%,transparent)}
.vs-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.vs-site-header{position:sticky;top:0;z-index:90;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--border)}
.vs-hdr{display:flex;align-items:center;gap:18px;height:var(--header-h)}
.vs-brand{display:flex;align-items:center;text-decoration:none;color:var(--heading);flex:none}
.vs-brand svg{height:40px;width:auto}
.vs-nav{display:flex;align-items:center;gap:2px;margin-left:12px}
.vs-nav>li{list-style:none;position:static}
.vs-nav ul{margin:0;padding:0}
.vs-nav-link{display:flex;align-items:center;gap:6px;padding:10px 13px;border-radius:10px;color:var(--heading);font-weight:650;font-size:.95rem;text-decoration:none;background:none;border:0;cursor:pointer;font-family:var(--font)}
.vs-nav-link:hover,.vs-nav-item.vs-open>.vs-nav-link,.vs-nav-link[aria-current="page"]{background:var(--surface-2);color:var(--primary)}
.vs-nav-link .vs-chev{width:14px;height:14px;transition:transform .2s}
.vs-nav-item.vs-open .vs-chev{transform:rotate(180deg)}
.vs-hdr-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.vs-icon-btn{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--heading);cursor:pointer}
.vs-icon-btn:hover{color:var(--primary);border-color:var(--primary)}
.vs-theme-toggle .vs-moon{display:none}
:root[data-theme="dark"] .vs-theme-toggle .vs-sun{display:none}
:root[data-theme="dark"] .vs-theme-toggle .vs-moon{display:inline}
.vs-menu-toggle{display:none}
.vs-mega{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);display:none;max-height:calc(100vh - var(--header-h));overflow:auto}
.vs-nav-item.vs-open>.vs-mega{display:block;animation:vs-megaIn .18s ease-out}
@keyframes vs-megaIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.vs-mega-inner{display:grid;grid-template-columns:230px 1fr;gap:28px;padding:26px 20px 28px;max-width:var(--wrap);margin:0 auto}
.vs-mega-side{display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--border);padding-right:20px}
.vs-mega-side .vs-kicker{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:2px 0 8px 12px}
.vs-mega-tab{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:10px 12px;border-radius:10px;border:0;background:none;color:var(--heading);font:650 .95rem var(--font);cursor:pointer;text-decoration:none}
.vs-mega-tab small{color:var(--muted);font-weight:600}
.vs-mega-tab:hover,.vs-mega-tab[aria-selected="true"]{background:var(--surface-2);color:var(--primary)}
.vs-mega-side .vs-mega-extra{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}
.vs-mega-panel{display:none}
.vs-mega-panel.vs-active{display:block}
.vs-mega-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px 10px;padding:0;margin:0;list-style:none}
.vs-mega-grid a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--text);text-decoration:none;font-weight:600;font-size:.92rem}
.vs-mega-grid a:hover{background:var(--surface-2);color:var(--primary)}
.vs-mega-grid a[aria-current="page"]{background:var(--chip);color:var(--chip-text)}
.vs-flag{width:24px;height:16px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:none;background:var(--surface-3)}
.vs-mega-title{font-size:1.05rem;margin:0 0 12px}
.vs-mega-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.vs-mega-head a{font-weight:700;font-size:.9rem;text-decoration:none}
@keyframes vs-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 9px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.vs-kicker{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:10px}
.vs-site-footer{margin-top:40px;background:var(--surface);border-top:1px solid var(--border);padding:56px 0 96px;font-size:.94rem}
.vs-ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.vs-ft-grid h3{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.vs-ft-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.vs-ft-grid a{color:var(--text);text-decoration:none}
.vs-ft-grid a:hover{color:var(--primary)}
.vs-ft-about p{color:var(--muted);margin:14px 0 16px;max-width:36ch}
.vs-socials{display:flex;gap:8px}
.vs-socials a{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--border);color:var(--heading)}
.vs-socials a:hover{border-color:var(--primary);color:var(--primary)}
.vs-socials svg{width:18px;height:18px}
.vs-app-badge{display:inline-block;margin-top:16px}
.vs-app-badge .vs-play-badge{height:48px;width:auto;display:block}
.vs-ft-tools-title{margin:18px 0 8px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}
.vs-ft-tools{display:grid;gap:8px}
.vs-ft-grid .vs-ft-tools a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;font-weight:700;color:var(--heading);background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad) border-box;border:1.5px solid transparent;transition:transform .15s}
.vs-ft-grid .vs-ft-tools a:hover{transform:translateX(3px);color:var(--primary)}
.vs-ft-tools .vs-ico{color:var(--primary);width:18px;height:18px}
.vs-ft-bottom{padding-right:240px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:40px;padding-top:22px;border-top:1px solid var(--border);color:var(--muted);font-size:.88rem}
.vs-ft-bottom p{margin:0}
.vs-pay{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.vs-pay li{display:grid;place-items:center;width:58px;height:38px;border-radius:8px;background:#fff;border:1px solid var(--border)}
.vs-pay svg{width:46px;height:28px}
.vs-fab{position:fixed;right:20px;bottom:22px;z-index:80;display:flex;flex-direction:column;gap:10px;align-items:flex-end;transition:bottom .3s}
.vs-fab a,.vs-fab button{display:inline-flex;align-items:center;gap:8px;height:48px;min-width:48px;justify-content:center;padding:0 16px;border-radius:14px;border:0;cursor:pointer;font:700 .9rem var(--font);text-decoration:none;box-shadow:var(--shadow-lg)}
.vs-fab .vs-fab-ticket{background:var(--grad);color:#fff}
.vs-fab .vs-fab-ticket:hover{color:#fff;transform:translateY(-2px)}
.vs-fab .vs-fab-top{background:var(--surface);color:var(--heading);border:1px solid var(--border);padding:0;width:48px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s}
.vs-fab .vs-fab-top.vs-show{opacity:1;visibility:visible;transform:none}
.vs-fab .vs-ico{width:20px;height:20px}
@keyframes vs-blink{0%{opacity:1}50%{opacity:.15}100%{opacity:1}}
@keyframes vs-glow{0%,100%{opacity:.35}50%{opacity:.9}}
@media (max-width:1080px){
.vs-nav{display:none}
.vs-menu-toggle{display:inline-grid}
.vs-hdr-login span{display:none}
}
@media (max-width:980px){
.vs-ft-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
.vs-wrap{padding:0 16px}
.vs-ft-grid{grid-template-columns:1fr}
.vs-ft-bottom{padding-right:0;padding-bottom:70px}
.vs-fab{right:14px;bottom:16px}
.vs-fab .vs-fab-ticket span{display:none}
.vs-fab .vs-fab-ticket{padding:0;width:48px}
.vs-hdr-login{display:none}
}
.vs-drawer{position:fixed;inset:var(--header-h) 0 0 0;z-index:89;background:var(--bg);overflow:auto;padding:12px 16px 120px;display:none}
.vs-drawer.vs-open{display:block}
.vs-drawer details{border-bottom:1px solid var(--border)}
.vs-drawer summary,.vs-drawer .vs-d-link{display:flex;justify-content:space-between;align-items:center;padding:15px 4px;font-weight:750;color:var(--heading);text-decoration:none;cursor:pointer;list-style:none}
.vs-drawer summary::-webkit-details-marker{display:none}
.vs-drawer .vs-d-sub{padding:0 0 14px}
.vs-drawer .vs-d-sub h4{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:12px 4px 6px}
.vs-drawer .vs-mega-grid{grid-template-columns:repeat(2,1fr)}
.vs-drawer .vs-d-link{border-bottom:1px solid var(--border)}
body.vs-no-scroll{overflow:hidden}
@media print{
.vs-site-header,.vs-site-footer,.vs-fab{display:none!important}
}

/* ---------- 3. client area ---------- */
/* Specificity note: rules are prefixed with html[data-theme] (set before first paint by includes/head.tpl)
   so they win over Bootstrap 3, Six (all.min.css) and hostsight (theme/style.css) without !important. */

:root{
  --input-bg:#ffffff; --input-border:#cfc8e6; --placeholder:#6b6788;
  --row-stripe:#faf9fe; --row-hover:#f3effd;
  --info-bg:#e8f6fb; --info-text:#0b4f63; --info-border:#a5dbe9;
  --ok-bg:#e6f6ef; --ok-text:#065f46; --ok-border:#9fdcc2;
  --warn-bg:#fdf3e2; --warn-text:#7c3d06; --warn-border:#f2cf90;
  --err-bg:#fdecec; --err-text:#991b1b; --err-border:#f3b4b4;
  --neutral-bg:#eeedf3; --neutral-text:#3f3c55;
  --subnav-h:54px;
  /* hostsight variables mapped onto the site tokens */
  --font-family-body:var(--font); --body-font-size:15px; --body-font-color:var(--text); --heading-color:var(--heading);
  --primary-accent-color:var(--primary); --primary-accent-color--darken:#5b21b6; --link-color:var(--link); --border-grey-color:var(--border);
  --placeholder-color:var(--placeholder); --grey-themes:var(--surface-2); --input-grey-bg:var(--surface-2); --icon-color:var(--muted);
}
:root[data-theme="dark"]{
  --input-bg:#0f0c26; --input-border:#3a3370; --placeholder:#9d99bf;
  --row-stripe:#171334; --row-hover:#1f1942;
  --info-bg:#0d2a33; --info-text:#a5f0ff; --info-border:#155e75;
  --ok-bg:#0b2a20; --ok-text:#8ef0c4; --ok-border:#166548;
  --warn-bg:#2d2208; --warn-text:#fcd98a; --warn-border:#7a5410;
  --err-bg:#2f1014; --err-text:#ffb4b4; --err-border:#7f1d1d;
  --neutral-bg:#24204a; --neutral-text:#d9d6f0;
  --primary-accent-color--darken:#c4b5fd;
}

/* ---------- base ---------- */
html{font-size:16px}
html[data-theme] body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;height:auto;-webkit-font-smoothing:antialiased}
html[data-theme] body,html[data-theme] button,html[data-theme] input,html[data-theme] select,html[data-theme] textarea,
html[data-theme] h1,html[data-theme] h2,html[data-theme] h3,html[data-theme] h4,html[data-theme] h5,html[data-theme] h6{font-family:var(--font)}
html[data-theme] h1,html[data-theme] h2,html[data-theme] h3,html[data-theme] h4,html[data-theme] h5,html[data-theme] h6,
html[data-theme] .h1,html[data-theme] .h2,html[data-theme] .h3,html[data-theme] .h4{color:var(--heading);letter-spacing:-.01em}
a{color:var(--link)}
a:hover,a:focus{color:var(--primary-2)}
html[data-theme] hr{border-top-color:var(--border)}
html[data-theme] .text-muted,html[data-theme] .help-block,html[data-theme] small,html[data-theme] .small{color:var(--muted)}
html[data-theme] .text-success{color:var(--success)} html[data-theme] .text-danger{color:var(--danger)}
html[data-theme] .text-warning{color:var(--warning)} html[data-theme] .text-info{color:var(--accent)} html[data-theme] .text-primary{color:var(--primary)}
html[data-theme] code{background:var(--chip);color:var(--chip-text);border-radius:6px}
html[data-theme] pre{background:var(--surface-2);color:var(--text);border-color:var(--border)}
html[data-theme] blockquote{border-left-color:var(--border-strong);color:var(--text)}
html[data-theme] .bg-white{background:var(--surface)!important}
html[data-theme] ::selection{background:color-mix(in srgb,var(--primary) 30%,transparent)}
html[data-theme] :focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}
html[data-theme] img{max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* ---------- site header / footer inside WHMCS ---------- */
html[data-theme] .vs-site-header ul,html[data-theme] .vs-site-footer ul,html[data-theme] .vs-drawer ul{margin:0;padding:0}
html[data-theme] .vs-site-header a:focus,html[data-theme] .vs-site-footer a:focus{text-decoration:none}
html[data-theme] .vs-site-header{z-index:1030}
html[data-theme] .vs-nav-link,html[data-theme] .vs-mega-tab{line-height:1.3}
html[data-theme] .vs-mega-grid a,html[data-theme] .vs-ft-grid a{line-height:1.45}
html[data-theme] .vs-mega-title strong,html[data-theme] .vs-site-footer strong{color:var(--heading)}
html[data-theme] .vs-mega-head a{color:var(--link)}
html[data-theme] .vs-site-footer{margin-top:0;font-size:.94rem;line-height:1.6}
html[data-theme] .vs-site-footer h3{margin-top:0;font-weight:800;line-height:1.3;font-size:.8rem;color:var(--muted)}
html[data-theme] .vs-site-footer p{margin:0 0 1em}
html[data-theme] .vs-ft-bottom p{margin:0}
html[data-theme] .vs-ft-about p{margin:14px 0 16px}
html[data-theme] .vs-drawer details>summary{list-style:none}
html[data-theme] .vs-drawer h4{font-weight:800}
.vs-brand svg text{font-family:var(--font)}
/* logo: concept 5 "Pulse Slot" - wordmark = currentColor, tagline + ampersand follow the theme */
.vs-brand svg.vs-lg5{height:42px;width:auto;overflow:visible}
.vs-lg5 .vs-lg5-tag{fill:#5b5675}
:root[data-theme="dark"] .vs-lg5 .vs-lg5-tag{fill:#b9b3d6}
:root[data-theme="dark"] .vs-site-header .vs-lg5 .vs-lg5-amp{fill:url(#vs-lg5wd-h)}
:root[data-theme="dark"] .vs-site-footer .vs-lg5 .vs-lg5-amp{fill:url(#vs-lg5wd-f)}
.vs-lg5-led{animation:vs-lg5-flick .9s linear infinite}
.vs-lg5-d2{animation-duration:.55s;animation-delay:-.2s}
.vs-lg5-d3{animation-duration:1.3s;animation-delay:-.7s}
.vs-lg5-pk{animation:vs-lg5-pk 1.6s linear infinite}
@keyframes vs-lg5-flick{0%,100%{opacity:1}8%{opacity:.2}16%{opacity:1}40%{opacity:1}46%{opacity:.15}52%{opacity:1}68%{opacity:.4}72%{opacity:1}}
@keyframes vs-lg5-pk{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.vs-lg5-led,.vs-lg5-pk{animation:none}}
/* header client actions */
.vs-hdr-actions{gap:8px}
html[data-theme] .vs-icon-btn{position:relative;text-decoration:none}
html[data-theme] .vs-icon-btn:hover,html[data-theme] .vs-icon-btn:focus{color:var(--primary);border-color:var(--primary);text-decoration:none}
.vs-icon-btn .vs-ico{width:20px;height:20px}
.vs-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--grad);color:#fff;font:800 11px/20px var(--font);text-align:center;box-shadow:0 0 0 2px var(--bg)}
.vs-count.vs-count-zero{display:none}
.vs-count.vs-count-alert{background:#dc2626}
html[data-theme] .vs-btn{line-height:1;text-decoration:none}
html[data-theme] .vs-btn-ghost{color:var(--heading)}
html[data-theme] .vs-btn-ghost:hover,html[data-theme] .vs-btn-ghost:focus{color:var(--primary);border-color:var(--primary)}
html[data-theme] .vs-btn-primary,html[data-theme] .vs-btn-primary:hover,html[data-theme] .vs-btn-primary:focus{color:#fff}
.vs-account{position:relative}
.vs-account-btn{height:42px;gap:8px;max-width:240px}
.vs-account-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vs-avatar{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--grad);color:#fff}
.vs-avatar .vs-ico{width:15px;height:15px}
.vs-account .dropdown-menu{margin-top:8px;min-width:230px}
html[data-theme] .btn-logged-in-admin{color:var(--warning)}

/* ---------- client area sub-navigation (Bootstrap navbar) ---------- */
html[data-theme] .vs-subnav{margin:0;min-height:var(--subnav-h);border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--surface);box-shadow:0 1px 0 rgba(0,0,0,.02)}
html[data-theme] .vs-subnav .navbar-nav>li>a{color:var(--heading);font-weight:650;font-size:.92rem;padding:17px 14px;line-height:20px;background:none}
html[data-theme] .vs-subnav .navbar-nav>li>a:hover,html[data-theme] .vs-subnav .navbar-nav>li>a:focus,
html[data-theme] .vs-subnav .navbar-nav>.open>a,html[data-theme] .vs-subnav .navbar-nav>.open>a:hover,html[data-theme] .vs-subnav .navbar-nav>.open>a:focus,
html[data-theme] .vs-subnav .navbar-nav>.active>a{color:var(--primary);background:none;box-shadow:inset 0 -2px 0 var(--primary)}
html[data-theme] .vs-subnav .navbar-nav>li>a .badge{background:var(--chip);color:var(--chip-text)}
html[data-theme] .vs-subnav .caret{border-top-color:currentColor;opacity:.7}
.vs-subnav .vs-lang .vs-ico{width:16px;height:16px;margin-right:4px;vertical-align:-3px}
.vs-subnav-toggle{display:none}
html[data-theme] .vs-subnav .navbar-collapse{border-color:var(--border);box-shadow:none}

/* ---------- dropdowns / popovers / tooltips ---------- */
html[data-theme] .dropdown-menu{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:6px;font-size:.92rem}
html[data-theme] .dropdown-menu>li>a{color:var(--text);border-radius:8px;padding:8px 12px;font-weight:550;white-space:normal}
html[data-theme] .dropdown-menu>li>a:hover,html[data-theme] .dropdown-menu>li>a:focus{background:var(--surface-2);color:var(--primary)}
html[data-theme] .dropdown-menu>.active>a,html[data-theme] .dropdown-menu>.active>a:hover{background:var(--chip);color:var(--chip-text)}
html[data-theme] .dropdown-menu>.disabled>a{color:var(--muted)}
html[data-theme] .dropdown-menu .divider,html[data-theme] .dropdown-menu .nav-divider{height:1px;margin:6px 4px;background:var(--border);overflow:hidden}
html[data-theme] .dropdown-menu>li.nav-divider>a{display:none}
html[data-theme] .dropdown-header{color:var(--muted)}
html[data-theme] .popover{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);color:var(--text);font-family:var(--font)}
html[data-theme] .popover-title{background:var(--surface-2);border-bottom-color:var(--border);color:var(--heading);border-radius:14px 14px 0 0}
html[data-theme] .popover-content{color:var(--text)}
html[data-theme] .popover.bottom>.arrow{border-bottom-color:var(--border)}
html[data-theme] .popover.bottom>.arrow:after{border-bottom-color:var(--surface)}
html[data-theme] .popover.top>.arrow:after{border-top-color:var(--surface)}
html[data-theme] .popover.left>.arrow:after{border-left-color:var(--surface)}
html[data-theme] .popover.right>.arrow:after{border-right-color:var(--surface)}
html[data-theme] .popover .client-alerts,html[data-theme] .language-popover ul{list-style:none;margin:0;padding:0}
html[data-theme] .popover .client-alerts li a,html[data-theme] .language-popover ul li a{display:flex;gap:10px;padding:8px 10px;border-radius:8px;color:var(--text);text-decoration:none}
html[data-theme] .popover .client-alerts li a:hover,html[data-theme] .language-popover ul li a:hover{background:var(--surface-2);color:var(--primary)}
html[data-theme] .popover .client-alerts li .message{color:var(--text)}
html[data-theme] .popover .client-alerts li.none{color:var(--muted);padding:8px 10px}
html[data-theme] .popover .client-alerts .fa-exclamation-circle{color:var(--danger)}
html[data-theme] .popover .client-alerts .fa-exclamation-triangle{color:var(--warning)}
html[data-theme] .popover .client-alerts .fa-info-circle{color:var(--accent)}
html[data-theme] .popover .client-alerts .fa-check-circle{color:var(--success)}
html[data-theme] .popover-user-notifications{max-width:380px}
html[data-theme] .tooltip-inner{background:#15112e;color:#fff;border-radius:8px;font-family:var(--font);padding:6px 10px}
:root[data-theme="dark"] .tooltip-inner{background:#ece9ff;color:#15112e}
html[data-theme] .tooltip.top .tooltip-arrow{border-top-color:#15112e} html[data-theme] .tooltip.bottom .tooltip-arrow{border-bottom-color:#15112e}
html[data-theme] .tooltip.left .tooltip-arrow{border-left-color:#15112e} html[data-theme] .tooltip.right .tooltip-arrow{border-right-color:#15112e}
:root[data-theme="dark"] .tooltip.top .tooltip-arrow{border-top-color:#ece9ff} :root[data-theme="dark"] .tooltip.bottom .tooltip-arrow{border-bottom-color:#ece9ff}
:root[data-theme="dark"] .tooltip.left .tooltip-arrow{border-left-color:#ece9ff} :root[data-theme="dark"] .tooltip.right .tooltip-arrow{border-right-color:#ece9ff}

/* ---------- home banner + shortcuts (homepage.tpl) ---------- */
html[data-theme] .vs-home-banner{position:relative;overflow:hidden;padding:56px 0 64px;background:radial-gradient(70% 120% at 100% 0%,#c026d3 0%,transparent 55%),linear-gradient(135deg,#1e1065 0%,#4c1d95 55%,#6d28d9 100%);color:#efeaff}
html[data-theme] .vs-home-banner h2{color:#fff;font-weight:800;font-size:clamp(1.6rem,3vw,2.4rem);margin:6px 0 22px}
html[data-theme] .vs-home-banner .vs-kicker{color:#fff}
html[data-theme] .vs-home-banner .form-control{height:56px;border:0;border-radius:14px 0 0 14px;background:#fff;color:#15112e;font-size:1.05rem;padding:0 20px}
html[data-theme] .vs-home-banner .input-group-btn .btn{height:56px;border:0;font-weight:800;padding:0 22px;border-radius:0}
html[data-theme] .vs-home-banner .btn.search{background:#22d3ee;color:#0b1020}
html[data-theme] .vs-home-banner .btn.transfer{background:#15112e;color:#fff;border-radius:0 14px 14px 0}
html[data-theme] .home-shortcuts{background:var(--surface);border-bottom:1px solid var(--border);color:var(--text);padding:0;margin:0}
html[data-theme] .home-shortcuts ul{list-style:none;margin:0;padding:14px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
html[data-theme] .home-shortcuts li{float:none;width:auto;border:0;margin:0;padding:0}
html[data-theme] .home-shortcuts li a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--heading);font-weight:700;text-decoration:none}
html[data-theme] .home-shortcuts li a:hover{border-color:var(--primary);color:var(--primary)}
.home-shortcuts .vs-ico{width:22px;height:22px;color:var(--primary)}
html[data-theme] .home-shortcuts li a span{display:inline;position:static;color:inherit;font-size:.95rem;opacity:1;visibility:visible}
html[data-theme] section#home-banner h2{text-transform:none;letter-spacing:-.02em}

/* ---------- layout, page header, breadcrumb ---------- */
html[data-theme] section#main-body{background:transparent;padding:36px 0 72px;min-height:420px}
html[data-theme] div.header-lined{margin-bottom:22px}
html[data-theme] div.header-lined h1{font-size:clamp(1.6rem,2.6vw,2.15rem);font-weight:800;line-height:1.2;text-transform:none;color:var(--heading);border-bottom:0;padding:0;margin:0 0 6px}
html[data-theme] div.header-lined h1 small{display:inline;font-size:.6em;font-weight:600;color:var(--muted);white-space:normal}
html[data-theme] .breadcrumb,html[data-theme] div.header-lined .breadcrumb{background:none;padding:0;margin:4px 0 0;font-size:.86rem;border-radius:0}
html[data-theme] .breadcrumb>li,html[data-theme] div.header-lined .breadcrumb li{color:var(--muted);padding-left:0}
html[data-theme] .breadcrumb>li+li:before{content:"/";position:static;display:inline;color:var(--muted);opacity:.6;padding:0 6px;margin:0;background:none;width:auto;height:auto}
html[data-theme] div.header-lined .breadcrumb li:before{display:inline}
html[data-theme] div.header-lined .breadcrumb li:first-child:before{display:none}
html[data-theme] div.header-lined .breadcrumb li:not(:last-child):after{display:none}
html[data-theme] .breadcrumb>li>a,html[data-theme] div.header-lined .breadcrumb li a{color:var(--muted);font-weight:600;text-decoration:none}
html[data-theme] .breadcrumb>li>a:hover,html[data-theme] div.header-lined .breadcrumb li a:hover{color:var(--primary)}
html[data-theme] .breadcrumb>.active,html[data-theme] div.header-lined .breadcrumb>.active{color:var(--heading);font-weight:700}

/* ---------- panels, cards, list groups, sidebars ---------- */
html[data-theme] .panel,html[data-theme] .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);margin-bottom:20px}
html[data-theme] .panel>.panel-heading,html[data-theme] .panel.panel-default:not(.panel-sidebar) .panel-heading,html[data-theme] .card-header{background:var(--surface-2);color:var(--heading);border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;padding:14px 18px}
html[data-theme] .panel-title,html[data-theme] .panel-sidebar .panel-title{color:var(--heading);font-weight:800;font-size:.98rem;text-transform:none;letter-spacing:0;font-family:var(--font)}
html[data-theme] .panel-title>a{color:var(--heading)}
html[data-theme] .panel-body,html[data-theme] .card-body{color:var(--text)}
html[data-theme] .panel-footer,html[data-theme] .panel-sidebar>.panel-footer,html[data-theme] .card-footer{background:var(--surface-2);border-top:1px solid var(--border);color:var(--text);border-radius:0 0 var(--radius) var(--radius)}
html[data-theme] .panel-footer:empty{display:none}
html[data-theme] .panel-primary>.panel-heading{background:var(--grad);color:#fff;border-color:transparent}
html[data-theme] .panel-primary>.panel-heading .panel-title{color:#fff}
html[data-theme] .panel-info>.panel-heading{background:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}
html[data-theme] .panel-info>.panel-heading .panel-title{color:var(--info-text)}
html[data-theme] .panel-success>.panel-heading{background:var(--ok-bg);color:var(--ok-text)} html[data-theme] .panel-success>.panel-heading .panel-title{color:var(--ok-text)}
html[data-theme] .panel-warning>.panel-heading{background:var(--warn-bg);color:var(--warn-text)} html[data-theme] .panel-warning>.panel-heading .panel-title{color:var(--warn-text)}
html[data-theme] .panel-danger>.panel-heading{background:var(--err-bg);color:var(--err-text)} html[data-theme] .panel-danger>.panel-heading .panel-title{color:var(--err-text)}
html[data-theme] .panel[class*="panel-accent-"]{border-top-width:3px}
html[data-theme] .panel-sidebar{border-color:var(--border)}
html[data-theme] .panel-sidebar>.panel-heading{background:var(--surface-2)}
html[data-theme] .panel-sidebar .panel-minimise{color:var(--muted)}
html[data-theme] .panel-sidebar .panel-body{color:var(--text);line-height:1.6}
html[data-theme] .panel-sidebar>.panel-footer .btn,html[data-theme] .panel-sidebar>.panel-footer .btn-success{background:var(--grad);border:0;color:#fff;font-weight:700;font-size:.82rem;padding:8px;border-radius:10px}
html[data-theme] .panel-sidebar>.panel-footer .btn-default{background:var(--surface);color:var(--heading);border:1px solid var(--border-strong)}
html[data-theme] .panel-sidebar>.panel-footer .btn.btn-danger{background:var(--danger);color:#fff}
:root[data-theme="dark"] .panel-sidebar>.panel-footer .btn.btn-danger{background:#b91c1c}
html[data-theme] .panel-sidebar>.panel-footer .input-group input{background:var(--input-bg)}
html[data-theme] .list-group-item,html[data-theme] .panel-sidebar .list-group-item{background:var(--surface);border-color:var(--border);color:var(--text);font-weight:550}
html[data-theme] a.list-group-item,html[data-theme] button.list-group-item{color:var(--text)}
html[data-theme] a.list-group-item:hover,html[data-theme] a.list-group-item:focus{background:var(--surface-2);color:var(--primary)}
html[data-theme] .list-group-item.active,html[data-theme] .list-group-item.active:hover,html[data-theme] .list-group-item.active:focus,
html[data-theme] .panel-sidebar .list-group-item.active{background:var(--chip);border-color:var(--border);color:var(--chip-text);font-weight:700;box-shadow:inset 3px 0 0 var(--primary)}
html[data-theme] .list-group-item.active .badge{background:var(--primary);color:#fff}
html[data-theme] .list-group-item.disabled{background:var(--surface);color:var(--muted)}
html[data-theme] .list-group-item .title{color:var(--muted);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
html[data-theme] .list-group-item>i,html[data-theme] .panel-sidebar .list-group-item i{color:var(--muted)}
html[data-theme] .list-group-item .text-domain,html[data-theme] .list-group-item .text-last-updated{color:var(--accent)}
html[data-theme] .list-group-item small{color:var(--muted)}
html[data-theme] .panel>.list-group:last-child .list-group-item:last-child{border-radius:0 0 var(--radius) var(--radius)}
html[data-theme] .badge{background:var(--neutral-bg);color:var(--neutral-text);font-weight:700}
html[data-theme] .well{background:var(--surface-2);border-color:var(--border);color:var(--text);box-shadow:none}
html[data-theme] .jumbotron{background:var(--surface-2);color:var(--text)}
html[data-theme] .thumbnail{background:var(--surface);border-color:var(--border)}
html[data-theme] .close{color:var(--heading);text-shadow:none;opacity:.6}
html[data-theme] .close:hover{color:var(--heading);opacity:1}

/* client home */
html[data-theme] .tiles{margin:0 0 22px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}
html[data-theme] .tiles .tile,html[data-theme] .tiles .tile:hover{background:var(--surface);border-right:1px solid var(--border);border-bottom:0;padding:22px 24px}
html[data-theme] .tiles .tile:hover{background:var(--surface-2)}
html[data-theme] .tiles .tile:last-child{border-right:0}
html[data-theme] .tiles .tile .stat{color:var(--heading);font-weight:800}
html[data-theme] .tiles .tile .title{color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}
html[data-theme] .tiles .tile .icon{color:var(--primary);opacity:.35}
html[data-theme] .home-kb-search .form-control{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text);border-radius:14px;height:52px}
html[data-theme] .home-kb-search .form-control::placeholder{color:var(--placeholder)}
html[data-theme] .home-kb-search .form-control{padding-left:50px}
html[data-theme] .home-kb-search i{color:var(--muted)}
html[data-theme] .client-home-panels .panel>.panel-heading .btn{border:0;border-radius:999px;font-weight:800;font-size:.72rem;letter-spacing:.04em;padding:5px 12px}
html[data-theme] .client-home-panels .panel>.panel-heading .btn,html[data-theme] .client-home-panels .panel>.panel-heading .btn:hover{color:#fff}
html[data-theme] .bg-color-red{background-color:#be123c}
html[data-theme] .bg-color-blue{background-color:#0e7490}
html[data-theme] .bg-color-gold{background-color:#a16207}
html[data-theme] .bg-color-green,html[data-theme] .bg-color-emerald{background-color:#047857}
html[data-theme] .bg-color-asbestos{background-color:#4b5563}
html[data-theme] .client-home-panels .panel-heading .panel-title{line-height:1.5}
html[data-theme] .announcement-single{border-color:var(--border)}
html[data-theme] .announcement-single h3 .title{color:var(--heading)}

/* ---------- forms ---------- */
html[data-theme] label,html[data-theme] .control-label{color:var(--heading);font-weight:650}
html[data-theme] .form-control,html[data-theme] input.form-control,html[data-theme] select.form-control,html[data-theme] textarea.form-control,
html[data-theme] input[type="text"],html[data-theme] input[type="email"],html[data-theme] input[type="password"],html[data-theme] input[type="number"],
html[data-theme] input[type="tel"],html[data-theme] input[type="url"],html[data-theme] input[type="search"],html[data-theme] select,html[data-theme] textarea{
  background-color:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:10px;box-shadow:none;font-family:var(--font);font-size:.95rem}
html[data-theme] .form-control,html[data-theme] input.form-control,html[data-theme] select.form-control{height:42px;padding:8px 12px}
html[data-theme] textarea.form-control{height:auto;min-height:96px;padding:10px 12px}
html[data-theme] .input-lg,html[data-theme] .form-control.input-lg{height:50px;font-size:1.05rem}
html[data-theme] .input-sm,html[data-theme] .form-control.input-sm{height:34px;font-size:.86rem;padding:4px 10px}
html[data-theme] .form-control:focus,html[data-theme] input:focus,html[data-theme] select:focus,html[data-theme] textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 22%,transparent);background-color:var(--input-bg)}
html[data-theme] .form-control::placeholder,html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--placeholder);opacity:1}
html[data-theme] .form-control[disabled],html[data-theme] .form-control[readonly],html[data-theme] fieldset[disabled] .form-control{background:var(--surface-2);color:var(--muted);opacity:1;border-color:var(--border)}
:root[data-theme="dark"] select,:root[data-theme="dark"] select.form-control{color-scheme:dark}
html[data-theme] select option{background:var(--surface);color:var(--text)}
html[data-theme] input[type="file"].form-control{background:var(--input-bg);border:1px dashed var(--input-border);height:auto;padding:10px}
html[data-theme] .input-group-addon{background:var(--surface-2);border-color:var(--input-border);color:var(--muted)}
html[data-theme] .input-group .form-control:first-child,html[data-theme] .input-group-addon:first-child{border-radius:10px 0 0 10px}
html[data-theme] .input-group .form-control:last-child,html[data-theme] .input-group-addon:last-child,html[data-theme] .input-group-btn:last-child>.btn{border-radius:0 10px 10px 0}
html[data-theme] .input-group .form-control:not(:first-child):not(:last-child),html[data-theme] .input-group-btn:not(:first-child):not(:last-child)>.btn{border-radius:0}
html[data-theme] .input-group-btn:last-child>.btn:not(:last-child){border-radius:0}
html[data-theme] .input-group-btn>.btn{height:42px}
html[data-theme] .input-group-lg>.input-group-btn>.btn{height:50px}
html[data-theme] .help-block,html[data-theme] .field-help-text{color:var(--muted);font-size:.85rem}
html[data-theme] .has-error .form-control{border-color:var(--danger)} html[data-theme] .has-error .help-block,html[data-theme] .has-error .control-label{color:var(--danger)}
html[data-theme] .has-success .form-control{border-color:var(--success)} html[data-theme] .has-warning .form-control{border-color:var(--warning)}
html[data-theme] .checkbox label,html[data-theme] .radio label,html[data-theme] .checkbox-inline,html[data-theme] .radio-inline{color:var(--text);font-weight:500}
html[data-theme] input[type=checkbox],html[data-theme] input[type=radio]{accent-color:var(--primary)}
html[data-theme] legend{color:var(--heading);border-bottom-color:var(--border)}
html[data-theme] .form-control-static{color:var(--text)}
html[data-theme] .bootstrap-switch{border-color:var(--input-border)}
html[data-theme] .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,html[data-theme] .bootstrap-switch .bootstrap-switch-label{background:var(--surface-2);color:var(--text)}
html[data-theme] .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,html[data-theme] .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{background:var(--primary);color:#fff}
:root[data-theme="dark"] .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,:root[data-theme="dark"] .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{background:#6d28d9}
/* password strength / generate */
html[data-theme] .progress{background:var(--surface-3);border-radius:999px;box-shadow:none;height:10px}
html[data-theme] .progress-bar{background:var(--grad);color:#fff;box-shadow:none;font-size:10px;line-height:10px}
html[data-theme] .progress-bar-success{background:#047857} html[data-theme] .progress-bar-warning{background:#b45309} html[data-theme] .progress-bar-danger{background:#b91c1c} html[data-theme] .progress-bar-info{background:#0e7490}

/* ---------- buttons ---------- */
html[data-theme] .btn{text-transform:none;letter-spacing:0;font-family:var(--font);font-weight:700;border-radius:10px;padding:9px 16px;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;text-shadow:none;box-shadow:none}
html[data-theme] .btn-lg{padding:13px 22px;font-size:1rem;border-radius:12px}
html[data-theme] .btn-sm{padding:6px 12px;font-size:.84rem;border-radius:9px}
html[data-theme] .btn-xs{padding:3px 8px;font-size:.78rem;border-radius:7px}
html[data-theme] .btn-default{background:var(--surface);color:var(--heading);border:1px solid var(--border-strong)}
html[data-theme] .btn-default:hover,html[data-theme] .btn-default:focus,html[data-theme] .btn-default:active,html[data-theme] .btn-default.active,html[data-theme] .open>.dropdown-toggle.btn-default{background:var(--surface-2);color:var(--primary);border-color:var(--primary)}
html[data-theme] .btn-primary,html[data-theme] .btn-primary:focus,html[data-theme] .btn-success,html[data-theme] .btn-success:focus{background:var(--grad);border:0;color:#fff;box-shadow:0 8px 20px -10px rgba(162,28,175,.6)}
html[data-theme] .btn-primary:hover,html[data-theme] .btn-primary:active,html[data-theme] .btn-success:hover,html[data-theme] .btn-success:active{background:linear-gradient(120deg,#6d28d9 0%,#86198f 55%,#9d174d 100%);color:#fff}
html[data-theme] .btn-info{background:#0e7490;border-color:#0e7490;color:#fff} html[data-theme] .btn-info:hover{background:#155e75;color:#fff}
html[data-theme] .btn-warning{background:#b45309;border-color:#b45309;color:#fff} html[data-theme] .btn-warning:hover{background:#92400e;color:#fff}
html[data-theme] .btn-danger{background:#b91c1c;border-color:#b91c1c;color:#fff} html[data-theme] .btn-danger:hover{background:#991b1b;color:#fff}
html[data-theme] .btn-link{color:var(--link);font-weight:650;background:none;border-color:transparent}
html[data-theme] .btn-link:hover,html[data-theme] .btn-link:focus{color:var(--primary-2);text-decoration:none}
html[data-theme] .btn.disabled,html[data-theme] .btn[disabled]{opacity:.55}
html[data-theme] .btn-group>.btn:not(:first-child):not(:last-child){border-radius:0}
html[data-theme] .btn-group>.btn:first-child:not(:last-child){border-radius:10px 0 0 10px}
html[data-theme] .btn-group>.btn:last-child:not(:first-child){border-radius:0 10px 10px 0}
html[data-theme] .crumina-button{font-family:var(--font);font-weight:700;border-radius:10px;padding:9px 18px;text-transform:none;letter-spacing:0;border:0;color:#fff;background:var(--grad)}
html[data-theme] .crumina-button.button--red{background:#b91c1c}
html[data-theme] .crumina-button:hover{color:#fff;opacity:.92}

/* ---------- tabs / pills / pagination ---------- */
html[data-theme] .nav-tabs{border-bottom-color:var(--border)}
html[data-theme] .nav-tabs>li>a{color:var(--muted);font-weight:700;border-radius:10px 10px 0 0}
html[data-theme] .nav-tabs>li>a:hover{background:var(--surface-2);border-color:var(--border) var(--border) transparent;color:var(--heading)}
html[data-theme] .nav-tabs>li.active>a,html[data-theme] .nav-tabs>li.active>a:hover,html[data-theme] .nav-tabs>li.active>a:focus{background:var(--surface);color:var(--primary);border-color:var(--border) var(--border) transparent}
html[data-theme] .tab-content{color:var(--text)}
html[data-theme] .nav-pills>li>a{color:var(--text);border-radius:10px;font-weight:650}
html[data-theme] .nav-pills>li>a:hover{background:var(--surface-2);color:var(--primary)}
html[data-theme] .nav-pills>li.active>a,html[data-theme] .nav-pills>li.active>a:hover,html[data-theme] .nav-pills>li.active>a:focus{background:var(--grad);color:#fff}
html[data-theme] .nav>li>a:hover,html[data-theme] .nav>li>a:focus{background:var(--surface-2)}
html[data-theme] .pagination>li>a,html[data-theme] .pagination>li>span{background:var(--surface);border-color:var(--border);color:var(--text);font-weight:650}
html[data-theme] .pagination>li>a:hover,html[data-theme] .pagination>li>span:hover{background:var(--surface-2);color:var(--primary);border-color:var(--border)}
html[data-theme] .pagination>.active>a,html[data-theme] .pagination>.active>a:hover,html[data-theme] .pagination>.active>span{background:#6d28d9;border-color:#6d28d9;color:#fff}
html[data-theme] .pagination>.disabled>a,html[data-theme] .pagination>.disabled>a:hover,html[data-theme] .pagination>.disabled>span{background:var(--surface);color:var(--muted);border-color:var(--border)}
html[data-theme] .pagination>li:first-child>a,html[data-theme] .pagination>li:first-child>span{border-radius:10px 0 0 10px}
html[data-theme] .pagination>li:last-child>a,html[data-theme] .pagination>li:last-child>span{border-radius:0 10px 10px 0}
html[data-theme] .pager li>a{background:var(--surface);border-color:var(--border);color:var(--text)}

/* ---------- tables + DataTables ---------- */
html[data-theme] .table,html[data-theme] table{color:var(--text)}
html[data-theme] .table>thead>tr>th,html[data-theme] .table>tbody>tr>th,html[data-theme] .table>tfoot>tr>th,
html[data-theme] .table>thead>tr>td,html[data-theme] .table>tbody>tr>td,html[data-theme] .table>tfoot>tr>td{border-color:var(--border)}
html[data-theme] .table>thead>tr>th{background:var(--surface-2);color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border)}
html[data-theme] .table>tbody>tr>td{background:var(--surface)}
html[data-theme] .table-striped>tbody>tr:nth-of-type(odd)>td,html[data-theme] .table-striped>tbody>tr:nth-of-type(odd)>th{background:var(--row-stripe)}
html[data-theme] .table-hover>tbody>tr:hover>td,html[data-theme] .table-hover>tbody>tr:hover>th{background:var(--row-hover)}
html[data-theme] .table-bordered,html[data-theme] .table-bordered>tbody>tr>td,html[data-theme] .table-bordered>thead>tr>th{border-color:var(--border)}
html[data-theme] .table>tbody>tr.active>td,html[data-theme] .table>tbody>tr>td.active{background:var(--surface-2)}
html[data-theme] .table>tbody>tr.success>td{background:var(--ok-bg);color:var(--ok-text)} html[data-theme] .table>tbody>tr.danger>td{background:var(--err-bg);color:var(--err-text)}
html[data-theme] .table>tbody>tr.warning>td{background:var(--warn-bg);color:var(--warn-text)} html[data-theme] .table>tbody>tr.info>td{background:var(--info-bg);color:var(--info-text)}
html[data-theme] .table-container{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}
html[data-theme] table.table-list thead th,html[data-theme] .dataTables_wrapper table.table-list thead th,html[data-theme] .dataTables_wrapper table.table-list thead th:nth-child(even){background:var(--surface-2);color:var(--muted);border-bottom:2px solid var(--primary);font-weight:800}
html[data-theme] .dataTables_wrapper table.table-list thead th.sorting_asc,html[data-theme] .dataTables_wrapper table.table-list thead th.sorting_desc{background:var(--chip);color:var(--chip-text)}
html[data-theme] .table-list>tbody>tr>td,html[data-theme] table.table-list tbody td{background:var(--surface);color:var(--text);border-top:1px solid var(--border)}
html[data-theme] .table-list>tbody>tr:nth-child(even)>td{background:var(--row-stripe)}
html[data-theme] .table-list>tbody>tr:hover>td{background:var(--row-hover)}
html[data-theme] .table-list strong{color:var(--heading)}
html[data-theme] .dataTables_wrapper .dataTables_info{color:var(--muted)}
html[data-theme] .dataTables_wrapper .dataTables_filter input,html[data-theme] .dataTables_wrapper .dataTables_length select{background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:10px;height:36px}
html[data-theme] .dataTables_wrapper .dataTables_length label,html[data-theme] .dataTables_wrapper .dataTables_filter label{color:var(--muted);font-weight:600}
html[data-theme] .dataTables_wrapper .listtable{background:transparent;border:0}
html[data-theme] .dataTables_wrapper .dataTables_filter{float:right}
html[data-theme] table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before{background:#6d28d9;box-shadow:none;border-color:var(--surface)}
html[data-theme] table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom-color:var(--border)}
html[data-theme] table.dataTable>tbody>tr.child span.dtr-title{color:var(--heading)}

/* ---------- labels, badges and WHMCS status colours ---------- */
html[data-theme] .label{border-radius:999px;font-weight:800;font-size:.72rem;letter-spacing:.02em;padding:.32em .75em;color:#fff}
html[data-theme] .label-default{background:#4b5563} html[data-theme] .label-primary{background:#6d28d9}
html[data-theme] .label-success{background:#047857} html[data-theme] .label-info{background:#0e7490}
html[data-theme] .label-warning{background:#b45309} html[data-theme] .label-danger{background:#b91c1c}
html[data-theme] .label.status{background:var(--neutral-bg);color:var(--neutral-text)}
html[data-theme] .label.status-active,html[data-theme] .label.status-paid,html[data-theme] .label.status-completed,html[data-theme] .label.status-accepted,html[data-theme] .label.status-open,html[data-theme] .label.status-delivered{background:var(--ok-bg);color:var(--ok-text);box-shadow:inset 0 0 0 1px var(--ok-border)}
html[data-theme] .label.status-pending,html[data-theme] .label.status-pending-transfer,html[data-theme] .label.status-pending-registration,html[data-theme] .label.status-unpaid,html[data-theme] .label.status-draft,html[data-theme] .label.status-customer-reply,html[data-theme] .label.status-in-progress,html[data-theme] .label.status-on-hold{background:var(--warn-bg);color:var(--warn-text);box-shadow:inset 0 0 0 1px var(--warn-border)}
html[data-theme] .label.status-suspended,html[data-theme] .label.status-overdue,html[data-theme] .label.status-fraud,html[data-theme] .label.status-expired,html[data-theme] .label.status-dead,html[data-theme] .label.status-collections,html[data-theme] .label.status-redemption,html[data-theme] .label.status-grace{background:var(--err-bg);color:var(--err-text);box-shadow:inset 0 0 0 1px var(--err-border)}
html[data-theme] .label.status-terminated,html[data-theme] .label.status-cancelled,html[data-theme] .label.status-closed,html[data-theme] .label.status-refunded,html[data-theme] .label.status-transferred-away,html[data-theme] .label.status-lost{background:var(--neutral-bg);color:var(--neutral-text);box-shadow:inset 0 0 0 1px var(--border-strong)}
html[data-theme] .label.status-answered{background:var(--info-bg);color:var(--info-text);box-shadow:inset 0 0 0 1px var(--info-border)}
/* ticket status labels coloured inline by WHMCS: keep their colour but guarantee readable text */
html[data-theme] .label[style*="background-color"]{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35)}
html[data-theme] .label.requestor-type-operator{background:#6d28d9;color:#fff}
html[data-theme] .label.requestor-type-owner{background:#0e7490;color:#fff}
html[data-theme] .label[class*="requestor-type-"]:not(.requestor-type-operator):not(.requestor-type-owner){background:#4b5563;color:#fff}

/* ---------- alerts ---------- */
html[data-theme] .alert{border-radius:14px;border:1px solid;font-weight:500}
html[data-theme] .alert-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}
html[data-theme] .alert-success{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok-text)}
html[data-theme] .alert-warning{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-text)}
html[data-theme] .alert-danger{background:var(--err-bg);border-color:var(--err-border);color:var(--err-text)}
html[data-theme] .alert h2,html[data-theme] .alert strong,html[data-theme] .alert .alert-link,html[data-theme] .alert a:not(.btn){color:inherit}
html[data-theme] .alert .alert-link,html[data-theme] .alert a:not(.btn){text-decoration:underline;font-weight:700}
html[data-theme] .email-verification{background:var(--warn-bg);color:var(--warn-text);border-bottom:1px solid var(--warn-border);padding:10px 0}
html[data-theme] .email-verification .btn.close{color:var(--warn-text);opacity:.8}

/* ---------- modals ---------- */
html[data-theme] .modal-content{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-lg);color:var(--text)}
html[data-theme] .modal-header,html[data-theme] .modal-content.panel-primary>.modal-header{background:var(--surface-2);border-bottom:1px solid var(--border);border-radius:18px 18px 0 0;color:var(--heading)}
html[data-theme] .modal-header .modal-title,html[data-theme] .modal-title{color:var(--heading);font-weight:800}
html[data-theme] .modal-body{color:var(--text);background:var(--surface)}
html[data-theme] .modal-footer{background:var(--surface-2);border-top:1px solid var(--border);border-radius:0 0 18px 18px}
html[data-theme] .modal-backdrop.in{opacity:.6}
html[data-theme] .modal-header .close{color:var(--heading);opacity:.7}
html[data-theme] .modal .loader,html[data-theme] .modal-footer .loader{color:var(--muted)}
html[data-theme] #fullpage-overlay{background:rgba(10,8,25,.75)}
html[data-theme] #fullpage-overlay .msg{color:#fff}

/* ---------- support tickets + markdown editor ---------- */
html[data-theme] .ticket-reply{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin:0 0 18px}
html[data-theme] .ticket-reply .user{background:var(--surface-2);color:var(--text);border-bottom:1px solid var(--border);padding:16px 22px}
html[data-theme] .ticket-reply .user .name{color:var(--heading);font-weight:800}
html[data-theme] .ticket-reply .user .type{color:var(--muted)}
html[data-theme] .ticket-reply .user i{color:var(--muted)}
html[data-theme] .ticket-reply .date{color:var(--muted);padding:16px 22px;font-size:.85rem}
html[data-theme] .ticket-reply .message{color:var(--text);padding:18px 22px;background:var(--surface)}
html[data-theme] .ticket-reply .message p{color:var(--text)}
html[data-theme] .ticket-reply.staff{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}
html[data-theme] .ticket-reply.staff .user{background:var(--chip);color:var(--chip-text)}
html[data-theme] .ticket-reply.staff .user .name,html[data-theme] .ticket-reply.staff .user .type,html[data-theme] .ticket-reply.staff .user i{color:var(--chip-text)}
html[data-theme] .ticket-reply .attachments{border-top:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:14px 22px}
html[data-theme] .ticket-reply .attachments ul{padding-left:0;list-style:none;margin:6px 0 0}
html[data-theme] .ticket-reply .rating .star,html[data-theme] .ticket-reply .rating-done .star{color:var(--muted)}
html[data-theme] .ticket-reply .rating-done .star.active,html[data-theme] .ticket-reply .rating .star:hover,html[data-theme] .ticket-reply .rating .star:hover~.star{color:#f59e0b}
html[data-theme] .ticket-reply .rating-done .rated{color:var(--muted)}
html[data-theme] .panel-collapsable .panel-heading{cursor:pointer}
html[data-theme] .panel-collapsable .collapse-icon{color:var(--info-text)}
html[data-theme] .ticket-attachments-message{color:var(--muted)}
html[data-theme] .markdown-content{color:var(--text)}
html[data-theme] .md-editor{border-color:var(--input-border);border-radius:12px;overflow:hidden;background:var(--input-bg)}
html[data-theme] .md-editor>.md-header{background:var(--surface-2);border-bottom:1px solid var(--border)}
html[data-theme] .md-editor>textarea,html[data-theme] .md-editor>.md-preview{background:var(--input-bg);color:var(--text);border-color:var(--border)}
html[data-theme] .md-editor.active{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 22%,transparent)}
html[data-theme] .md-editor .btn-default,html[data-theme] .md-editor .btn{background:var(--surface);color:var(--heading);border-color:var(--border)}
html[data-theme] .md-editor .md-footer,html[data-theme] .md-editor .markdown-editor-status{background:var(--surface-2);color:var(--muted);border-top:1px solid var(--border)}
html[data-theme] .md-editor .btn-group .btn{border-radius:8px}
/* knowledgebase / announcements / downloads */
html[data-theme] .kbarticles a,html[data-theme] .kbcategories a{color:var(--link)}
html[data-theme] .kbarticles p,html[data-theme] .kbcategories p{color:var(--muted)}
html[data-theme] .kb-search .form-control{background:var(--input-bg)}

/* ---------- domain checker ---------- */
html[data-theme] .domain-checker-container{background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--border)}
html[data-theme] .domain-checker-bg{background:none}
html[data-theme] .domain-checker-container .input-group-box{background:var(--surface);border:1px solid var(--border);border-radius:14px}
html[data-theme] .domain-checker-result-headline,html[data-theme] .domain-checker-available{color:var(--success)}
html[data-theme] .domain-checker-unavailable,html[data-theme] .domain-checker-invalid{color:var(--danger)}
html[data-theme] .domain-pricing .tld-pricing-header div,html[data-theme] .domain-pricing .tld-row{background:var(--surface);color:var(--text);border-color:var(--border)}
html[data-theme] .domain-pricing .tld-pricing-header div{background:var(--surface-2);color:var(--heading)}
html[data-theme] .domain-pricing .tld-row.highlighted{background:var(--row-stripe)}
html[data-theme] .domain-suggestions .list-group-item,html[data-theme] .spotlight-tlds .spotlight-tld{background:var(--surface);color:var(--text);border-color:var(--border)}
html[data-theme] .spotlight-tlds .spotlight-tld .domain-lookup-result{color:var(--text)}

/* ---------- select2 / intl-tel-input (when present) ---------- */
html[data-theme] .select2-container--default .select2-selection--single,html[data-theme] .select2-container--default .select2-selection--multiple{background:var(--input-bg);border-color:var(--input-border);border-radius:10px;min-height:42px}
html[data-theme] .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text);line-height:40px}
html[data-theme] .select2-dropdown{background:var(--surface);border-color:var(--border);color:var(--text)}
html[data-theme] .select2-container--default .select2-results__option[aria-selected=true]{background:var(--surface-2)}
html[data-theme] .select2-container--default .select2-results__option--highlighted[aria-selected]{background:#6d28d9;color:#fff}
html[data-theme] .select2-search--dropdown .select2-search__field{background:var(--input-bg);color:var(--text);border-color:var(--input-border)}
html[data-theme] .intl-tel-input .country-list{background:var(--surface);border-color:var(--border);color:var(--text)}
html[data-theme] .intl-tel-input .country-list .country.highlight{background:var(--surface-2)}
html[data-theme] .intl-tel-input .country-list .dial-code{color:var(--muted)}
html[data-theme] .intl-tel-input .country-list .divider{border-bottom-color:var(--border)}

/* ---------- invoices list / quotes / misc client pages ---------- */
html[data-theme] .invoice-container{background:var(--surface);color:var(--text)}
html[data-theme] .text-domain{color:var(--accent)}
html[data-theme] .logincontainer,html[data-theme] .login-form{color:var(--text)}
html[data-theme] .logincontainer{max-width:560px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px 32px}
html[data-theme] .logincontainer.with-social{max-width:900px}
html[data-theme] .providerLinkingFeedback:empty{display:none}
html[data-theme] .usage-graph,html[data-theme] .product-details .product-icon{background:var(--surface-2);color:var(--text);border-color:var(--border)}
html[data-theme] .product-details .product-status-text{color:#fff}
html[data-theme] .product-details-tab-container{background:var(--surface);border-color:var(--border)}
html[data-theme] .affiliate-stat{background:var(--surface-2);color:var(--heading)}
html[data-theme] .twofa-config-link,html[data-theme] .twofa-setup{color:var(--text)}

/* ---------- order forms (all standard_cart pages, inc. ones vps_modern does not override) ---------- */
html[data-theme] #order-standard_cart{color:var(--text);font-size:15px}
html[data-theme] #order-standard_cart .header-lined h1{color:var(--heading)}
html[data-theme] #order-standard_cart .sub-heading{border-top-color:var(--border)}
html[data-theme] #order-standard_cart .sub-heading span,html[data-theme] #order-standard_cart .primary-bg-color{background:var(--bg);color:var(--heading)}
html[data-theme] #order-standard_cart .products .product{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
html[data-theme] #order-standard_cart .products .product header{background:var(--surface-2);color:var(--heading);border-bottom:1px solid var(--border)}
html[data-theme] #order-standard_cart .products .product header span{color:var(--heading)}
html[data-theme] #order-standard_cart .products .product .qty{color:var(--muted)}
html[data-theme] #order-standard_cart .products .product div.product-desc{color:var(--text)}
html[data-theme] #order-standard_cart .products .product div.product-desc p{color:var(--text)}
html[data-theme] #order-standard_cart .products .product footer{background:var(--surface)}
html[data-theme] #order-standard_cart .products .product .product-pricing{color:var(--text)}
html[data-theme] #order-standard_cart .products .product .product-pricing .price{color:var(--heading)}
html[data-theme] #order-standard_cart .products .product .btn-order-now{background:var(--grad);border:0;color:#fff}
html[data-theme] #order-standard_cart .cart-sidebar .panel .list-group-item{background:var(--surface)}
html[data-theme] #order-standard_cart .order-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);border-bottom-width:1px;box-shadow:var(--shadow);color:var(--text)}
html[data-theme] #order-standard_cart .order-summary h2{background:none;color:var(--heading);font-size:1.15rem;font-weight:800;text-align:left;padding:18px 20px 0;margin:0}
html[data-theme] #order-standard_cart .summary-container{background:none;color:var(--text)}
html[data-theme] #order-standard_cart .order-summary .loader{color:var(--primary)}
html[data-theme] #order-standard_cart .order-summary .product-name{color:var(--heading);font-weight:800}
html[data-theme] #order-standard_cart .order-summary .product-group{color:var(--muted)}
html[data-theme] #order-standard_cart .order-summary .summary-totals,html[data-theme] #order-standard_cart .order-summary .bordered-totals{border-color:var(--border)}
html[data-theme] #order-standard_cart .order-summary .total-due-today .amt{color:var(--heading);font-weight:800}
html[data-theme] #order-standard_cart .order-summary .total-due-today span:not(.amt){color:var(--muted)}
html[data-theme] #order-standard_cart .view-cart-items-header{background:var(--surface-2);color:var(--muted);border-radius:12px 12px 0 0}
html[data-theme] #order-standard_cart .view-cart-items{border-color:var(--border)}
html[data-theme] #order-standard_cart .view-cart-items .item{background:var(--surface);border-color:var(--border);color:var(--text)}
html[data-theme] #order-standard_cart .view-cart-items .item-title{color:var(--heading)}
html[data-theme] #order-standard_cart .view-cart-items .item-group,html[data-theme] #order-standard_cart .view-cart-items .item-domain,html[data-theme] #order-standard_cart .view-cart-items .cycle{color:var(--muted)}
html[data-theme] #order-standard_cart .view-cart-items .item-price span{color:var(--heading)}
html[data-theme] #order-standard_cart .view-cart-empty{color:var(--muted)}
html[data-theme] #order-standard_cart .empty-cart .btn{background:none;color:var(--danger)}
html[data-theme] #order-standard_cart .view-cart-tabs .tab-content{background:var(--surface);border-color:var(--border)}
html[data-theme] #order-standard_cart .prepend-icon .field-icon{color:var(--muted)}
html[data-theme] #order-standard_cart .field,html[data-theme] #order-standard_cart .prepend-icon .field{background:var(--input-bg);color:var(--text);border-color:var(--input-border)}
html[data-theme] #order-standard_cart .already-registered,html[data-theme] #order-standard_cart .account-select-container .account,html[data-theme] #order-standard_cart .cc-input-container,
html[data-theme] #order-standard_cart .domain-selection-options .option,html[data-theme] #order-standard_cart .domain-promo-box,html[data-theme] #order-standard_cart .domain-pricing .tld-pricing-header div,
html[data-theme] #order-standard_cart .domain-checker-container,html[data-theme] #order-standard_cart .suggested-domains,html[data-theme] #order-standard_cart .addon-promo-container,
html[data-theme] #order-standard_cart .product-info,html[data-theme] #order-standard_cart .panel-addon{background:var(--surface);border-color:var(--border);color:var(--text)}
html[data-theme] #order-standard_cart .domain-selection-options .option-selected{background:var(--chip);border-color:var(--primary)}
html[data-theme] #order-standard_cart .panel-addon-selected{border-color:var(--primary)}
html[data-theme] #order-standard_cart .panel-addon .panel-price{background:var(--surface-2);color:var(--heading)}
html[data-theme] #order-standard_cart .panel-addon .panel-add{background:#6d28d9;color:#fff}
html[data-theme] #order-standard_cart .account-select-container .account.active{border-color:var(--primary);background:var(--chip)}
html[data-theme] #order-standard_cart .suggested-domains .list-group-item{background:var(--surface);color:var(--text)}
html[data-theme] #order-standard_cart .domain-lookup-result .domain-available,html[data-theme] #order-standard_cart .domain-checker-available{color:var(--success)}
html[data-theme] #order-standard_cart .domain-lookup-result .domain-unavailable,html[data-theme] #order-standard_cart .domain-checker-unavailable{color:var(--danger)}
html[data-theme] #order-standard_cart .checkout-security-msg{background:var(--ok-bg);color:var(--ok-text);border-color:var(--ok-border)}
html[data-theme] #order-standard_cart .mc-promo,html[data-theme] .mc-promo{background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--text)}
html[data-theme] .mc-promo .header{background:var(--surface-2);color:var(--heading)}
html[data-theme] .mc-promo .header .headline{color:var(--heading)} html[data-theme] .mc-promo .header .tagline{color:var(--muted)}
html[data-theme] .mc-promo .body{background:var(--surface);color:var(--text)}
html[data-theme] .product-recommendations .product-recommendation,html[data-theme] .product-recommendation{background:var(--surface);border-color:var(--border);color:var(--text)}
html[data-theme] .product-recommendation .headline{color:var(--heading)} html[data-theme] .product-recommendation .tagline{color:var(--muted)}
html[data-theme] .product-recommendation .btn-add{background:#6d28d9;color:#fff}
html[data-theme] .iradio_square-blue,html[data-theme] .icheckbox_square-blue{filter:hue-rotate(40deg) saturate(1.2)}
:root[data-theme="dark"] .iradio_square-blue,:root[data-theme="dark"] .icheckbox_square-blue{filter:hue-rotate(40deg) saturate(1.2) brightness(1.1)}

/* ---------- counters for hostsight !important / high-specificity colours ---------- */
html[data-theme] .client-home-panels .panel>.list-group>a,html[data-theme] .client-home-panels .panel>.list-group>a strong{color:var(--text)}
html[data-theme] .client-home-panels .panel>.list-group>a:hover{color:var(--primary);background:var(--surface-2)}
html[data-theme] .client-home-panels .panel>.list-group>a small{color:var(--muted)}
html[data-theme] .main-content .alert.alert-success a.alert-link{color:inherit!important}
html[data-theme] .bg-color-blue{background-color:#0e7490!important} html[data-theme] .bg-color-green,html[data-theme] .bg-color-teal,html[data-theme] a.btn.btn-default.bg-color-teal.btn-xs{background-color:#047857!important}
html[data-theme] .bg-color-red{background-color:#be123c!important} html[data-theme] .bg-color-gold{background-color:#a16207!important} html[data-theme] .bg-color-asbestos{background-color:#4b5563!important}
html[data-theme] .progress-bar-success{background-color:#047857!important} html[data-theme] .progress-bar-warning{background-color:#b45309!important} html[data-theme] .progress-bar-danger{background-color:#b91c1c!important}
html[data-theme] .spotlight-tlds{background-color:var(--surface-2)!important}
html[data-theme] .dataTables_wrapper .dataTables_paginate .pagination>li>a{color:var(--text)!important}
html[data-theme] .dataTables_wrapper .dataTables_paginate .pagination>li.active>a{color:#fff!important}
html[data-theme] .md-editor>.md-preview,html[data-theme] .md-editor>textarea.markdown-editor,html[data-theme] .md-editor>textarea.markdown-editor:focus{background-color:var(--input-bg)!important;border-color:var(--border)!important;color:var(--text)}
html[data-theme] .md-editor>.md-header{background-color:var(--surface-2)!important}
html[data-theme] div.announcement-single h3 .label{background-color:#4b5563!important;color:#fff}
html[data-theme] .kbcategories a,html[data-theme] .kbarticles a{color:var(--link)!important}
html[data-theme] #order-standard_cart .products .product header{background-color:var(--surface-2)!important}
html[data-theme] #order-standard_cart .products .product header span{color:var(--heading)!important}
html[data-theme] #order-standard_cart .cc-input-container,html[data-theme] #order-standard_cart .product-info{background-color:var(--surface)!important}
html[data-theme] #order-standard_cart .domain-selection-options .option{background-color:var(--surface)!important}
html[data-theme] #order-standard_cart .domain-selection-options .option-selected{background-color:var(--chip)!important}
html[data-theme] #order-standard_cart .field,html[data-theme] #order-standard_cart .form-control{background-color:var(--input-bg)!important;color:var(--text)}
html[data-theme] #order-standard_cart .form-control[disabled],html[data-theme] #order-standard_cart .form-control[readonly]{background-color:var(--surface-2)!important}
html[data-theme] #order-standard_cart .transfer-eligible{background-color:var(--ok-bg)!important;color:var(--ok-text)}
html[data-theme] #order-standard_cart .view-cart-items-header,html[data-theme] #order-standard_cart .order-summary h2{background-color:transparent!important;color:var(--heading)}
html[data-theme] #order-standard_cart .view-cart-items-header{background-color:var(--surface-2)!important;color:var(--muted)}
html[data-theme] #order-standard_cart .summary-container{background-color:transparent!important}
html[data-theme] #order-standard_cart .view-cart-items{border-bottom:1px solid var(--border)!important}
html[data-theme] #order-standard_cart .view-cart-tabs .tab-content,html[data-theme] #order-standard_cart .view-cart-tabs .nav-tabs>li.active>a{background-color:var(--surface)!important}
html[data-theme] #order-standard_cart .view-cart-items .item:nth-child(even){background-color:var(--row-stripe)!important}
html[data-theme] #order-standard_cart .empty-cart .btn{background-color:transparent!important}
html[data-theme] #order-standard_cart .form-control,html[data-theme] #order-standard_cart .field{border:1px solid var(--input-border)!important;border-radius:10px!important}
html[data-theme] #order-standard_cart .input-group .form-control:first-child{border-radius:10px 0 0 10px!important}
html[data-theme] #order-standard_cart .input-group .form-control:last-child{border-radius:0 10px 10px 0!important}
html[data-theme] #order-standard_cart .input-group .form-control:not(:first-child):not(:last-child){border-radius:0!important}
html[data-theme] #order-standard_cart .input-group.input-group-lg>.form-control{border:1px solid var(--input-border)!important;border-radius:14px 0 0 14px!important}
html[data-theme] .kb-search>.form-control{border:1px solid var(--input-border)!important;background:var(--input-bg)}
html[data-theme] #order-standard_cart .input-group-addon{background:var(--surface-2);color:var(--muted);border-color:var(--input-border)}
html[data-theme] #order-standard_cart .order-summary h2{font-size:1.1rem!important;padding:18px 20px 0!important;text-transform:none;border-radius:0}
html[data-theme] #order-standard_cart .order-summary{border-bottom:1px solid var(--border)}
html[data-theme] #order-standard_cart .order-summary .recurring-totals,html[data-theme] #order-standard_cart .order-summary .total-due-today span{color:var(--muted)}
html[data-theme] #order-standard_cart .order-summary .total-due-today .amt{color:var(--heading)}
html[data-theme] #order-standard_cart .domain-checker-available{color:var(--success)!important}
html[data-theme] #order-standard_cart .domain-checker-unavailable strong,html[data-theme] #order-standard_cart .domain-checker-available strong{color:inherit}
html[data-theme] #order-standard_cart .domain-price .btn.btn-primary{background:#047857;border-color:#047857;color:#fff}
html[data-theme] .main-content .alert-info:not(.affiliate-stat){background:var(--info-bg);color:var(--info-text);padding:15px}
html[data-theme] .main-content .alert-success:not(.affiliate-stat){background:var(--ok-bg);color:var(--ok-text)}
html[data-theme] .alert.alert-info .btn.btn-default{background:var(--surface);color:var(--heading);border-color:var(--border-strong)}
/* DataTables (hostsight paints the info bar dark and the length bar near-white) */
html[data-theme] div.dataTables_wrapper div.dataTables_info{background:var(--surface-2);color:var(--muted);padding:14px 18px!important;font-size:.9rem;border-radius:12px 12px 0 0}
html[data-theme] .dataTables_wrapper .dataTables_filter label{padding:10px 14px}
html[data-theme] .dataTables_wrapper .dataTables_filter label .form-control{width:280px;max-width:100%;border-radius:10px;height:38px}
html[data-theme] .dataTables_wrapper table.dataTable thead th,html[data-theme] .table.table-striped th{color:var(--muted);font-size:.76rem;text-transform:uppercase;padding:12px 10px;border:1px solid var(--border);border-bottom:2px solid var(--primary)}
html[data-theme] .dataTables_wrapper table.dataTable thead th:nth-child(even){border-bottom:2px solid var(--primary)}
html[data-theme] .dataTables_wrapper table.dataTable thead th:first-child,html[data-theme] .dataTables_wrapper table.dataTable thead th.sorting_asc,html[data-theme] .dataTables_wrapper table.dataTable thead th.sorting_desc{background:var(--surface-2)}
html[data-theme] .dataTables_wrapper table.dataTable tbody td{border:1px solid var(--border);font-size:.95rem;padding:10px 14px}
html[data-theme] .dataTables_wrapper table.dataTable tbody td.dataTables_empty{color:var(--muted)}
html[data-theme] .dataTables_wrapper .dataTables_length{background:var(--surface);color:var(--muted);border-radius:0 0 12px 12px}
html[data-theme] div.dataTables_wrapper div.dataTables_length label{color:var(--muted)}
html[data-theme] .dataTables_wrapper .dataTables_length label .form-control{width:64px;background:var(--input-bg);color:var(--text)}
html[data-theme] .dataTables_wrapper .dataTables_paginate .pagination>li>a,html[data-theme] .dataTables_wrapper .dataTables_paginate .pagination>li>span{border:1px solid var(--border);background:var(--surface);color:var(--text)!important}
html[data-theme] .dataTables_wrapper .dataTables_paginate .pagination>li.active>a,html[data-theme] .dataTables_wrapper .dataTables_paginate .pagination>li.active>span{background:#6d28d9;border-color:#6d28d9;color:#fff!important}
html[data-theme] .dataTables_wrapper .dataTables_paginate .pagination>li.disabled>a,html[data-theme] .dataTables_wrapper .dataTables_paginate .pagination>li.disabled>span{opacity:1;color:var(--muted)!important;background:var(--surface)}
html[data-theme] .dataTables_wrapper .btn.btn-info.btn-sm{background:#0e7490;color:#fff}
html[data-theme] .dataTables_wrapper table.dataTable .status{border:0}
html[data-theme] .client-home-panels .panel>.list-group>a>.text-last-updated{color:var(--muted)}
html[data-theme] .input-group-btn>.btn-default,html[data-theme] .input-group-btn>input.btn-default{background:var(--surface);color:var(--heading);border:1px solid var(--input-border)}
html[data-theme] .input-group-btn>.btn-success,html[data-theme] .input-group-btn>input.btn-success{background:var(--grad);color:#fff;border:0}
html[data-theme] #order-standard_cart .field-help-text{color:var(--muted)}
html[data-theme] #order-standard_cart .order-summary .btn-continue-shopping{color:var(--link)}
html[data-theme] .label[style*="background-color"]{background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3))}
html[data-theme] .client-home-panels .panel>.panel-body input.btn:not(.btn-success){background:var(--surface);color:var(--heading);border:1px solid var(--input-border)}
html[data-theme] .modal-footer .btn.btn-default,html[data-theme] .main-content .btn.btn-check-all{background:var(--surface);color:var(--heading);border:1px solid var(--border-strong)}
html[data-theme] section#home-banner .btn.search{background:#22d3ee;color:#0b1020}
html[data-theme] section#home-banner .btn.transfer{background:#15112e;color:#fff}
html[data-theme] .vs-subnav .container::before,html[data-theme] .vs-subnav .container::after,html[data-theme] .vs-subnav .navbar-collapse::before,html[data-theme] .vs-subnav .navbar-collapse::after{display:none}

/* ---------- responsive ---------- */
@media (min-width:768px){
  .vs-subnav .container{display:flex;align-items:stretch}
  .vs-subnav .navbar-collapse{flex:1;display:flex!important;justify-content:space-between;padding:0}
  .vs-subnav .navbar-nav{margin:0}
  .vs-subnav .navbar-nav>li>a{padding:17px 12px}
  .vs-subnav .navbar-right{margin-right:0}
}
@media (max-width:1199px) and (min-width:768px){
  html[data-theme] .vs-subnav .navbar-nav>li>a{padding:17px 9px;font-size:.88rem}
}
@media (max-width:767px){
  html[data-theme] .vs-subnav{min-height:0}
  .vs-subnav .navbar-header{margin:0}
  .vs-subnav-toggle{display:flex;align-items:center;gap:10px;width:100%;float:none;margin:0;padding:12px 0;border:0;background:none;font:700 .95rem var(--font);color:var(--heading)}
  html[data-theme] .vs-subnav .navbar-toggle{border:0;background:none}
  html[data-theme] .vs-subnav .navbar-toggle:hover,html[data-theme] .vs-subnav .navbar-toggle:focus{background:none}
  .vs-subnav-toggle .vs-chev{margin-left:auto;transition:transform .2s}
  .vs-subnav-toggle[aria-expanded="true"] .vs-chev{transform:rotate(180deg)}
  .vs-subnav-toggle .vs-ico{width:18px;height:18px;color:var(--primary)}
  html[data-theme] .vs-subnav .navbar-collapse{margin:0 -15px;padding:0 15px 10px;border-top:1px solid var(--border)}
  html[data-theme] .vs-subnav .navbar-nav{margin:6px -15px 0}
  html[data-theme] .vs-subnav .navbar-nav>li>a{padding:11px 15px;box-shadow:none}
  html[data-theme] .vs-subnav .navbar-nav .open .dropdown-menu{background:var(--surface-2);border:0;box-shadow:none;margin:0 10px 6px;border-radius:10px}
  html[data-theme] .vs-subnav .navbar-nav .open .dropdown-menu>li>a{color:var(--text);padding:9px 16px}
  .vs-hdr-register{display:none}
  .vs-account-label{display:none}
  .vs-account-btn{padding:0 8px;width:auto}
  .vs-account-btn .caret{display:none}
  .vs-hdr{gap:8px}
  .vs-hdr-actions{gap:6px}
  .vs-hdr-actions .vs-icon-btn{width:38px;height:38px}
  .vs-brand svg,.vs-brand svg.vs-lg5{height:36px}
  html[data-theme] section#main-body{padding:22px 0 56px}
  html[data-theme] .tiles .tile{border-bottom:1px solid var(--border)}
  html[data-theme] .tiles .tile:nth-child(even){border-right:0}
  html[data-theme] .home-shortcuts ul{grid-template-columns:1fr 1fr}
  html[data-theme] .table-container{padding:8px}
  html[data-theme] .dataTables_wrapper .dataTables_filter{float:none;text-align:left}
  html[data-theme] .logincontainer{padding:20px}
}
@media (max-width:640px){
  html[data-theme] .vs-hdr-actions .vs-hdr-login{display:inline-flex}
}
@media (max-width:420px){
  .vs-hdr-actions{gap:4px}
  html[data-theme] .vs-hdr-actions .vs-icon-btn,html[data-theme] .vs-account-btn{width:34px;height:34px;padding:0;border-radius:10px}
  .vs-icon-btn .vs-ico{width:18px;height:18px}
  .vs-avatar{width:24px;height:24px}
  .vs-hdr-actions .vs-hdr-login span{display:none}
  .vs-hdr-actions .vs-hdr-login{padding:0 10px;height:38px}
  .vs-brand svg,.vs-brand svg.vs-lg5{height:32px}
}
@media print{.vs-subnav,.vs-site-header,.vs-site-footer,.vs-fab{display:none!important}}