/* Host Kaira visual identity for the hosting panel. Functional controls remain owned by CyberPanel. */
html.cp-evergreen[data-color-scheme="evergreen"]:not([data-theme="dark"]){
 --cp-cream:#f4f8fc;--cp-ink:#102038;--cp-mint:#e5f2ff;--cp-action:#1479ee;--cp-action-hover:#0865cb;--cp-action-text:#fff;--cp-surface:#fff;--cp-selection:#e5f2ff;--cp-selection-text:#0a5cad;--cp-border-strong:#a9c4dc;
 --bg-primary:#f4f8fc;--bg-secondary:#fff;--bg-tertiary:#ecf4fb;--bg-sidebar:#edf5fc;--bg-hover:#e5f2ff;--bg-muted:#eff5fb;--bg-code:#edf4fb;--bg-light:#eff5fb;
 --text-primary:#20354c;--text-secondary:#5c7186;--text-muted:#65798d;--text-heading:#102038;--text-dark:#102038;--border-color:#dbe7f1;--border-soft:#e4edf5;--border-light:#e4edf5;
 --accent-color:#086bce;--accent-hover:#0958a6;--accent-bg:#e5f2ff;--accent-light:#e5f2ff;--accent-soft-bg:#e5f2ff;--accent-shadow:rgb(20 121 238 / 14%);
 --primary-color:#086bce;--primary-hover:#0958a6;--primary-light:#e5f2ff;--primary-bg:#e5f2ff;--purple-bg:#e5f2ff;--purple-color:#086bce;--purple-text:#086bce;--table-head-bg:#f1f6fb;--table-head-text:#526b83;--focus-ring:#1479ee;--ai-banner-bg:#e5f2ff;
}
html.cp-evergreen[data-color-scheme="evergreen"][data-theme="dark"]{--cp-action:#62b2ff;--cp-action-hover:#8ac7ff;--cp-action-text:#071b33;--cp-selection:#173b62;--cp-selection-text:#d8eeff;--accent-color:#84c4ff;--accent-hover:#a8d8ff;--primary-color:#84c4ff;--purple-color:#84c4ff;--purple-text:#84c4ff;--focus-ring:#84c4ff}
html.cp-evergreen #hostkaira-development-promo{border-left-color:#1479ee!important}

/* Login page */
html.cp-evergreen.cp-auth{--cp-sa-paper:#f4f8fc;--cp-sa-surface:#fff;--cp-sa-mint:#071b35;--cp-sa-ink:#102038;--cp-sa-muted:#64778a;--cp-sa-line:#d2e0eb;--cp-sa-orange:#1479ee;--cp-sa-accent-ink:#fff;--cp-sa-focus:#1479ee}
html.cp-evergreen.cp-auth body,html.cp-evergreen.cp-auth .col-login-right{background:#f4f8fc!important}
html.cp-evergreen.cp-auth .col-login-left{background:linear-gradient(90deg,#061a35ed,#061a35bb),url("../brand/datacenter.webp") center/cover no-repeat!important;border-right:0!important;color:#fff;overflow:hidden}
html.cp-evergreen.cp-auth .col-login-left h2{max-width:520px;color:#fff!important;font-size:clamp(39px,4vw,58px)!important;line-height:1.1!important;letter-spacing:-.06em!important;font-weight:800!important}
html.cp-evergreen.cp-auth .col-login-left h4:not(.card-learnmore){max-width:440px;color:#d6e9fa!important;font-size:17px!important;line-height:1.65!important}
html.cp-evergreen.cp-auth .hk-panel-help{position:relative;z-index:2;margin-top:auto;padding:24px 0;border-top:1px solid #bcdaf655;color:#fff}
html.cp-evergreen.cp-auth .hk-panel-help span{color:#86caff;font-size:11px;font-weight:800;letter-spacing:.17em}
html.cp-evergreen.cp-auth .hk-panel-help p{margin:7px 0 8px;color:#fff;font-size:22px;font-weight:750;letter-spacing:-.035em}
html.cp-evergreen.cp-auth .hk-panel-help a{color:#b9e0ff;font-size:13px;font-weight:700;text-decoration:none}
html.cp-evergreen.cp-auth .hk-panel-help a:hover{text-decoration:underline}
html.cp-evergreen.cp-auth .col-login-right{align-items:center}
html.cp-evergreen.cp-auth #loginForm h1{color:#102038!important;font-size:35px;font-weight:800}
html.cp-evergreen.cp-auth #loginForm h1 img{width:48px;height:48px}
html.cp-evergreen.cp-auth #loginForm > h4{color:#64778a!important;margin-bottom:28px!important}
html.cp-evergreen.cp-auth #loginForm label{color:#253d56;font-weight:700}
html.cp-evergreen.cp-auth #loginForm :is(input.form-control,select.form-control){height:50px!important;border-color:#cbdbe8;border-radius:9px;background:#fff}
html.cp-evergreen.cp-auth #loginForm .input-group-addon{border-color:#cbdbe8;border-radius:0 9px 9px 0;background:#fff!important}
html.cp-evergreen.cp-auth #loginForm .btn-login{min-height:50px;background:#1479ee!important;color:#fff!important;border-color:#1479ee!important;border-radius:9px!important;font-weight:800}
html.cp-evergreen.cp-auth #loginForm .btn-login:hover{background:#0866cf!important;border-color:#0866cf!important}
html.cp-evergreen.cp-auth .hk-panel-login-help{margin:20px 0 0;color:#677c91;font-size:13px;text-align:center}
html.cp-evergreen.cp-auth .hk-panel-login-help a{color:#086bce;font-weight:700;text-decoration:none}
html.cp-evergreen.cp-auth .hk-panel-login-help a:hover{text-decoration:underline}
html.cp-evergreen.cp-auth .spinner > div{background:#1479ee}
@media(max-width:767px){html.cp-evergreen.cp-auth .col-login-left{display:none!important}html.cp-evergreen.cp-auth .col-login-right{display:flex!important;flex:1 1 auto!important;width:100%!important;min-height:100svh!important;padding:30px 20px!important;align-items:center;justify-content:center}html.cp-evergreen.cp-auth #loginForm{width:min(100%,420px);max-width:420px;margin:0 auto!important}html.cp-evergreen.cp-auth #loginForm h1{font-size:31px}html.cp-evergreen.cp-auth .login-wrapper{width:100%!important;max-width:440px}}
/* Host Kaira customer panel: WordPress is not offered as a managed option. */
a[href*="createWordpress"], a[href*="ListWPSites"], a[href*="wordpressInstall"],
a[href*="applicationInstaller"], .cp-qa-card[href*="wordpress"],
.insight-card[href*="wordpress"], .app-card.wordpress { display:none!important; }
/* Host Kaira 2026: align hPanel with the customer portal. */
html.cp-evergreen[data-color-scheme="evergreen"]:not([data-theme="dark"]){
 --cp-cream:#f8f7fc;--cp-ink:#281a42;--cp-mint:#eee5ff;--cp-action:#6c38d1;--cp-action-hover:#5326a9;--cp-action-text:#fff;--cp-surface:#fff;--cp-selection:#eee5ff;--cp-selection-text:#5425a6;--cp-border-strong:#bea4df;
 --bg-primary:#f8f7fc;--bg-secondary:#fff;--bg-tertiary:#f3eefb;--bg-sidebar:#21123d;--bg-hover:#f3edfc;--bg-muted:#f6f2fb;--bg-code:#f0ebf8;--bg-light:#f6f2fb;
 --text-primary:#302244;--text-secondary:#716480;--text-muted:#80738d;--text-heading:#26173f;--text-dark:#26173f;--border-color:#e6dfee;--border-soft:#eee8f4;--border-light:#eee8f4;
 --accent-color:#6837bf;--accent-hover:#5426a8;--accent-bg:#eee5ff;--accent-light:#f3edff;--accent-soft-bg:#f3edff;--accent-shadow:rgb(99 49 184 / 16%);
 --primary-color:#6837bf;--primary-hover:#5426a8;--primary-light:#eee5ff;--primary-bg:#eee5ff;--purple-bg:#eee5ff;--purple-color:#6837bf;--purple-text:#6837bf;--table-head-bg:#f8f5fb;--table-head-text:#6e5d83;--focus-ring:#8755d5;--ai-banner-bg:#eee5ff;
}
html.cp-evergreen[data-color-scheme="evergreen"][data-theme="dark"]{--cp-action:#b891ff;--cp-action-hover:#d2b9ff;--cp-action-text:#1b0d34;--cp-selection:#422363;--cp-selection-text:#f1e6ff;--accent-color:#bd97ff;--accent-hover:#d4b9ff;--primary-color:#bd97ff;--purple-color:#bd97ff;--purple-text:#bd97ff;--focus-ring:#ba91fa}
html.cp-evergreen #hostkaira-development-promo{border-left-color:#7b47d0!important}
html.cp-evergreen #sidebar{background:radial-gradient(circle at -30px 0,#6d40b94f,transparent 30%),linear-gradient(180deg,#23113f,#170c2f)!important;border-right-color:#ffffff16!important}
html.cp-evergreen #sidebar .sidebar-logo{height:88px;padding:22px 22px!important;border-bottom:1px solid #ffffff14!important}
html.cp-evergreen .hk-panel-sidebar-brand{display:inline-block;color:#fff!important;font-family:Manrope,"DM Sans",sans-serif;font-size:25px;font-weight:900;letter-spacing:-.07em;line-height:1;text-decoration:none;white-space:nowrap}
html.cp-evergreen .hk-panel-sidebar-brand span{color:#b78aff}html.cp-evergreen .hk-panel-sidebar-brand i{color:#d1b2ff;font-style:normal}
html.cp-evergreen #sidebar .section-header{color:#a892c9!important;font-size:9px;letter-spacing:.16em}
html.cp-evergreen #sidebar .menu-item{min-height:40px;border-radius:9px;color:#d8cbe9!important;font-weight:650;transition:background .22s,transform .22s,color .22s}
html.cp-evergreen #sidebar .menu-item i,html.cp-evergreen #sidebar .menu-item .chevron{color:#c7b4df!important}
html.cp-evergreen #sidebar .menu-item:hover{background:#ffffff15!important;color:#fff!important;transform:translateX(2px)}
html.cp-evergreen #sidebar .menu-item.active,html.cp-evergreen #sidebar .submenu .menu-item.active{background:#f0e8ff!important;color:#502294!important;border-color:#ffffff!important;box-shadow:0 8px 21px #0b051d4d!important;font-weight:750}
html.cp-evergreen #sidebar .menu-item.active i{color:#6636bd!important}
html.cp-evergreen #sidebar .menu-item.active::before{background:#a876ec!important;width:3px}
html.cp-evergreen #sidebar .menu-item-promo{border-color:#ffffff2d!important;background:#ffffff0b!important}
html.cp-evergreen #sidebar .menu-item.menu-item-promo>span{color:#efe3ff!important}
html.cp-evergreen #sidebar .menu-item .badge-promo{background:#a87ae4!important;color:#fff!important}
html.cp-evergreen #sidebar .server-info{border-color:#ffffff2a!important;background:#ffffff0c!important;color:#dfd0f1!important}
html.cp-evergreen #sidebar .server-info .server-icon{background:#ffffff19!important;color:#d5b5ff!important}
html.cp-evergreen #sidebar .server-info :is(.info-line,.ip-value){color:#dfd0f1!important}
html.cp-evergreen #sidebar .sidebar-search input{background:#ffffff10!important;border-color:#ffffff2d!important;color:#fff!important}
html.cp-evergreen #sidebar .sidebar-search input::placeholder{color:#b5a3cb!important}
html.cp-evergreen #sidebar .sidebar-search i{color:#c5b5d8!important}
html.cp-evergreen #header{background:#fffffff0!important;border-bottom-color:#e7deef!important;box-shadow:0 7px 20px #39176908!important;backdrop-filter:blur(18px)}
html.cp-evergreen[data-theme="dark"] #header{background:#231632ee!important;border-bottom-color:#ffffff1d!important}
html.cp-evergreen .cp-header-eyebrow{color:#8058b0!important;font-size:9px!important;font-weight:800!important;letter-spacing:.14em!important}
html.cp-evergreen .cp-header-title{font-family:Manrope,"DM Sans",sans-serif;font-weight:850!important;letter-spacing:-.035em}
html.cp-evergreen #header :is(.theme-toggle,.cp-notif-btn,#mobile-menu-toggle){border-radius:10px!important}
html.cp-evergreen #header-right .logout-btn{border-radius:10px!important}
html.cp-evergreen #header-right .hk-back-portal{display:inline-flex;align-items:center;min-height:33px;padding:7px 11px;border:1px solid #dfd2ec;border-radius:10px;background:#f8f3ff;color:#6231b6!important;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}
html.cp-evergreen #header-right .hk-back-portal:hover{background:#eee4fb;border-color:#c6a9e6}
html.cp-evergreen :is(.cp-qa-card,.insight-card,.app-card,.card,.content-box){border-radius:15px}
html.cp-evergreen :is(button,.btn,input,select,textarea):focus-visible{outline:3px solid #b48bef;outline-offset:2px}

/* Login experience */
html.cp-evergreen.cp-auth{--cp-sa-paper:#f8f7fc;--cp-sa-surface:#fff;--cp-sa-mint:#21123d;--cp-sa-ink:#2c1a49;--cp-sa-muted:#766b84;--cp-sa-line:#e3d9ed;--cp-sa-orange:#713dce;--cp-sa-accent-ink:#fff;--cp-sa-focus:#9d73e0}
html.cp-evergreen.cp-auth body,html.cp-evergreen.cp-auth .col-login-right{background:#f8f7fc!important}
html.cp-evergreen.cp-auth .col-login-left{background:radial-gradient(circle at 95% 0,#a976e377,transparent 40%),linear-gradient(120deg,#1a0e37f0,#3c1d6ad6),url("../brand/datacenter.webp") center/cover no-repeat!important}
html.cp-evergreen.cp-auth .col-login-left h2{max-width:590px!important;color:#fff!important;font-size:clamp(38px,4.3vw,62px)!important;line-height:1.04!important;letter-spacing:-.07em!important;font-weight:850!important}
html.cp-evergreen.cp-auth .col-login-left h4:not(.card-learnmore){color:#e2d1fa!important;font-size:16px!important;line-height:1.7!important}
html.cp-evergreen.cp-auth .hk-panel-help{border-top-color:#e4cfff55!important}
html.cp-evergreen.cp-auth .hk-panel-help span{color:#d5b3ff!important}html.cp-evergreen.cp-auth .hk-panel-help a{color:#ecd8ff!important}
html.cp-evergreen.cp-auth .login-wrapper{padding-block:25px}
html.cp-evergreen.cp-auth .hk-panel-brand-title{margin-bottom:0!important;color:#311950!important;text-transform:none!important}
html.cp-evergreen.cp-auth .hk-panel-wordmark{font-family:Manrope,"DM Sans",sans-serif;font-size:clamp(32px,3vw,42px);font-weight:900;letter-spacing:-.075em;line-height:1}
html.cp-evergreen.cp-auth .hk-panel-wordmark span{color:#7640d2}html.cp-evergreen.cp-auth .hk-panel-wordmark i{color:#a274ed;font-style:normal}
html.cp-evergreen.cp-auth #loginForm>h4{color:#756b82!important;margin:8px 0 28px!important;font-size:13px!important}
html.cp-evergreen.cp-auth #loginForm label{color:#352448!important;font-size:12px!important;font-weight:800!important}
html.cp-evergreen.cp-auth #loginForm :is(input.form-control,select.form-control){height:51px!important;border-color:#dfd3ed!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}
html.cp-evergreen.cp-auth #loginForm :is(input.form-control,select.form-control):focus{border-color:#9b6edc!important;box-shadow:0 0 0 4px #a077df27!important}
html.cp-evergreen.cp-auth #loginForm .input-group-addon{border-color:#dfd3ed!important;border-radius:0 11px 11px 0!important;color:#895dbc!important}
html.cp-evergreen.cp-auth #loginForm .btn-login{min-height:52px;background:linear-gradient(105deg,#7640d3,#5527aa)!important;border:0!important;border-radius:11px!important;box-shadow:0 9px 22px #6531b832!important;transition:transform .25s,box-shadow .25s!important}
html.cp-evergreen.cp-auth #loginForm .btn-login:hover{transform:translateY(-2px);box-shadow:0 15px 27px #6531b84d!important}
html.cp-evergreen.cp-auth .hk-panel-login-help a{color:#6836bf!important}
html.cp-evergreen.cp-auth .spinner>div{background:#7640d3!important}
@media(max-width:767px){html.cp-evergreen.cp-auth .col-login-right{padding:30px 17px!important}html.cp-evergreen.cp-auth .login-wrapper{padding-block:12px}html.cp-evergreen.cp-auth .hk-panel-wordmark{font-size:35px}}
@media(max-width:950px){html.cp-evergreen #header-right .hk-back-portal{display:none}}
@media(prefers-reduced-motion:reduce){html.cp-evergreen #sidebar .menu-item,html.cp-evergreen.cp-auth #loginForm .btn-login{transition:none!important}}