/* ==========================================================================
   WinsHosting 2026 design layer for the WHMCS "hostsight" (Six-based) theme
   --------------------------------------------------------------------------
   Loaded from includes/head.tpl AFTER Six 8.1.3's all.min.css and
   custom.css, so it wins over them. Tokens are identical to
   www.winshosting.com/assets/css/site.css. Dark mode follows
   prefers-color-scheme unless the visitor picked a theme (data-theme on
   <html>, saved in localStorage 'wh_theme').
   Most component rules are prefixed with .wh-body (class on <body>) so they
   out-rank Bootstrap 3 and Six without !important.
   ========================================================================== */

/* ---------- 1. Design tokens ---------- */
:root{
  --ink:#13222C; --text:#24343E; --muted:#5A6B76; --bg:#FFFFFF; --surface:#F1F6F9; --surface-2:#E6EFF4;
  --line:#D4E0E7; --brand:#0A7DBB; --brand-strong:#06619A; --brand-soft:#E3F2FA; --brand-logo:#0A86C8;
  --leaf:#0E7044; --leaf-soft:#E2F4EA; --star:#FFB020; --star-soft:#FFF4DC; --star-ink:#8A5A00; --danger:#C2362F; --danger-soft:#FCE9E7;
  --card:#FFFFFF; --shadow:0 1px 2px rgba(19,34,44,.06),0 8px 24px -12px rgba(19,34,44,.18);
  --on-brand:#FFFFFF; --on-leaf:#FFFFFF; --on-danger:#FFFFFF; --chrome:#13222C; --chrome-text:#C8D6DE; --input-bg:#FFFFFF;
  --radius-s:6px; --radius:12px; --radius-l:20px; --radius-field:10px;
  --font-display:"Bricolage Grotesque","Inter Display",Inter,system-ui,sans-serif;
  --font-body:"Figtree",Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --wrap:1200px; color-scheme:light;

  /* Old Crumina theme variables (css/theme/style.css) re-pointed at the new tokens */
  --font-family-body:var(--font-body); --body-font-size:16px; --base-line-height:1.6; --body-letter-spacing:0;
  --primary-accent-color:var(--brand); --primary-accent-color--darken:var(--brand-strong);
  --body-font-color:var(--text); --heading-color:var(--ink); --link-color:var(--brand);
  --border-grey-color:var(--line); --grey-themes:var(--surface); --grey-themes--darken:var(--surface-2);
  --dark-themes:var(--ink); --white-color:#fff; --icon-color:var(--muted); --light-grey:var(--muted);
  --placeholder-color:var(--muted); --input-grey-bg:var(--surface); --footer-link-color:#B6C6D0; --footer-text-color:#8EA2AE;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ink:#EAF2F6; --text:#C9D7DF; --muted:#8FA3AF; --bg:#0B151B; --surface:#111F27; --surface-2:#172A34;
    --line:#22384A; --brand:#45B4EE; --brand-strong:#7CCBF4; --brand-soft:#0F2A3A; --brand-logo:#45B4EE;
    --leaf:#4CC48A; --leaf-soft:#10301F; --star:#FFC247; --star-soft:#33280F; --star-ink:#FFC247; --danger:#FF7A70; --danger-soft:#3A1715;
    --card:#0F1D25; --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px -14px rgba(0,0,0,.7);
    --on-brand:#06202E; --on-leaf:#06140D; --on-danger:#1F0705; --chrome:#060D11; --input-bg:#0B171E; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --ink:#EAF2F6; --text:#C9D7DF; --muted:#8FA3AF; --bg:#0B151B; --surface:#111F27; --surface-2:#172A34;
  --line:#22384A; --brand:#45B4EE; --brand-strong:#7CCBF4; --brand-soft:#0F2A3A; --brand-logo:#45B4EE;
  --leaf:#4CC48A; --leaf-soft:#10301F; --star:#FFC247; --star-soft:#33280F; --star-ink:#FFC247; --danger:#FF7A70; --danger-soft:#3A1715;
  --card:#0F1D25; --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px -14px rgba(0,0,0,.7);
  --on-brand:#06202E; --on-leaf:#06140D; --on-danger:#1F0705; --chrome:#060D11; --input-bg:#0B171E; color-scheme:dark;
}

/* ---------- 2. Base ---------- */
html{font-size:16px;-webkit-text-size-adjust:100%;scroll-padding-top:90px}
html body.wh-body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;letter-spacing:0;-webkit-font-smoothing:antialiased;overflow-x:clip;max-width:100%;height:auto}
/* overflow-x:hidden on body would turn it into a scroll container and break the sticky .wh-header; clip does not */
.wh-body input,.wh-body button,.wh-body select,.wh-body textarea{font-family:var(--font-body)}
.wh-body h1,.wh-body h2,.wh-body h3,.wh-body h4,.wh-body h5,.wh-body h6,
.wh-body .h1,.wh-body .h2,.wh-body .h3,.wh-body .h4,.wh-body .h5,.wh-body .h6{font-family:var(--font-display);color:var(--ink);font-weight:700;letter-spacing:-.015em;line-height:1.2;text-transform:none}
.wh-body h1,.wh-body .h1{font-size:clamp(1.75rem,3.2vw,2.4rem)}
.wh-body h2,.wh-body .h2{font-size:clamp(1.4rem,2.4vw,1.9rem)}
.wh-body h3,.wh-body .h3{font-size:1.35rem}
.wh-body h4,.wh-body .h4{font-size:1.15rem}
.wh-body h5,.wh-body .h5,.wh-body h6,.wh-body .h6{font-size:1rem}
.wh-body h1 small,.wh-body h2 small,.wh-body h3 small,.wh-body .small,.wh-body small{color:var(--muted)}
.wh-body a{color:var(--brand);text-underline-offset:3px}
.wh-body a:hover,.wh-body a:focus{color:var(--brand-strong)}
.wh-body .text-muted,.wh-body .help-block{color:var(--muted)}
.wh-body .text-primary{color:var(--brand)}
.wh-body .text-success{color:var(--leaf)}
.wh-body .text-danger{color:var(--danger)}
.wh-body .text-warning{color:var(--star-ink)}
.wh-body .text-info,.wh-body .text-domain{color:var(--brand)}
.wh-body .bg-primary{background:var(--brand);color:var(--on-brand)}
.wh-body hr{border-top-color:var(--line)}
.wh-body label{color:var(--ink);font-size:.95rem;font-weight:600;margin-bottom:6px}
.wh-body blockquote{border-left-color:var(--line)}
.wh-body code{background:var(--brand-soft);color:var(--brand-strong);border-radius:4px}
.wh-body pre{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-s)}
.wh-body ::selection{background:var(--brand);color:var(--on-brand)}
.wh-body :focus-visible{outline:3px solid var(--star);outline-offset:2px}
.wh-body a:focus{outline:none}
.wh-body a:focus-visible{outline:3px solid var(--star);outline-offset:2px;border-radius:4px}
.wh-body .close{color:var(--ink);text-shadow:none;opacity:.5}
.wh-body .close:hover{color:var(--ink);opacity:.85}
.wh-body .caret{color:inherit}
.wh-body .main-content ul:not([class]){padding-left:1.4em}
.wh-body .main-content ul:not([class]) li a,.wh-body .main-content ol:not([class]) li a{display:inline}

.wh-skip{position:absolute;left:-999px;top:8px;z-index:2000;background:var(--ink);color:var(--bg)!important;padding:8px 14px;border-radius:6px}
.wh-skip:focus{left:8px}
.wh-wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.wh-ico{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-.2em;display:inline-block}

