/* =====================================================================
   hostking000 (free hosting): the look of www.hostking000.com on the free panel and its sign-up and login pages.
   Loaded last, only when PANEL_MODE=free (App\Support\Brand::css), on <body class="... hk000">.
   Website palette: ink #0A1530, mute #5A6680, line #E5E9F2, soft #F4F6FB, dark #05070F, lime #C6F04A, blue #1A66FF.
   ===================================================================== */
body.hk000 {
  --hk-ink: #0A1530; --hk-mute: #5A6680; --hk-line: #E5E9F2; --hk-soft: #F4F6FB;
  --hk-dark: #05070F; --hk-lime: #C6F04A; --hk-lime-h: #D4F76A; --hk-blue: #1A66FF; --hk-link: #0D47C2;
  --navy: var(--hk-ink); --side: var(--hk-dark); --bar: var(--hk-dark); --muted: var(--hk-mute); --border: var(--hk-line);
  --surface: var(--hk-soft); --blue: var(--hk-blue); --blue-hover: #0F52D9; --tint: #EEF3FF; --pill: #E9EDF5;
  --ink: var(--hk-ink); --brand: var(--hk-blue); --bg: var(--hk-soft); --line: var(--hk-line);
  color: var(--hk-ink);
}
body.hk000 p a:not(.btn), body.hk000 .check a { color: var(--hk-link); }

/* Top bar: the website's near-black, with the lime logo */
body.hk000.client-area .ctop { background: var(--hk-dark); height: 64px; }
body.hk000.client-area .side { top: 64px; height: calc(100vh - 64px); }

