/* IDKallHost modern visual layer for WHMCS Six.
   Keeps WHMCS markup and workflows intact; CSS-only overrides. */
:root{--ikh-navy:#0b1733;--ikh-navy2:#14264b;--ikh-blue:#3478f6;--ikh-cyan:#26b7d7;--ikh-ink:#17233b;--ikh-muted:#697791;--ikh-line:#e5ebf4;--ikh-bg:#f4f7fc;--ikh-radius:16px;--ikh-shadow:0 8px 28px rgba(21,42,83,.08)}
html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ikh-ink);background:var(--ikh-bg);font-size:14px;line-height:1.65}a{color:var(--ikh-blue);transition:color .18s ease}a:hover,a:focus{color:#1755c5;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ikh-navy);font-weight:750;letter-spacing:-.025em}h1{font-size:30px}h2{font-size:24px}p{color:#4d5b75}
#header{background:linear-gradient(115deg,#0b1733 0%,#142b56 65%,#1a4c86 100%);border:0;box-shadow:0 5px 22px rgba(8,22,50,.14);padding:18px 0 22px}#header .logo{display:inline-flex;align-items:center;min-height:48px;color:#fff;font-size:25px;font-weight:800;letter-spacing:-.04em}#header .logo img{max-height:48px;max-width:250px;object-fit:contain}#header .top-nav{margin-bottom:18px}#header .top-nav>li>a{color:rgba(255,255,255,.86);font-size:12px;font-weight:600}#header .top-nav>li>a:hover{color:#fff}#header .top-nav .primary-action .btn{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);border-radius:9px;padding:7px 13px;color:#fff}#header .top-nav .primary-action .btn:hover{background:rgba(255,255,255,.22)}
.navbar-main{background:#fff;border:0;border-bottom:1px solid var(--ikh-line);box-shadow:0 4px 18px rgba(20,39,78,.04);min-height:56px;margin-bottom:26px;font-family:inherit;font-size:14px}.navbar-main .navbar-nav>li>a{color:#465571;padding-top:18px;padding-bottom:18px;font-weight:650}.navbar-main .navbar-nav>li>a:hover,.navbar-main .navbar-nav>.active>a,.navbar-main .navbar-nav>.open>a,.navbar-main .navbar-nav>.active>a:hover,.navbar-main .navbar-nav>.open>a:hover{background:#f0f5ff;color:var(--ikh-blue)}.navbar-main li.account{background:#f3f7ff}.navbar-main li.account>a{color:var(--ikh-navy)}.navbar-main .dropdown-menu{border:1px solid var(--ikh-line);border-radius:12px;box-shadow:var(--ikh-shadow);padding:7px;min-width:210px}.navbar-main .dropdown-menu>li>a{padding:9px 12px;border-radius:7px;color:#34425d}.navbar-main .dropdown-menu>li>a:hover{background:#eef4ff;color:var(--ikh-blue)}
#main-body{min-height:60vh;padding-bottom:44px}.breadcrumb{background:transparent;padding:0;margin:0 0 22px;color:var(--ikh-muted);font-size:12px}.breadcrumb>li+li:before{color:#a6b0c1}.header-lined{border-bottom:1px solid var(--ikh-line);margin:0 0 25px;padding:0 0 14px}.header-lined h1{margin:0;font-size:30px}.header-lined .breadcrumb{margin-top:8px}
.panel,.card{border:1px solid var(--ikh-line);border-radius:var(--ikh-radius);box-shadow:var(--ikh-shadow);background:#fff;overflow:hidden}.panel-default{border-color:var(--ikh-line)}.panel-default>.panel-heading{background:#fff;border-color:var(--ikh-line);padding:16px 20px;color:var(--ikh-navy);font-weight:750}.panel-title{font-weight:750}.panel-body{padding:20px}.panel-footer{background:#fafcff;border-color:var(--ikh-line);padding:14px 20px}.panel-accent-blue,.panel-accent-green,.panel-accent-red,.panel-accent-gold{border-top-width:3px}.panel-accent-blue{border-top-color:var(--ikh-blue)}.panel-accent-green{border-top-color:#16a878}.panel-accent-red{border-top-color:#e15b67}.panel-accent-gold{border-top-color:#e8a23a}
.tiles .tile{padding:10px}.tiles .tile>a{position:relative;display:block;min-height:145px;background:#fff;border:1px solid var(--ikh-line);border-radius:16px;box-shadow:var(--ikh-shadow);padding:20px 18px;color:var(--ikh-ink);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tiles .tile>a:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(21,42,83,.13);border-color:#c8d8f5}.tiles .tile .icon{color:var(--ikh-blue);font-size:21px;margin-bottom:10px}.tiles .tile .stat{font-size:32px;line-height:1.2;font-weight:800;letter-spacing:-.04em;color:var(--ikh-navy)}.tiles .tile .title{color:var(--ikh-muted);font-size:13px;font-weight:650;margin-top:5px}.tiles .tile .highlight{position:absolute;left:0;right:0;bottom:0;height:3px;opacity:.9}.tiles .tile .bg-color-blue{background:var(--ikh-blue)}.tiles .tile .bg-color-green{background:#16a878}.tiles .tile .bg-color-red{background:#e15b67}.tiles .tile .bg-color-gold{background:#e8a23a}
.home-kb-search{position:relative;margin:16px 0 24px}.home-kb-search .form-control{height:54px;border:1px solid var(--ikh-line);border-radius:12px;padding-left:48px;box-shadow:none;background:#fff}.home-kb-search .form-control:focus{border-color:#8fb4ff;box-shadow:0 0 0 3px rgba(52,120,246,.1)}.home-kb-search>i{left:30px;top:19px;color:#8a97ad}.client-home-panels{margin-top:10px}
.form-control{height:43px;border:1px solid #dce4f0;border-radius:9px;box-shadow:none;color:var(--ikh-ink)}.form-control:focus{border-color:#8fb4ff;box-shadow:0 0 0 3px rgba(52,120,246,.1)}label{font-weight:700;color:#34425d}.input-group-addon{background:#f5f8fd;border-color:#dce4f0;border-radius:9px;color:#687791}.btn{border-radius:9px;font-weight:700;padding:9px 15px;transition:all .18s ease}.btn-primary{background:var(--ikh-blue);border-color:var(--ikh-blue);box-shadow:0 4px 10px rgba(52,120,246,.16)}.btn-primary:hover,.btn-primary:focus{background:#1f61d8;border-color:#1f61d8;transform:translateY(-1px)}.btn-default,.btn-info,.btn-success,.btn-warning,.btn-danger{border-radius:9px}.btn-default{background:#fff;border-color:#dce4f0;color:#42516c}.btn-default:hover{background:#f4f7fc;border-color:#c8d4e7;color:var(--ikh-navy)}
.table-responsive{border:1px solid var(--ikh-line);border-radius:12px;background:#fff}.table{margin-bottom:0}.table>thead>tr>th{background:#f7f9fd;color:#65738c;border-bottom:1px solid var(--ikh-line);font-size:11px;text-transform:uppercase;letter-spacing:.055em;padding:13px 15px}.table>tbody>tr>td{padding:14px 15px;border-top:1px solid #edf1f7;vertical-align:middle}.table-hover>tbody>tr:hover{background:#f8faff}.list-group{border-radius:12px;overflow:hidden}.list-group-item{border-color:#edf1f7;padding:12px 16px}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{background:#edf4ff;border-color:#d8e6ff;color:#174eaf}.list-group-item .badge{background:#edf2fa;color:#596984;border-radius:20px;padding:5px 8px}.label{border-radius:20px;padding:.35em .7em;font-weight:700}.pagination>li>a,.pagination>li>span{border-color:var(--ikh-line);color:var(--ikh-blue);border-radius:7px!important;margin:0 2px}.pagination>.active>a,.pagination>.active>span{background:var(--ikh-blue);border-color:var(--ikh-blue)}
.alert{border:0;border-radius:12px;padding:14px 17px;box-shadow:0 3px 12px rgba(20,39,78,.04)}.alert-info{background:#eef6ff;color:#24518f}.alert-success{background:#eaf9f1;color:#176844}.alert-warning{background:#fff7e8;color:#8a5a13}.alert-danger{background:#fff0f0;color:#9b3434}.modal-content{border:1px solid var(--ikh-line);border-radius:16px;box-shadow:0 20px 60px rgba(11,23,51,.2);overflow:hidden}.modal-header{background:#f8faff;border-bottom-color:var(--ikh-line)}
footer#footer,.footer{background:#0b1733;color:#b7c4dc;padding:28px 0;border-top:0}footer#footer a,.footer a{color:#e0e9ff}footer#footer a:hover,.footer a:hover{color:#fff}#footer .container{color:#aab8d1}
/* WHMCS client-area pages */
#main-body .content-padded{background:transparent}.client-home-panels .panel-body p:last-child{margin-bottom:0}.domain-renewal-notice,.credit-card{border-radius:12px}.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{border:1px solid #dce4f0;border-radius:8px;padding:5px 9px}
@media(max-width:767px){#header{padding:14px 0 18px}#header .logo{font-size:21px}#header .top-nav{margin-bottom:12px}.navbar-main{margin-bottom:18px}.navbar-main .navbar-nav>li>a{padding:12px 15px}.header-lined h1,h1{font-size:25px}.tiles .tile{padding:6px}.tiles .tile>a{min-height:132px;padding:16px 13px}.tiles .tile .stat{font-size:27px}.tiles .tile .title{font-size:12px}.panel-body{padding:15px}.table>thead>tr>th,.table>tbody>tr>td{padding:10px}.btn{white-space:normal}}
/* Client Area welcome banner */
.ikh-client-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 22px;padding:27px 30px;border-radius:18px;background:radial-gradient(circle at 88% 12%,rgba(57,157,255,.38),transparent 30%),linear-gradient(115deg,#0b1733,#17376c 68%,#1a5a96);box-shadow:0 12px 30px rgba(11,23,51,.16);color:#fff;overflow:hidden}.ikh-client-welcome .ikh-welcome-copy{max-width:720px}.ikh-client-welcome .ikh-eyebrow{display:inline-block;margin-bottom:7px;color:#9bdcff;font-size:10px;font-weight:800;letter-spacing:.16em}.ikh-client-welcome h2{margin:0 0 7px;color:#fff;font-size:27px;font-weight:800;letter-spacing:-.035em}.ikh-client-welcome p{margin:0;color:rgba(255,255,255,.78);font-size:14px}.ikh-welcome-mark{display:flex;align-items:center;gap:10px;color:#dceaff;font-size:12px;font-weight:700;white-space:nowrap}.ikh-welcome-mark i{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.12);font-size:21px;color:#fff}@media(max-width:767px){.ikh-client-welcome{display:block;padding:22px 20px}.ikh-client-welcome h2{font-size:23px}.ikh-welcome-mark{margin-top:18px;white-space:normal}}