/* ---------- 3. Topbar (whois lookup + account links) ---------- */
.wh-topbar{background:var(--chrome);color:var(--chrome-text);font-size:.875rem;position:relative;z-index:60}
.wh-topbar .wh-wrap{display:flex;align-items:center;gap:16px;min-height:46px;flex-wrap:wrap;padding-top:4px;padding-bottom:4px}
.wh-whois{display:flex;align-items:center;gap:8px;flex:1 1 280px;max-width:420px;margin:0}
.wh-body .wh-whois label{white-space:nowrap;color:#fff;font-weight:600;margin:0;font-size:.875rem}
.wh-whois input{flex:1;min-width:0;height:auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:999px;padding:6px 14px;font:inherit;box-shadow:none}
.wh-whois input::placeholder{color:#9DB0BC;opacity:1}
.wh-whois input:focus{outline:none;border-color:var(--star);background:rgba(255,255,255,.12)}
.wh-whois button{background:var(--star);color:#2A1D00;border:0;border-radius:999px;padding:6px 14px;font:600 .85rem var(--font-body);cursor:pointer;white-space:nowrap}
.wh-whois button:hover{background:#F59E0B}
.wh-topbar-links{display:flex;gap:6px 16px;align-items:center;margin:0 0 0 auto;padding:0;list-style:none;flex-wrap:wrap}
.wh-topbar-links>li{margin:0;padding:0;position:relative}
.wh-body .wh-topbar-links>li>a{color:#DCE7ED;text-decoration:none;display:inline-flex;gap:6px;align-items:center;font-size:.875rem;font-weight:500;padding:4px 0;opacity:1;background:none}
.wh-body .wh-topbar-links>li>a:hover,.wh-body .wh-topbar-links>li>a:focus{color:#fff;background:none}
.wh-body .wh-topbar-links .wh-pill{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:4px 12px}
.wh-body .wh-topbar-links .wh-pill:hover{border-color:var(--star);color:#fff}
.wh-topbar-links .caret{margin-left:2px}
.wh-topbar-links .label{font-size:.7rem;padding:.2em .5em}
.wh-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--star);color:#2A1D00;font-size:.75rem;font-weight:700;line-height:1}
.wh-theme-toggle{background:none;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:4px 10px;cursor:pointer;display:inline-flex;gap:6px;align-items:center;font:inherit;font-size:.82rem}
.wh-theme-toggle:hover{border-color:var(--star)}
.wh-theme-toggle .wh-moon{display:none}
:root[data-theme="dark"] .wh-theme-toggle .wh-moon{display:inline}
:root[data-theme="dark"] .wh-theme-toggle .wh-sun{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .wh-theme-toggle .wh-moon{display:inline}:root:not([data-theme="light"]) .wh-theme-toggle .wh-sun{display:none}}

/* ---------- 4. Header + mega menu ---------- */
.wh-header{position:sticky;top:0;z-index:55;background:var(--bg);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.wh-header .wh-wrap{display:flex;align-items:center;gap:24px;min-height:72px}
.wh-brand{display:inline-flex;color:var(--ink);line-height:0}
.wh-body .wh-brand,.wh-body .wh-brand:hover{color:var(--ink)}
.wh-logo-svg{height:34px;width:auto;overflow:visible;max-width:100%}
.wh-nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.wh-nav>ul{display:flex;list-style:none;margin:0;padding:0;gap:2px}
.wh-nav>ul{align-items:center}
.wh-nav>ul>li{position:relative;margin:0;display:flex;align-items:center}
.wh-body .wh-nav>ul>li>a.wh-nav-top{display:flex}
.wh-body .wh-nav-top{display:flex;align-items:center;gap:4px;padding:10px 12px;color:var(--ink);text-decoration:none;border-radius:8px;background:none;border:0;font:600 1rem var(--font-body);cursor:pointer;line-height:1.3}
.wh-body .wh-nav-top:hover,.wh-nav>ul>li:focus-within>.wh-nav-top,.wh-nav>ul>li:hover>.wh-nav-top{background:var(--surface);color:var(--brand)}
.wh-chev{width:14px;height:14px;transition:transform .15s}
.wh-mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:560px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;z-index:80}
.wh-mega.cols-3{min-width:760px;grid-template-columns:repeat(3,minmax(0,1fr))}
.wh-nav>ul>li:hover>.wh-mega,.wh-nav>ul>li:focus-within>.wh-mega,.wh-nav>ul>li.open>.wh-mega{display:grid}
.wh-body .wh-mega h4{font-size:.8rem;color:var(--muted);font-family:var(--font-body);letter-spacing:0;margin:6px 8px 4px;font-weight:600}
.wh-body .wh-mega a{display:flex;gap:10px;padding:8px;border-radius:8px;text-decoration:none;color:var(--ink);align-items:flex-start;line-height:1.35}
.wh-body .wh-mega a:hover{background:var(--surface);color:var(--ink)}
.wh-mega a .wh-ico{color:var(--brand);margin-top:3px}
.wh-mega a b{display:block;font-weight:600;font-size:.95rem}
.wh-mega a small{display:block;color:var(--muted);font-size:.82rem;line-height:1.4}
.wh-body .wh-nav-cta{margin-left:8px}
.wh-burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:10px;padding:8px;color:var(--ink);cursor:pointer;line-height:0}
.wh-burger .wh-ico{width:22px;height:22px}

/* ---------- 5. WHMCS account bar (primary/secondary navbars) ---------- */
.wh-body section#main-menu{background:var(--surface);border-bottom:1px solid var(--line)}
.wh-body .navbar-main{background:transparent;border:0;border-radius:0;min-height:48px;margin:0;font-family:var(--font-body);font-size:.95rem}
.wh-body .navbar-main .navbar-nav>li>a{color:var(--text);font-size:.95rem;font-weight:600;padding:14px 14px;opacity:1;background:transparent}
.wh-body .navbar-main .navbar-nav>li>a:hover,.wh-body .navbar-main .navbar-nav>li>a:focus,
.wh-body .navbar-main .navbar-nav>.active>a,.wh-body .navbar-main .navbar-nav>.active>a:hover,.wh-body .navbar-main .navbar-nav>.active>a:focus,
.wh-body .navbar-main .navbar-nav>.open>a,.wh-body .navbar-main .navbar-nav>.open>a:hover,.wh-body .navbar-main .navbar-nav>.open>a:focus{color:var(--brand);background:var(--card)}
.wh-body .navbar-main li.account{background:transparent}
.wh-body .navbar-main .badge{background:var(--brand);color:var(--on-brand)}
.wh-body .navbar-main .navbar-toggle{border:1px solid var(--line);border-radius:10px;background:var(--card);margin:7px 0}
.wh-body .navbar-main .navbar-toggle .icon-bar{background:var(--ink)}
.wh-body .navbar-main .navbar-toggle:hover,.wh-body .navbar-main .navbar-toggle:focus{background:var(--surface-2)}
.wh-account-title{font:700 .95rem var(--font-display);color:var(--ink);line-height:48px;padding-left:15px}
.wh-body .navbar-main .navbar-collapse{border-color:var(--line);box-shadow:none}
.wh-body .dropdown-menu{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px}
.wh-body .navbar-main .dropdown-menu{border-top:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);padding:6px}
.wh-body .dropdown-menu>li>a{color:var(--text);border-radius:8px;padding:7px 12px;font-size:.92rem;line-height:1.5;font-weight:500}
.wh-body .dropdown-menu>li>a:hover,.wh-body .dropdown-menu>li>a:focus,
.wh-body .navbar-main .navbar-nav .dropdown-menu>li>a:hover,.wh-body .navbar-main .navbar-nav .dropdown-menu>li>a:focus,
.wh-body .navbar-main .navbar-nav .dropdown-menu>.active>a{background:var(--surface);color:var(--brand)}
.wh-body .dropdown-menu>.active>a,.wh-body .dropdown-menu>.active>a:hover{background:var(--brand);color:var(--on-brand)}
.wh-body .dropdown-menu .divider,.wh-body .nav .nav-divider{background:var(--line)}
.wh-body .dropdown-header{color:var(--muted)}
@media (max-width:991px){
  .wh-body .navbar-main .navbar-nav .open .dropdown-menu>li>a{color:var(--text)}
  .wh-body .navbar-main .navbar-nav .open .dropdown-menu>li>a:hover{color:var(--brand)}
  .wh-body .navbar-main .navbar-nav{margin:0 -15px}
  .wh-body .navbar-main .dropdown-menu{box-shadow:none;border:0;background:transparent}
}

/* ---------- 6. Popovers (language chooser, notifications) + tooltips ---------- */
.wh-body .popover{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);font-family:var(--font-body)}
.wh-body .popover-title{background:var(--surface);border-bottom-color:var(--line);color:var(--ink)}
.wh-body .popover.bottom>.arrow{border-bottom-color:var(--line)}
.wh-body .popover.bottom>.arrow:after{border-bottom-color:var(--card)}
.wh-body .popover.top>.arrow:after{border-top-color:var(--card)}
.wh-body .popover.left>.arrow:after{border-left-color:var(--card)}
.wh-body .popover.right>.arrow:after{border-right-color:var(--card)}
.wh-body .language-popover{background:var(--card)}
.wh-body .language-popover.popover.bottom>.arrow:after{border-bottom-color:var(--card)}
.wh-body .language-popover .popover-content li a{color:var(--text)}
.wh-body .language-popover .popover-content li a:hover{color:var(--brand)}
.wh-body .popover-user-notifications{border-color:var(--line);border-radius:var(--radius)}
.wh-body .popover-user-notifications ul li{border-bottom-color:var(--line)}
.wh-body .popover-user-notifications ul li a{color:var(--text)}
.wh-body .popover-user-notifications ul li a:hover{background:var(--surface)}
.wh-body .tooltip-inner{background:var(--ink);color:var(--bg);border-radius:6px;font-family:var(--font-body)}
.wh-body .tooltip.top .tooltip-arrow{border-top-color:var(--ink)}
.wh-body .tooltip.bottom .tooltip-arrow{border-bottom-color:var(--ink)}
.wh-body .tooltip.left .tooltip-arrow{border-left-color:var(--ink)}
.wh-body .tooltip.right .tooltip-arrow{border-right-color:var(--ink)}

/* ---------- 7. Homepage hero + shortcuts ---------- */
.wh-body section#home-banner{position:relative;overflow:hidden;padding:64px 0 56px;background:var(--bg);color:var(--text)}
.wh-body section#home-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 85% 10%,var(--brand-soft),transparent 70%),radial-gradient(400px 200px at 10% 100%,var(--star-soft),transparent 70%);pointer-events:none}
.wh-body section#home-banner .container{position:relative}
.wh-body section#home-banner h2{color:var(--ink);font-size:clamp(1.75rem,3.6vw,2.8rem);letter-spacing:-.025em;margin:0 0 24px}
.wh-body section#home-banner .wh-dsearch{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow);padding:8px;display:flex;gap:8px;width:100%}
.wh-body section#home-banner .wh-dsearch .form-control{border:0;background:transparent;box-shadow:none;color:var(--ink);font-size:1.1rem;height:52px;border-radius:var(--radius)}
.wh-body section#home-banner .wh-dsearch .form-control::placeholder{color:var(--muted)}
.wh-body section#home-banner .input-group-btn{width:auto;display:flex;gap:8px}
.wh-body section#home-banner .btn{border-radius:999px!important;height:52px;padding:0 22px;border:0;font-size:1rem;text-transform:none}
.wh-body section#home-banner .btn.search{background:var(--brand);color:var(--on-brand)}
.wh-body section#home-banner .btn.search:hover{background:var(--brand-strong)}
.wh-body section#home-banner .btn.transfer{background:var(--surface-2);color:var(--ink)}
.wh-body section#home-banner .btn.transfer:hover{background:var(--line)}
.wh-body section#home-banner .tooltip-inner{background:var(--danger);color:#fff}
.wh-body .home-shortcuts{background:var(--surface);color:var(--text);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.wh-body .home-shortcuts .lead{color:var(--ink);font-family:var(--font-display);font-weight:700}
.wh-body .home-shortcuts ul li,.wh-body .home-shortcuts li:first-child{border-color:var(--line)}
.wh-body .home-shortcuts ul li a{color:var(--ink);opacity:1}
.wh-body .home-shortcuts ul li a:hover{color:var(--brand)}
.wh-body .home-shortcuts li i{color:var(--brand)}
@media (max-width:640px){
  .wh-body section#home-banner .wh-dsearch{flex-wrap:wrap}
  .wh-body section#home-banner .input-group-btn{width:100%}
  .wh-body section#home-banner .input-group-btn .btn{flex:1}
}

/* ---------- 8. Page body, header-lined, breadcrumb ---------- */
.wh-body section#main-body{background:var(--bg);padding:40px 0 72px;min-height:50vh}
.wh-body div.header-lined{margin-bottom:24px}
.wh-body div.header-lined h1{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.2;text-transform:none;color:var(--ink);border-bottom:1px solid var(--line);padding:0 0 14px;margin:0 0 10px;letter-spacing:-.02em}
.wh-body div.header-lined h1 small{color:var(--muted);font-family:var(--font-body);font-weight:500;font-size:.55em;letter-spacing:0}
.wh-body .breadcrumb,.wh-body div.header-lined .breadcrumb{background:transparent;padding:0;margin:0;font-size:.875rem;color:var(--muted)}
.wh-body div.header-lined .breadcrumb li a,.wh-body .breadcrumb>li>a{color:var(--muted)}
.wh-body div.header-lined .breadcrumb li a:hover{color:var(--brand)}
.wh-body div.header-lined .breadcrumb>.active,.wh-body .breadcrumb>.active{color:var(--ink)}
.wh-body .breadcrumb>li+li:before{color:var(--line)}

/* ---------- 9. Panels / cards / wells ---------- */
.wh-body .panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;font-size:.95rem;color:var(--text)}
.wh-body .panel>.panel-heading,.wh-body .main-content .panel.panel-default .panel-heading,.wh-body .main-content .panel.panel-default>.panel-heading{background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;padding:14px 18px}
.wh-body .panel-title,.wh-body .panel>.panel-heading .panel-title{text-transform:none;font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:1.05rem}
.wh-body .panel-body{padding:18px}
.wh-body .panel>.panel-footer,.wh-body .panel-footer{background:var(--surface);border-top:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);color:var(--text)}
.wh-body .panel-primary{border-color:var(--brand)}
.wh-body .panel-primary>.panel-heading{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.wh-body .panel-primary>.panel-heading .panel-title{color:var(--on-brand)}
.wh-body .panel-info,.wh-body .panel-info>.panel-heading{border-color:var(--brand)}
.wh-body .panel-info>.panel-heading{background:var(--brand-soft);color:var(--brand-strong);padding:14px 18px}
.wh-body .panel-success{border-color:var(--leaf)}
.wh-body .panel-success>.panel-heading{background:var(--leaf-soft);color:var(--leaf);border-color:var(--leaf)}
.wh-body .panel-warning{border-color:var(--star)}
.wh-body .panel-warning>.panel-heading{background:var(--star-soft);color:var(--star-ink);border-color:var(--star)}
.wh-body .panel-danger{border-color:var(--danger)}
.wh-body .panel-danger>.panel-heading{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}
.wh-body .panel-group .panel+.panel{margin-top:8px}
.wh-body .well{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;color:var(--text)}
.wh-body .jumbotron{background:var(--surface);color:var(--text);border-radius:var(--radius-l)}
.wh-body .thumbnail{background:var(--card);border-color:var(--line);border-radius:var(--radius)}

/* Client home panels + tiles */
.wh-body .client-home-panels .panel>.panel-heading,.wh-body .main-content .client-home-panels .panel.panel-default .panel-heading{background:var(--card);color:var(--ink);border-bottom:0;padding:16px 18px 6px}
.wh-body .client-home-panels .panel>.list-group{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.wh-body .client-home-panels .panel small{color:var(--muted)}
.wh-body .client-home-panels .panel>.panel-heading .panel-title .btn{color:var(--on-brand)}
.wh-body .tiles{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.wh-body .tiles .tile{background:var(--card);border-color:var(--line);color:var(--ink)}
.wh-body .tiles .tile:hover{background:var(--surface)}
.wh-body .tiles .tile:nth-child(1),.wh-body .tiles .tile:nth-child(2){border-bottom-color:var(--line)}
.wh-body .tile .icon{color:var(--brand);opacity:.35}
.wh-body .tile .title{color:var(--muted);font-weight:600}
.wh-body .tile .stat{font-family:var(--font-display);color:var(--ink)}
.wh-body .tile .highlight{border-radius:0}
.wh-body .home-kb-search .form-control{background:var(--input-bg);border:1px solid var(--line);color:var(--ink)}
.wh-body .home-kb-search i{color:var(--muted)}

/* ---------- 10. Sidebar + list groups ---------- */
.wh-body .panel-sidebar{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.wh-body .panel-sidebar>.panel-heading{background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);padding:12px 16px}
.wh-body .panel-sidebar .panel-title{color:var(--ink);font-size:1rem}
.wh-body .panel-sidebar .panel-minimise{color:var(--muted)}
.wh-body .panel-sidebar>.panel-footer{background:var(--surface);color:var(--text);border-top:1px solid var(--line)}
.wh-body .panel-sidebar .list-group-item,.wh-body .list-group-item{background:var(--card);border-color:var(--line);color:var(--text)}
.wh-body .panel-sidebar .list-group-item{border-left:0;border-right:0;padding:10px 16px}
.wh-body .panel-sidebar .list-group-item:first-child{border-top:0}
.wh-body a.list-group-item,.wh-body button.list-group-item{color:var(--text)}
.wh-body a.list-group-item:hover,.wh-body a.list-group-item:focus,.wh-body button.list-group-item:hover{background:var(--surface);color:var(--brand)}
.wh-body .panel-sidebar .list-group-item i:not(.fa-circle):not(.fa-dot-circle):not(.no-transform){color:var(--muted)}
.wh-body .panel-sidebar a.list-group-item:hover i.fas,.wh-body .panel-sidebar a.list-group-item:hover i.far{color:var(--brand)!important}
.wh-body .list-group-item.active,.wh-body .list-group-item.active:hover,.wh-body .list-group-item.active:focus,
.wh-body .panel-sidebar a.list-group-item.active,.wh-body .panel-sidebar a.list-group-item.active:hover,.wh-body .panel-sidebar a.list-group-item.active:focus,
.wh-body div.sidebar .list-group-item-selected{background:var(--brand-soft);border-color:var(--line);color:var(--brand-strong);box-shadow:inset 3px 0 0 var(--brand);font-weight:600}
.wh-body .panel-sidebar a.list-group-item.active i,.wh-body .list-group-item.active i{color:var(--brand)!important}
.wh-body .list-group-item .badge,.wh-body .panel-sidebar a.list-group-item.active .badge,.wh-body div.sidebar .list-group-item-selected .badge{background:var(--surface-2);color:var(--ink)}
.wh-body .list-group-item-heading{color:var(--ink)}
.wh-body .list-group-item-text{color:var(--muted)}
.wh-body .panel-sidebar.view-filter-btns .list-group-item.active{background:var(--surface-2);border-color:var(--line);color:var(--ink);box-shadow:none}
.wh-body .panel-sidebar>.panel-footer .btn{padding:6px 14px}
.wh-body .panel-actions>.list-group .list-group-item{border:1px solid var(--line)!important;border-radius:var(--radius-s)!important}

/* ---------- 11. Buttons ---------- */
.wh-body .btn,.wh-body .btn:not(.btn-social){font:600 .95rem/1.25 var(--font-body);text-transform:none;letter-spacing:0;padding:10px 20px;border-radius:999px;border:1.5px solid transparent;box-shadow:none;transition:background .15s,color .15s,border-color .15s;max-height:none;outline:none}
.wh-body .btn.btn-block{display:block;width:100%}
.wh-body .btn-lg,.wh-body .btn-group-lg>.btn,.wh-body .btn.btn-lg{padding:13px 26px;font-size:1.05rem}
.wh-body .btn-sm,.wh-body .btn-group-sm>.btn,.wh-body .btn.btn-sm{padding:6px 14px;font-size:.875rem}
.wh-body .btn-xs,.wh-body .btn.btn-xs{padding:3px 10px;font-size:.8rem}
.wh-body .btn:focus-visible{outline:3px solid var(--star);outline-offset:2px}
.wh-body .btn.disabled,.wh-body .btn[disabled]{opacity:.55}
.wh-body .btn-primary,.wh-body .btn.btn-primary,.wh-body .btn.btn-check-all,.wh-body .main-content .btn.btn-check-all{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.wh-body .btn-primary:hover,.wh-body .btn-primary:focus,.wh-body .btn-primary:active,.wh-body .btn-primary.active,.wh-body .open>.dropdown-toggle.btn-primary,
.wh-body .btn.btn-primary:hover,.wh-body .btn.btn-primary:active{background:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand)}
.wh-body .btn-default,.wh-body .btn.btn-default,.wh-btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.wh-body .btn-default:hover,.wh-body .btn-default:focus,.wh-body .btn-default:active,.wh-body .btn-default.active,.wh-body .open>.dropdown-toggle.btn-default,
.wh-body .btn.btn-default:active,.wh-body .btn.btn-default.copy-to-clipboard:hover{background:var(--surface);border-color:var(--brand);color:var(--brand)}
.wh-body .main-content>p>.btn.btn-default{border-color:var(--line);padding:10px 20px}
.wh-body .btn-success,.wh-body .btn.btn-success,.wh-body .btn.btn-action{background:var(--leaf);border-color:var(--leaf);color:#fff}
.wh-body .btn-success:hover,.wh-body .btn-success:focus,.wh-body .btn.btn-success:hover,.wh-body .btn.btn-action:hover{background:#0B5C38;border-color:#0B5C38;color:#fff}
.wh-body .btn-warning,.wh-body .btn.btn-warning{background:var(--star);border-color:var(--star);color:#2A1D00}
.wh-body .btn-warning:hover,.wh-body .btn-warning:focus{background:#F59E0B;border-color:#F59E0B;color:#2A1D00}
.wh-body .btn-danger,.wh-body .btn.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}
.wh-body .btn-danger:hover,.wh-body .btn-danger:focus{background:#A02B25;border-color:#A02B25;color:#fff}
.wh-body .btn-info,.wh-body .btn.btn-info{background:var(--brand-soft);border-color:var(--brand-soft);color:var(--brand-strong)}
.wh-body .btn-info:hover,.wh-body .btn-info:focus{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.wh-body .btn-link,.wh-body .btn.btn-link{background:transparent;border-color:transparent;color:var(--brand)}
.wh-body .btn-link:hover{color:var(--brand-strong)}
:root[data-theme="dark"] .wh-body .btn-success,:root[data-theme="dark"] .wh-body .btn-danger{color:#06140D}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .wh-body .btn-success,:root:not([data-theme="light"]) .wh-body .btn-danger{color:#06140D}}
/* button groups / input groups keep joined corners */
.wh-body .btn-group>.btn,.wh-body .input-group-btn>.btn{border-radius:var(--radius-field)}
.wh-body .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}
.wh-body .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),.wh-body .btn-group>.dropdown-toggle:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
.wh-body .btn-group>.btn:last-child:not(:first-child),.wh-body .btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
.wh-body .input-group-btn:first-child>.btn{border-top-right-radius:0;border-bottom-right-radius:0}
.wh-body .input-group-btn:last-child>.btn{border-top-left-radius:0;border-bottom-left-radius:0}
.wh-body .input-group-btn>.btn{padding-top:0;padding-bottom:0;height:42px}
.wh-body .input-group-lg .input-group-btn>.btn{height:48px}
.wh-body .input-group-sm .input-group-btn>.btn{height:32px}
.wh-body .btn-social{border-radius:999px}

/* ---------- 12. Forms ---------- */
.wh-body .form-control,.wh-body #registration .form-control,.wh-body #registration .field,.wh-body .field{background:var(--input-bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-field);box-shadow:none;height:42px;padding:8px 14px;font-size:.98rem;font-weight:400}
.wh-body textarea.form-control,.wh-body select[multiple].form-control{height:auto}
.wh-body .form-control:focus,.wh-body #registration .form-control:focus,.wh-body #registration .field:focus,.wh-body .field:focus{background:var(--input-bg);border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}
.wh-body .form-control::placeholder{color:var(--muted);opacity:1}
.wh-body .form-control[disabled],.wh-body .form-control[readonly],.wh-body fieldset[disabled] .form-control,.wh-body .field[disabled],.wh-body .field[readonly]{background:var(--surface);color:var(--muted)}
.wh-body .input-lg,.wh-body .input-group-lg>.form-control{height:48px;font-size:1.05rem}
.wh-body .input-sm,.wh-body .input-group-sm>.form-control{height:32px;font-size:.875rem;padding:4px 10px}
.wh-body select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.wh-body select{background-color:var(--input-bg);color:var(--ink);border-color:var(--line)}
.wh-body .input-group .form-control:first-child,.wh-body .input-group-addon:first-child,.wh-body .input-group-btn:first-child>.btn{border-top-right-radius:0;border-bottom-right-radius:0}
.wh-body .input-group .form-control:last-child,.wh-body .input-group-addon:last-child,.wh-body .input-group-btn:last-child>.btn{border-top-left-radius:0;border-bottom-left-radius:0}
.wh-body .input-group .form-control:not(:first-child):not(:last-child){border-radius:0}
.wh-body .input-group-addon{background:var(--surface);border-color:var(--line);color:var(--muted);border-radius:var(--radius-field)}
.wh-body .form-group{margin-bottom:18px}
.wh-body .form-group label,.wh-body .control-label{color:var(--ink);font-weight:600;font-size:.95rem}
.wh-body .checkbox label,.wh-body .radio label,.wh-body .radio-inline,.wh-body .checkbox-inline{font-weight:500;color:var(--text)}
.wh-body .has-error .form-control{border-color:var(--danger)}
.wh-body .has-error .help-block,.wh-body .has-error .control-label,.wh-body .form-group .field-error-msg{color:var(--danger)}
.wh-body .has-success .form-control{border-color:var(--leaf)}
.wh-body .has-warning .form-control{border-color:var(--star)}
.wh-body #registration .sub-heading,.wh-body .sub-heading{border-top-color:var(--line)}
.wh-body #registration .sub-heading span,.wh-body .sub-heading span{background:var(--bg);color:var(--ink);font-family:var(--font-display);font-size:1.15rem}
.wh-body #registration label,.wh-body #registration .field-help-text{color:var(--muted)}
.wh-body #registration .field-icon i,.wh-body .prepend-icon .field-icon i{color:var(--muted)}
.wh-body #registration .field,.wh-body #registration .form-control{height:46px}
.wh-body #registration .prepend-icon .field-icon{height:46px;line-height:46px}
.wh-body #registration .btn.btn-large.btn-primary{padding:13px 26px;width:auto;min-width:220px}
.wh-body button.btn.generate-password{border-color:var(--line);padding:9px 18px}
.wh-body .marketing-email-optin{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line)}
.wh-body .bootstrap-switch{border-color:var(--line);background:var(--card)}
.wh-body .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,.wh-body .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success{background:var(--brand);color:var(--on-brand)}
.wh-body .bootstrap-switch .bootstrap-switch-label{background:var(--card);color:var(--ink)}
.wh-body .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default{background:var(--surface-2);color:var(--ink)}
.wh-body .intl-tel-input .country-list{background:var(--card);color:var(--text);border-color:var(--line)}
.wh-body .intl-tel-input .country-list .country.highlight{background:var(--surface)}
.wh-body .logincontainer{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow);padding:28px}
.wh-body .logincontainer.with-social .login-form{border-right-color:var(--line)}
.wh-body .md-editor,.wh-body div.md-editor.active{border-color:var(--line);border-radius:var(--radius-s)}
.wh-body .md-editor>.btn-toolbar{background:var(--surface)!important}
.wh-body .md-editor>textarea.markdown-editor,.wh-body .md-editor>.md-preview{background:var(--input-bg)!important;color:var(--ink);border-color:var(--line)!important}
.wh-body .markdown-editor-status{color:var(--muted)}

/* ---------- 13. Tables (incl. WHMCS table-list / DataTables) ---------- */
.wh-body table,.wh-body .table{color:var(--text);border-color:var(--line);background:transparent}
.wh-body .table>thead>tr>th,.wh-body .table>tbody>tr>th,.wh-body .table>tfoot>tr>th,
.wh-body .table>thead>tr>td,.wh-body .table>tbody>tr>td,.wh-body .table>tfoot>tr>td{border-color:var(--line)}
.wh-body .table>thead>tr>th{background:var(--surface);color:var(--ink);font-weight:700;font-size:.88rem;border-bottom:1px solid var(--line)}
.wh-body .table-striped>tbody>tr:nth-of-type(odd){background:var(--surface)}
.wh-body .table-hover>tbody>tr:hover{background:var(--surface-2)}
.wh-body .table-bordered,.wh-body .table-bordered>thead>tr>th,.wh-body .table-bordered>tbody>tr>td{border-color:var(--line)}
.wh-body .table>tbody>tr.active>td,.wh-body .table>tbody>tr>td.active{background:var(--surface-2)}
.wh-body .table>tbody>tr.success>td{background:var(--leaf-soft)}
.wh-body .table>tbody>tr.danger>td{background:var(--danger-soft)}
.wh-body .table>tbody>tr.warning>td{background:var(--star-soft)}
.wh-body .table>tbody>tr.info>td{background:var(--brand-soft)}
.wh-body .table-container,.wh-body .table-responsive{border-color:var(--line)}
.wh-body table.table-list{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.wh-body table.table-list thead th,.wh-body .dataTables_wrapper table.table-list thead th,.wh-body .dataTables_wrapper table.table-list thead th:nth-child(even){background:var(--surface);color:var(--ink);border-bottom:2px solid var(--brand)}
.wh-body .dataTables_wrapper table.table-list thead th.sorting_asc,.wh-body .dataTables_wrapper table.table-list thead th.sorting_desc{background:var(--surface-2)}
.wh-body .table-list>tbody>tr>td{background:var(--card);border-color:var(--line)}
.wh-body .table-list>tbody>tr:nth-child(even)>td{background:var(--surface)}
.wh-body .table-list>tbody>tr:hover>td{background:var(--brand-soft)}
.wh-body .table-list>tbody>tr>td a.border-left{border-left-color:var(--line)}
.wh-body .dataTables_wrapper .dataTables_info{background:var(--ink);color:var(--bg);border:0;border-radius:var(--radius) var(--radius) 0 0}
.wh-body .dataTables_wrapper .dataTables_length{background:var(--surface);color:var(--muted);border-radius:0 0 0 var(--radius)}
.wh-body .dataTables_wrapper .dataTables_filter label .form-control{background-color:var(--input-bg);border-color:var(--line);color:var(--ink)}
.wh-body .listtable{overflow-x:auto}
.wh-body tr.masspay-total td,.wh-body .invoice-summary-table td.total-row{background:var(--surface-2)}

/* Status pills */
.wh-body .status{border:1.5px solid var(--line);border-radius:999px;background:var(--card);color:var(--text);font-weight:600}
.wh-body .status-active,.wh-body .status-open,.wh-body .status-completed,.wh-body .status-paid,.wh-body .status-accepted{color:var(--leaf);border-color:var(--leaf)}
.wh-body .status-pending,.wh-body .status-unpaid,.wh-body .status-inprogress,.wh-body .status-collections{color:var(--danger);border-color:var(--danger)}
.wh-body .status-suspended,.wh-body .status-pending.transfer,.wh-body .status-customer-reply{color:var(--star-ink);border-color:var(--star)}
.wh-body .status-answered,.wh-body .status-refunded,.wh-body .status-onhold,.wh-body .status-delivered{color:var(--brand);border-color:var(--brand)}
.wh-body .status-closed,.wh-body .status-cancelled,.wh-body .status-terminated,.wh-body .status-expired,.wh-body .status-fraud,.wh-body .status-lost,.wh-body .status-dead{color:var(--muted);border-color:var(--line)}
.wh-body .product-status-active{background:var(--leaf)}
.wh-body .product-status-pending{background:var(--star)}
.wh-body .product-status-suspended{background:var(--brand)}
.wh-body .product-status-terminated,.wh-body .product-status-cancelled{background:var(--muted)}
.wh-body div.product-details div.product-icon{background:var(--surface);border-radius:var(--radius)}
.wh-body div.product-details-tab-container{border-color:var(--line)}

/* ---------- 14. Alerts, labels, badges ---------- */
.wh-body .alert,.wh-body .main-content .alert{border-radius:var(--radius);border:1px solid transparent;font-size:.95rem;padding:14px 18px}
.wh-body .alert-success,.wh-body .main-content .alert-success:not(.affiliate-stat){background:var(--leaf-soft);border-color:color-mix(in srgb,var(--leaf) 30%,transparent);color:var(--leaf)}
.wh-body .alert-info,.wh-body .main-content .alert-info:not(.affiliate-stat){background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 30%,transparent);color:var(--brand-strong);padding:14px 18px}
.wh-body .alert-warning{background:var(--star-soft);border-color:color-mix(in srgb,var(--star) 45%,transparent);color:var(--star-ink)}
.wh-body .alert-danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger)}
.wh-body .alert .alert-link,.wh-body .main-content .alert.alert-success a.alert-link{color:inherit!important;text-decoration:underline}
.wh-body .main-content .alert .control-label{color:inherit}
.wh-body .affiliate-stat{border-radius:var(--radius)}
.wh-body .label{border-radius:999px;font-weight:600;padding:.25em .7em;font-family:var(--font-body)}
.wh-body .label-default{background:var(--surface-2);color:var(--ink)}
.wh-body .label-primary{background:var(--brand);color:var(--on-brand)}
.wh-body .label-success{background:var(--leaf);color:#fff}
.wh-body .label-info{background:var(--brand-soft);color:var(--brand-strong)}
.wh-body .label-warning{background:var(--star);color:#2A1D00}
.wh-body .label-danger{background:var(--danger);color:#fff}
.wh-body .badge{background:var(--surface-2);color:var(--ink);border-radius:999px;font-weight:600}
.wh-body .btn .badge{background:rgba(255,255,255,.25);color:inherit}
.wh-body .email-verification{background:var(--star-soft);border-bottom:1px solid var(--line);color:var(--ink)}
.wh-body .email-verification .btn{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.wh-body .email-verification .btn.close{background:transparent;color:var(--muted)}
.wh-body .email-verification .fas,.wh-body .email-verification .far{color:var(--star-ink)}
.wh-body .email-verification.success{background:var(--leaf-soft);color:var(--leaf)}
.wh-body .email-verification.failed{background:var(--danger-soft);color:var(--danger)}

/* ---------- 15. Navs, tabs, pagination, progress ---------- */
.wh-body .nav-tabs{border-bottom-color:var(--line)}
.wh-body .nav-tabs>li>a{color:var(--muted);border-radius:var(--radius-s) var(--radius-s) 0 0;font-weight:600}
.wh-body .nav-tabs>li>a:hover{background:var(--surface);border-color:var(--line) var(--line) transparent;color:var(--ink)}
.wh-body .nav-tabs>li.active>a,.wh-body .nav-tabs>li.active>a:hover,.wh-body .nav-tabs>li.active>a:focus{background:var(--card);color:var(--ink);border-color:var(--line) var(--line) transparent;box-shadow:inset 0 2px 0 var(--brand)}
.wh-body .tab-content{color:var(--text)}
.wh-body .nav-pills>li>a{border-radius:999px;color:var(--text)}
.wh-body .nav-pills>li>a:hover{background:var(--surface)}
.wh-body .nav-pills>li.active>a,.wh-body .nav-pills>li.active>a:hover,.wh-body .nav-pills>li.active>a:focus{background:var(--brand);color:var(--on-brand)}
.wh-body .nav>li>a:hover,.wh-body .nav>li>a:focus{background:var(--surface)}
.wh-body .pagination>li>a,.wh-body .pagination>li>span{background:var(--card);border-color:var(--line);color:var(--text)}
.wh-body .pagination>li>a:hover,.wh-body .pagination>li>span:hover{background:var(--surface);color:var(--brand);border-color:var(--line)}
.wh-body .pagination>.active>a,.wh-body .pagination>.active>a:hover,.wh-body .pagination>.active>a:focus,.wh-body .pagination>.active>span{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.wh-body .pagination>.disabled>a,.wh-body .pagination>.disabled>span{background:var(--surface);color:var(--muted);border-color:var(--line)}
.wh-body .pagination>li:first-child>a,.wh-body .pagination>li:first-child>span{border-radius:999px 0 0 999px}
.wh-body .pagination>li:last-child>a,.wh-body .pagination>li:last-child>span{border-radius:0 999px 999px 0}
.wh-body .pager li>a,.wh-body .pager li>span{background:var(--card);border-color:var(--line);color:var(--text)}
.wh-body .progress{background:var(--surface-2);border-radius:999px;box-shadow:none}
.wh-body .progress-bar{background:var(--brand);box-shadow:none}
.wh-body .progress-bar-success{background:var(--leaf)}
.wh-body .progress-bar-warning{background:var(--star)}
.wh-body .progress-bar-danger{background:var(--danger)}

/* ---------- 16. Modals ---------- */
.wh-body .modal-content{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow);color:var(--text);overflow:hidden}
.wh-body .modal-header,.wh-body .modal-content.panel-primary>.modal-header.panel-heading{background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line)}
.wh-body .modal-title{font-family:var(--font-display);color:var(--ink)}
.wh-body .modal-footer,.wh-body .modal-footer.panel-footer{background:var(--surface);border-top:1px solid var(--line)}
.wh-body .modal-backdrop.in{opacity:.6}
.wh-body .modal-backdrop{background:#060D11}
.wh-body #fullpage-overlay{background:rgba(6,13,17,.85)}

/* ---------- 17. Support tickets, KB, announcements, invoices ---------- */
.wh-body .ticket-reply{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.wh-body .ticket-reply.staff{border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}
.wh-body .ticket-reply .user{background:var(--surface)}
.wh-body .ticket-reply.staff .user{background:var(--brand-soft)}
.wh-body .ticket-reply .attachments{background:var(--surface);border-top-color:var(--line)}
.wh-body .ticket-number{color:var(--brand)}
.wh-body .ticketfeedbackstaffcont{background:var(--surface)}
.wh-body .kb-rate-article{background:var(--brand-soft);color:var(--ink);border-radius:var(--radius)}
.wh-body .kb-rate-article .btn{color:var(--brand)}
.wh-body .kbcategories a,.wh-body .kbarticles a{color:var(--ink)!important}
.wh-body .kbcategories a:hover,.wh-body .kbarticles a:hover{color:var(--brand)!important}
.wh-body .kbarticles a .glyphicon,.wh-body .kb-category a small,.wh-body .kb-article-details{color:var(--muted)}
.wh-body .kb-article-details li{color:var(--ink)}
.wh-body h3.kb-alsoread{background:var(--surface);color:var(--ink)}
.wh-body div.announcement-single h3 .label{background:var(--brand)!important;color:var(--on-brand)}
.wh-body .announcement-single .article-items{color:var(--muted)}
.wh-body div.announcement-single blockquote{border-left-color:var(--line)}
.wh-body .markdown-content h1,.wh-body .markdown-content h2,.wh-body .markdown-content h3,.wh-body .markdown-content h4{color:var(--ink)}
.wh-body .markdown-content table{background:var(--card);border-color:var(--line)}
.wh-body .markdown-content table>thead>tr>th{background:var(--surface);border-color:var(--line)}
.wh-body .markdown-content table>tbody>tr>td{border-color:var(--line)}
.wh-body .invoice-summary{background:var(--surface);border:2px dashed var(--line);border-radius:var(--radius)}
.wh-body div.credit-card{background:var(--surface);border-color:var(--line);border-radius:var(--radius)}
.wh-body .twofa-setup .backup-code{background:var(--surface);color:var(--ink)}
.wh-body .twofa-module{border-color:var(--line);border-radius:var(--radius)}
.wh-body .twofa-module.active{border-color:var(--brand)}
.wh-body .affiliate-referral-link span{border-color:var(--line)}
.wh-body .promo-banner{background:var(--card);border-color:var(--line);border-radius:var(--radius)}
.wh-body .store-promoted-product{background:var(--surface)}
.wh-body .store-order-container .store-domain-tabs li a{background:var(--surface);border-bottom-color:var(--line)}
.wh-body .store-order-container .store-domain-tabs li.active a{background:var(--card)}
.wh-body .store-order-container .store-domain-tab-content{border-color:var(--line)}
.wh-body .upgrade .product-to-be-upgraded{background:var(--surface)}
.wh-body .upgrade .products .product{background:var(--card)}
.wh-body .upgrade .products .product .header,.wh-body .upgrade .products .product .btn{background:var(--brand);color:var(--on-brand)}
.wh-body .upgrade .products .product ul,.wh-body .upgrade .products .product ul li,.wh-body .upgrade .products .product .footer{border-color:var(--line)}
.wh-body .upgrade .products .product ul li span{color:var(--ink)}
.wh-body .domain-checker-container{background:var(--brand-soft);background-image:none;border-radius:var(--radius-l);border:1px solid var(--line)}
.wh-body .domain-checker-container .input-group-box{background:var(--card);border-radius:var(--radius)}
.wh-body .domain-checker-available{color:var(--leaf)}
.wh-body .domain-checker-unavailable,.wh-body .domain-checker-invalid{color:var(--danger)}
.wh-body .domain-pricing .tld-row{border-bottom-color:var(--line)}
.wh-body .domain-pricing .tld-row.highlighted{background:var(--brand-soft)}
.wh-body .domain-pricing .tld-pricing-header div,.wh-body .domain-pricing .tld-pricing-header div:nth-child(odd){background:var(--surface);border-color:var(--brand)}
.wh-body .featured-tld .price{background:var(--surface);color:var(--ink)}

/* ---------- 18. Footer ---------- */
.wh-footer{background:var(--chrome);color:#B6C6D0;padding:56px 0 40px;font-size:.95rem;line-height:1.6}
.wh-foot-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}
.wh-body .wh-footer h3{color:#fff;font-size:1rem;font-family:var(--font-body);font-weight:700;margin:0 0 12px;letter-spacing:0}
.wh-footer ul{list-style:none;padding:0!important;margin:0;display:grid;gap:8px}
.wh-footer ul li{margin:0;padding:0}
.wh-body .wh-footer a{color:#B6C6D0;text-decoration:none;display:inline}
.wh-body .wh-footer a:hover{color:#fff;text-decoration:underline}
.wh-body .wh-footer .wh-brand,.wh-body .wh-footer .wh-brand:hover{color:#fff;text-decoration:none}
.wh-footer .wh-logo-svg{height:30px;color:#fff}
.wh-foot-about{margin-top:14px}
.wh-footer address{font-style:normal;margin:14px 0 0;line-height:1.6}
.wh-social{margin-top:12px}
.wh-body .wh-footer .wh-gplay{display:inline-block;margin-top:16px;line-height:0;text-decoration:none}
.wh-gplay svg{width:180px;height:54px;max-width:100%}
.wh-pay-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
.wh-pay-row img{height:30px;width:auto;background:#fff;border-radius:6px;padding:3px 6px}
.wh-foot-bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:22px;font-size:.88rem;color:#8EA2AE}

/* ---------- 19. Floating buttons, mobile bar, cookie banner ---------- */
.wh-fab{position:fixed;right:20px;bottom:24px;display:grid;gap:10px;z-index:1030}
.wh-body .wh-fab a,.wh-fab button{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--card);color:var(--ink);box-shadow:var(--shadow);cursor:pointer;text-decoration:none;position:relative;padding:0}
.wh-body .wh-fab a:hover,.wh-fab button:hover{color:var(--brand);border-color:var(--brand)}
.wh-body .wh-fab .wh-wa{background:#1FA855;color:#fff;border-color:#1FA855}
.wh-body .wh-fab .wh-wa:hover{color:#fff;background:#178A45}
.wh-fab .wh-ico{width:22px;height:22px}
.wh-fab [data-tip]:hover::after{content:attr(data-tip);position:absolute;right:58px;top:50%;transform:translateY(-50%);background:var(--ink);color:var(--bg);padding:5px 10px;border-radius:6px;font-size:.82rem;white-space:nowrap;font-family:var(--font-body)}
#whToTop{opacity:0;pointer-events:none;transition:opacity .2s}
#whToTop.show{opacity:1;pointer-events:auto}
.wh-mbar{display:none}
.wh-cookie{position:fixed;left:16px;bottom:16px;max-width:440px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;z-index:1040;display:none;color:var(--text)}
.wh-cookie.show{display:block}
.wh-cookie p{font-size:.92rem;margin:0 0 12px}
.wh-acts{display:flex;gap:8px;flex-wrap:wrap}

/* ---------- 20. Responsive ---------- */
@media (max-width:1080px){
  .wh-nav{position:fixed;inset:0 0 0 auto;width:min(380px,90vw);background:var(--bg);flex-direction:column;align-items:stretch;padding:80px 18px 120px;overflow-y:auto;box-shadow:var(--shadow);z-index:1050;border-left:1px solid var(--line);display:none}
  .wh-nav.open{display:flex;animation:whNavIn .25s ease-out}
  .wh-nav-open .wh-header{z-index:1100}
  .wh-nav-open body{overflow:hidden}
  /* backdrop-filter would make the header the containing block of the fixed off-canvas menu */
  .wh-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}
  .wh-nav>ul{flex-direction:column;align-items:stretch}
  .wh-nav>ul>li{display:block}
  .wh-body .wh-nav-top{width:100%;justify-content:space-between;padding:14px 10px}
  .wh-mega,.wh-mega.cols-3{position:static;transform:none;min-width:0;box-shadow:none;border:0;padding:0 0 8px 6px;grid-template-columns:1fr;display:none!important}
  .wh-nav>ul>li.open>.wh-mega{display:grid!important}
  .wh-nav>ul>li.open .wh-chev{transform:rotate(180deg)}
  .wh-body .wh-nav-cta{margin:14px 0 0}
  .wh-burger{display:inline-flex}
  .wh-nav-close{position:absolute;top:18px;right:18px}
  .wh-foot-grid{grid-template-columns:1fr 1fr}
  .wh-foot-grid>div:first-child{grid-column:1/-1}
}
@media (min-width:1081px){.wh-nav-close{display:none}}
@keyframes whNavIn{from{transform:translateX(100%)}to{transform:none}}
@media (max-width:640px){
  html body.wh-body{font-size:15px;padding-bottom:64px}
  .wh-wrap{padding:0 16px}
  .wh-hide-s{display:none!important}
  .wh-body .wh-whois label{display:none}
  .wh-whois{flex-basis:100%;max-width:none}
  .wh-topbar-links{margin-left:0;width:100%;justify-content:space-between}
  .wh-header .wh-wrap{min-height:62px}
  .wh-logo-svg{height:30px}
  .wh-body section#main-body{padding:24px 0 48px}
  .wh-foot-grid{grid-template-columns:1fr}
  .wh-footer{padding-bottom:32px}
  .wh-fab{bottom:84px;right:12px}
  .wh-body .wh-fab a,.wh-fab button{width:44px;height:44px}
  .wh-mbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:1035;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.08);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
  .wh-body .wh-mbar a{display:grid;justify-items:center;gap:2px;text-decoration:none;color:var(--ink);font-size:.74rem;font-weight:600;padding:6px 2px;border-radius:10px;line-height:1.2;text-align:center}
  .wh-mbar a .wh-ico{color:var(--brand);width:22px;height:22px}
  .wh-mbar a:active{background:var(--surface)}
  .wh-cookie{left:8px;right:8px;bottom:76px;max-width:none}
}
/* ---------- 2026-10 revision (mirrors site.css "2026-10 revision") ---------- */
/* Special offers pill (topbar + footer Company column) */
.wh-body a.wh-offer-link,.wh-body .wh-topbar-links>li>a.wh-offer-link,.wh-body .wh-footer a.wh-offer-link{position:relative;display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:999px;font-weight:700;color:#2A1D00;background:linear-gradient(110deg,#FFB020 0%,#FFD978 40%,#FFB020 60%,#FF8A3D 100%);background-size:220% 100%;animation:whOfferShine 3s linear infinite;text-decoration:none;box-shadow:0 0 0 0 rgba(255,176,32,.6)}
.wh-body a.wh-offer-link:hover,.wh-body a.wh-offer-link:focus,.wh-body .wh-topbar-links>li>a.wh-offer-link:hover,.wh-body .wh-footer a.wh-offer-link:hover{color:#2A1D00;text-decoration:none}
.wh-offer-link .wh-ico{animation:whblink 2.4s ease-in-out infinite}
.wh-offer-link::after{content:"";position:absolute;inset:-3px;border-radius:999px;border:2px solid #FFB020;opacity:0;animation:whOfferPulse 2.4s ease-out infinite;pointer-events:none}
.wh-footer .wh-offer-link{margin-top:2px}
@keyframes whOfferShine{to{background-position:-220% 0}}
@keyframes whOfferPulse{0%{opacity:.7;transform:scale(.96)}100%{opacity:0;transform:scale(1.15)}}
@keyframes whblink{0%,100%{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.4;transform:scale(.7) rotate(45deg)}}

/* Mega menu feature card (Domains > Find a name) */
.wh-body .wh-mega a.wh-mega-card{display:grid;grid-template-columns:1fr;gap:10px;padding:16px;border-radius:14px;background:linear-gradient(150deg,var(--brand-soft),var(--card) 60%,var(--star-soft));border:1px solid var(--line);height:calc(100% - 30px)}
.wh-body .wh-mega a.wh-mega-card:hover{border-color:var(--brand);background:linear-gradient(150deg,var(--brand-soft),var(--card) 60%,var(--star-soft))}
.wh-mc-art{width:100%;height:80px}
.wh-mc-art .a1{fill:var(--brand);opacity:.15}.wh-mc-art .a2{fill:var(--star);opacity:.3}
.wh-mc-art .bx{fill:var(--brand)}.wh-mc-art .sp{fill:var(--star)}.wh-mc-art use{color:#fff;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wh-mega-card em{display:inline-block;margin-top:8px;font-style:normal;font-weight:700;color:var(--brand);font-size:.9rem}
@media (max-width:1080px){.wh-body .wh-mega a.wh-mega-card{height:auto}}
@media (max-width:640px){.wh-body .wh-topbar-links>li>a.wh-offer-link{padding:3px 10px;font-size:.8rem}}
@media (prefers-reduced-motion:reduce){.wh-offer-link,.wh-offer-link .wh-ico,.wh-offer-link::after{animation:none!important}}

/* Footer: whois button + PKNIC prepaid card */
.wh-body .wh-footer a.wh-f-whois{display:inline-flex;gap:8px;align-items:center;padding:7px 14px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:700;text-decoration:none}
.wh-body .wh-footer a.wh-f-whois:hover{background:rgba(255,255,255,.14);color:#fff;text-decoration:none}
.wh-body .wh-footer a.wh-f-card{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#0A7DBB,#13804F);color:#fff;text-decoration:none;max-width:260px;line-height:1.35}
.wh-body .wh-footer a.wh-f-card:hover{color:#fff;text-decoration:none}
.wh-f-card svg{width:40px;height:28px;flex:none}.wh-f-card .c{fill:#fff;opacity:.95}.wh-f-card .s{fill:#13222C;opacity:.7}.wh-f-card .t{fill:#FFB020}
.wh-f-card b{display:block;font-size:.95rem}.wh-f-card small{display:block;color:#D8F1E5;font-size:.78rem}
@media (prefers-reduced-motion:reduce){.wh-body *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.wh-topbar,.wh-header,.wh-fab,.wh-mbar,.wh-cookie,.wh-footer,#main-menu{display:none!important}}

/* nav CTA keeps icon + label on one line */
.wh-body .btn.wh-nav-cta{display:inline-flex;align-items:center;gap:.45em;white-space:nowrap}
.wh-body .primary-bg-color{background-color:var(--brand);color:var(--on-brand)}

/* the old theme colours every link inside .main-content (0,5,1); the :not(.wh-x) padding lifts these component link colours above it */
.wh-body .main-content .pagination>li>a:not(.wh-x):not(.wh-y),.wh-body .main-content .pagination>li>span:not(.wh-x):not(.wh-y){color:var(--text)}
.wh-body .main-content .pagination>.active>a:not(.wh-x):not(.wh-y),.wh-body .main-content .pagination>.active>span:not(.wh-x):not(.wh-y){color:var(--on-brand)}
.wh-body .main-content .nav-tabs>li>a:not(.wh-x):not(.wh-y){color:var(--muted)}
.wh-body .main-content .nav-tabs>li.active>a:not(.wh-x):not(.wh-y){color:var(--ink)}
.wh-body .main-content .nav-pills>li.active>a:not(.wh-x):not(.wh-y){color:var(--on-brand)}
.wh-body .main-content .dropdown-menu>li>a:not(.wh-x):not(.wh-y){color:var(--text)}
.wh-body .main-content .alert a:not(.btn):not(.wh-x):not(.wh-y):not(.wh-z){color:inherit;text-decoration:underline}
.wh-body .main-content .panel-primary>.panel-heading a:not(.wh-x):not(.wh-y){color:var(--on-brand)}

/* 2026-10-02: back to top brand colour, tidy mobile top bar */
#whToTop{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
#whToTop:hover{background:var(--brand-strong)!important}
@media (max-width:640px){
  .wh-topbar .wh-wrap,.wh-topbar>div{row-gap:8px}
  .wh-topbar-links{width:100%;justify-content:space-between;gap:8px;margin:0}
  .wh-body .wh-topbar-links>li>a,.wh-body .wh-topbar-links .wh-theme-toggle{height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:.82rem}
  .wh-body .wh-topbar-links .wh-offer-link,.wh-body .wh-topbar-links .offer-link{border:0}
}

/* ==========================================================================
   2026-10-03: re-based on official Six 8.1.3 + dark-mode contrast fixes
   ========================================================================== */
/* WHMCS hides JS-driven elements with .w-hidden; ".wh-body .btn{display:inline-block}" must not re-show them
   (that produced the empty grey buttons in the spotlight TLD boxes) */
/* (removed forced .w-hidden rule: WHMCS reveals these with jQuery .show(), which !important blocked) */

/* Success/danger fills: text colour flips with the fill (white on dark green, near-black on light green in dark mode) */
.wh-body .btn-success,.wh-body .btn.btn-success,.wh-body .btn.btn-action,.wh-body .label-success,.wh-body .label.label-success,.wh-body .badge-success{background:var(--leaf);border-color:var(--leaf);color:var(--on-leaf)}
.wh-body .btn-success:hover,.wh-body .btn-success:focus,.wh-body .btn.btn-success:hover,.wh-body .btn.btn-action:hover{color:#fff}
.wh-body .btn-danger,.wh-body .btn.btn-danger,.wh-body .label-danger{background:var(--danger);border-color:var(--danger);color:var(--on-danger)}
.wh-body .btn-danger:hover,.wh-body .btn-danger:focus{color:#fff}
.wh-body .product-status-active .product-status-text{color:var(--on-leaf)}
.wh-body .product-status-pending .product-status-text{color:#2A1D00}
.wh-body .product-status-suspended .product-status-text{color:var(--on-brand)}
.wh-body .product-status-terminated .product-status-text,.wh-body .product-status-cancelled .product-status-text{color:var(--bg)}
.wh-body .lime-btn,.wh-body .btn-lime{background:var(--leaf);border-color:var(--leaf);color:var(--on-leaf)}

/* Text in brand blue sitting on tinted surfaces uses the stronger blue (AA in both modes) */
.wh-body .table-list a,.wh-body .table-list .ticket-number,.wh-body .table-list .ticket-subject,
.wh-body .ticket-reply .attachments a,.wh-body .well a:not(.btn),.wh-body .panel-footer a:not(.btn),
.wh-body .domain-promo-box .text-primary,.wh-body .panel-heading a:not(.btn){color:var(--brand-strong)}

/* Client-home panel heading buttons (Six: .btn-default.bg-color-red etc.) */
.wh-body .client-home-panels .panel>.panel-heading .btn,.wh-body .client-home-panels .panel-heading .panel-title .btn{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.wh-body .client-home-panels .panel>.panel-heading .btn.bg-color-red{background:var(--danger);border-color:var(--danger);color:var(--on-danger)}
.wh-body .client-home-panels .panel>.panel-heading .btn.bg-color-green,.wh-body .client-home-panels .panel>.panel-heading .btn.bg-color-emerald{background:var(--leaf);border-color:var(--leaf);color:var(--on-leaf)}
.wh-body .client-home-panels .panel>.panel-heading .btn.bg-color-gold,.wh-body .client-home-panels .panel>.panel-heading .btn.bg-color-orange{background:var(--star);border-color:var(--star);color:#2A1D00}
.wh-body .client-home-panels .panel>.panel-heading .btn:hover{filter:brightness(1.08)}

/* Ticket statuses with an admin-defined colour (inline style): keep the colour on the border, make the text readable */
.wh-body .label.status-custom,.wh-body .status.status-custom{color:var(--ink)!important;background:var(--card)}

/* DataTables (My Invoices, Emails, Tickets, Domain pricing ...) */
.wh-body .dataTables_wrapper .dataTables_info,.wh-body div.dataTables_wrapper div.dataTables_info{background:var(--chrome);color:#E6EEF2;border:0;border-radius:var(--radius) var(--radius) 0 0;font-weight:500}
.wh-body .dataTables_wrapper .listtable{background:var(--surface);border-radius:var(--radius) var(--radius) 0 0}
.wh-body .dataTables_wrapper .dataTables_filter label .form-control,.wh-body div.dataTables_wrapper div.dataTables_filter input{background-color:var(--input-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235A6B76' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px 50%;background-size:16px 16px;padding:7px 12px 7px 40px!important;border:1px solid var(--line);color:var(--ink);border-radius:999px;height:38px}
.wh-body .dataTables_wrapper .dataTables_length,.wh-body .dataTables_wrapper .dataTables_length label{background:transparent;color:var(--muted)}
.wh-body .dataTables_wrapper .dataTables_length label .form-control{background-color:var(--input-bg);color:var(--ink);border:1px solid var(--line);height:30px;padding:2px 26px 2px 8px}
.wh-body .dataTables_wrapper .dataTables_paginate .pagination>li>a,.wh-body .dataTables_wrapper .dataTables_paginate .pagination>li>span{padding:5px 11px}
.wh-body table.dataTable td.dataTables_empty{background:var(--card);color:var(--muted)}
.wh-body table.dataTable thead .sorting:after,.wh-body table.dataTable thead .sorting_asc:after,.wh-body table.dataTable thead .sorting_desc:after{color:var(--muted)}
.wh-body table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before{background:var(--brand);color:var(--on-brand);border-color:var(--card)}
.wh-body table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom-color:var(--line)}
.wh-body .table-list>tbody>tr>td,.wh-body .table-list>tbody>tr>td strong{color:var(--text)}
.wh-body .table-list>tbody>tr>td small,.wh-body .table-list .text-muted{color:var(--muted)}
.wh-body .table-container{padding-bottom:16px}

/* Domain pricing (/domain/pricing) + TLD category filter pills + sale groups */
.wh-body .domain-pricing #tableDomainPricing td{color:var(--ink)}
.wh-body .domain-pricing .tld-filters .label,.wh-body .tld-filters a.label{display:inline-block;margin:0 4px 6px 0;background:var(--surface-2);color:var(--ink);font-size:.85rem;padding:.35em .9em;text-decoration:none}
.wh-body .tld-filters a.label:hover{background:var(--line);color:var(--ink)}
.wh-body .tld-filters a.label.label-success{background:var(--brand);color:var(--on-brand)}
.wh-body .tld-sale-group{border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:700;text-transform:uppercase;vertical-align:2px}
.wh-body .tld-sale-group-hot{background:var(--danger);color:var(--on-danger)}
.wh-body .tld-sale-group-new{background:var(--leaf);color:var(--on-leaf)}
.wh-body .tld-sale-group-sale{background:var(--star);color:#2A1D00}
.wh-body .currency-selector{max-width:240px}

/* Domain checker (domainchecker.tpl, legacy) */
.wh-body .domain-checker-result-headline{color:var(--ink)}
.wh-body .domainresults .table-list td,.wh-body #domainresults td{color:var(--text)}

/* Account / user management (WHMCS 8 pages) */
.wh-body .table-user-management td,.wh-body .table-user-management th{color:var(--text)}
.wh-body .account-select-container .account,.wh-body .switch-account-list a{background:var(--card);color:var(--ink);border-color:var(--line)}
.wh-body .user-switch-account .list-group-item.disabled,.wh-body .list-group-item.disabled{background:var(--surface);color:var(--muted)}
.wh-body .list-group-item.disabled .label{color:var(--ink)}
.wh-body .permission-list label,.wh-body .checkbox label small{color:var(--text)}

/* Bootstrap remnants that hard-code light colours */
.wh-body .bg-white,.wh-body .bg-white .row{background:transparent}
.wh-body .bg-info{background:var(--brand-soft);color:var(--brand-strong)}
.wh-body .bg-success{background:var(--leaf-soft);color:var(--leaf)}
.wh-body .bg-warning{background:var(--star-soft);color:var(--star-ink)}
.wh-body .bg-danger{background:var(--danger-soft);color:var(--danger)}
.wh-body .text-warning{color:var(--star-ink)}
.wh-body .list-group-item-success{background:var(--leaf-soft);color:var(--leaf)}
.wh-body .list-group-item-info{background:var(--brand-soft);color:var(--brand-strong)}
.wh-body .list-group-item-warning{background:var(--star-soft);color:var(--star-ink)}
.wh-body .list-group-item-danger{background:var(--danger-soft);color:var(--danger)}
.wh-body .media-heading,.wh-body .lead{color:var(--ink)}
.wh-body .popover-content{color:var(--text)}
.wh-body .panel-heading .label,.wh-body .panel-heading .badge{vertical-align:1px}
.wh-body .client-home-panels .panel>.panel-heading .badge{background:var(--surface-2);color:var(--ink)}
.wh-body .table>tbody>tr.success>td,.wh-body .table>tbody>tr.danger>td,.wh-body .table>tbody>tr.warning>td,.wh-body .table>tbody>tr.info>td{color:var(--ink)}
.wh-body .modal-content .close{color:var(--ink)}
.wh-body .modal-body{color:var(--text)}
.wh-body .ticket-reply .message,.wh-body .ticket-reply .user .name{color:var(--text)}
.wh-body .ticket-reply .user .type,.wh-body .ticket-reply .user .date{color:var(--muted)}
.wh-body .ticket-reply.staff .user .type{color:var(--brand-strong)}
.wh-body .kb-search .form-control,.wh-body .kb-search{background-color:var(--input-bg);color:var(--ink)}
.wh-body .announcements .announcement h1 a,.wh-body .announcements .announcement h2 a{color:var(--ink)}
.wh-body .announcements .announcement .article-items{color:var(--muted)}
.wh-body .domain-pricing .featured-tld .img-container{background:var(--card)}
.wh-body .rating span.star,.wh-body .rating span.star:before{color:var(--muted)}
.wh-body .product-details .text-center h4,.wh-body .product-details h3{color:var(--ink)}
.wh-body div.product-details div.product-icon h3,.wh-body div.product-details div.product-icon h4{color:var(--ink)}
.wh-body .tab-content>.tab-pane{color:var(--text)}
.wh-body .usage-stats .usage-dial{color:var(--ink)}
.wh-body .sub-heading span{background:var(--bg)}
.wh-body .twofa-config-link,.wh-body .twofa-config-link:hover{color:var(--brand-strong)}
.wh-body .password-strength-meter .progress{background:var(--surface-2)}
.wh-body .alert-success a:not(.btn),.wh-body .alert-info a:not(.btn),.wh-body .alert-warning a:not(.btn),.wh-body .alert-danger a:not(.btn){color:inherit;text-decoration:underline}
:root[data-theme="dark"] .wh-body .dataTables_wrapper .dataTables_filter label .form-control,:root[data-theme="dark"] .wh-body div.dataTables_wrapper div.dataTables_filter input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238FA3AF' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E")}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .wh-body .dataTables_wrapper .dataTables_filter label .form-control,:root:not([data-theme="light"]) .wh-body div.dataTables_wrapper div.dataTables_filter input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238FA3AF' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E")}}

/* 2026-10-02: Look up button sits inside the whois field */
.wh-whois-field{position:relative;flex:1;min-width:0;display:block}
.wh-whois-field input{width:100%;padding:7px 96px 7px 14px}
.wh-whois-field button{position:absolute;top:3px;right:3px;bottom:3px;padding:0 14px}

/* 2026-10-02: single-row WHMCS top bar (desktop) */
@media (min-width:641px){
  .wh-topbar .wh-wrap{max-width:1440px;flex-wrap:nowrap;gap:20px;min-height:52px}
  .wh-whois{flex:0 1 430px;max-width:430px}
  .wh-topbar-links{flex-wrap:nowrap;gap:6px;white-space:nowrap}
  .wh-body .wh-topbar-links>li>a:not(.wh-offer-link),.wh-body .wh-topbar-links .wh-theme-toggle{height:34px;padding:0 11px;border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;gap:6px}
  .wh-body .wh-topbar-links>li>a:not(.wh-offer-link):hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
  .wh-body .wh-topbar-links .wh-pill,.wh-body .wh-topbar-links .wh-theme-toggle{border-color:rgba(255,255,255,.25)!important}
  .wh-topbar-links .wh-offer-link{height:34px;margin:0 6px}
  .wh-topbar-links .label{position:relative;top:-1px}
}
.wh-lbl-hide{display:none}
@media (max-width:1399px){.wh-lbl-xl{display:none}}
@media (min-width:641px) and (max-width:1199px){.wh-body .wh-whois label{display:none}.wh-whois{flex-basis:340px}}