/* Buttons: lime with near-black text, like "Claim it free" */
body.hk000 .btn { border-radius: 10px; }
body.hk000 .btn-primary,
body.hk000.client-area .btn-primary,
body.hk000.staff-area .btn-primary,
body.hk000.auth-body .btn-primary {
  background: var(--hk-lime); border-color: var(--hk-lime); color: var(--hk-dark); font-weight: 700;
}
body.hk000 .btn-primary:hover,
body.hk000.client-area .btn-primary:hover,
body.hk000.staff-area .btn-primary:hover,
body.hk000.auth-body .btn-primary:hover { background: var(--hk-lime-h); border-color: var(--hk-lime-h); color: var(--hk-dark); }
html body.hk000 a.btn-primary, html body.hk000 a.btn-primary:visited, html body.hk000 a.btn-primary:hover, html body.hk000 button.btn-primary, html body.hk000 .btn-primary * { color: var(--hk-dark) !important; }
body.hk000 .btn-primary:focus-visible { outline: 3px solid var(--hk-dark); outline-offset: 2px; }
body.hk000 .btn-outline { border-color: #D5DBE8; color: var(--hk-ink); }
body.hk000 .btn-outline:hover { border-color: var(--hk-ink); color: var(--hk-ink); }

/* Menu: the active item gets the lime marker */
body.hk000.client-area .nav-link.active { background: #fff; box-shadow: inset 3px 0 0 var(--hk-lime), 0 1px 2px rgba(10,21,48,.06); color: var(--hk-ink); }
body.hk000.client-area .nav-link:hover { background: rgba(10,21,48,.04); }

/* Cards: the website's soft, rounded panels */
body.hk000 .card { border-color: var(--hk-line); border-radius: 16px; }
body.hk000 .input { border-radius: 10px; }
body.hk000 .input:focus { border-color: var(--hk-ink); box-shadow: 0 0 0 3px rgba(198,240,74,.55); outline: none; }

/* Bigger text than the paid panel, like the website (17px body text there) */
html body.hk000.client-area { font-size: 16px; }
html body.hk000.staff-area { font-size: 15px; }
html body.hk000 .small, html body.hk000 small, html body.hk000 .muted.small { font-size: 14.5px; }
html body.hk000 .hk-tool small, html body.hk000 .hk-status-row small, html body.hk000 .label { font-size: 14px; }
html body.hk000 .hk-tool b, html body.hk000 .hk-status-row b { font-size: 16px; }
html body.hk000 .card-title { font-size: 17px; }
html body.hk000 .table td, html body.hk000 .table th { font-size: 15px; }
html body.hk000 main form label:not(.check):not(.btn):not(.nav-link):not(.inline) { font-size: 15px; }
html body.hk000 .input { font-size: 15px; }
html body.hk000 .btn { font-size: 15px; }
html body.hk000 .btn-sm { font-size: 14px; }
html body.hk000 h1.page { letter-spacing: -.02em; }
/* Side menu */
html body.hk000.client-area .nav-link { font-size: 16px; min-height: 42px; }
html body.hk000.staff-area .nav-link { font-size: 15.5px; height: 40px; }
html body.hk000.client-area .nav-link svg { width: 20px; height: 20px; }
html body.hk000 .nav-group { font-size: 12px; }
html body.hk000 .side-menu-search input, html body.hk000 .side-switch select { font-size: 15px; }

/* Upgrade pill in the top bar */
body.hk000.client-area .ctop-refer { background: rgba(198,240,74,.14); color: var(--hk-lime); }
body.hk000.client-area .ctop-refer:hover { background: rgba(198,240,74,.24); color: var(--hk-lime); }

/* Sign-up, login and password pages: the website's dark hero with a white card */
body.hk000.auth-body, body.hk000.auth-body .auth { background: var(--hk-dark); }
body.hk000.auth-body .auth-card { border: 0; border-radius: 22px; padding: 40px; font-size: 16px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.6); }
body.hk000.auth-body .auth-title { font-weight: 400; letter-spacing: -.02em; }
body.hk000.auth-body .input { height: 50px; border-radius: 12px; border-color: #D5DBE8; font-size: 16px; }
body.hk000.auth-body .input:focus { border-color: var(--hk-ink); box-shadow: 0 0 0 3px rgba(198,240,74,.6); }
body.hk000.auth-body .btn-primary { height: 54px; border-radius: 12px; font-size: 16px; }
body.hk000.auth-body .auth-main > p a, body.hk000.auth-body .auth-foot a { color: rgba(255,255,255,.75); }
body.hk000.auth-body .free-addr { border-radius: 12px; }
body.hk000.auth-body .check a { color: var(--hk-link); }

/* Help centre (public pages) */
body.hk000.public { background: var(--hk-soft); }
html body.hk000.staff-area a.btn.btn-primary, html body.hk000.staff-area a.btn.btn-primary:hover, html body.hk000.staff-area .btn-primary { color: var(--hk-dark) !important; }
html body.hk000.staff-area .btn-primary { background: var(--hk-lime); border-color: var(--hk-lime); }
html body.hk000.staff-area .btn-primary:hover { background: var(--hk-lime-h); border-color: var(--hk-lime-h); }
html body.hk000.client-area .side-group summary, html body.hk000.client-area .side-back { font-size: 16px; }
html body.hk000.client-area .side-group summary { min-height: 42px; }
html body.hk000.client-area .side-group .nav-link { font-size: 15px; }
/* Website address: one box, "yourname" then ".hostking000.net", like the website's claim field */
html body.hk000 .free-addr { display: flex; align-items: center; background: #fff; border: 1.5px solid #D5DBE8; border-radius: 12px; padding-right: 14px; min-width: 0; }
html body.hk000 .free-addr:focus-within { border-color: var(--hk-ink); box-shadow: 0 0 0 3px rgba(198,240,74,.6); }
html body.hk000 .free-addr .input { flex: 1 1 auto; min-width: 0; border: 0 !important; box-shadow: none !important; background: transparent; }
html body.hk000 .free-addr span { color: var(--hk-mute); font-weight: 500; white-space: nowrap; }
html body.hk000 .free-compare { margin-top: 14px; padding: 12px 14px; border-radius: 12px; background: #F4F9E3; border: 1px solid #DCEFA0; color: var(--hk-ink); }
html body.hk000 .free-near { border-color: #DCEFA0; background: #FBFEF1; }