/* Nexo visual layer for WHMCS Six / LowEndHost Blue. */
@font-face{font-family:KLP Geist;src:url(../art/geist-variable-latin.woff2) format("woff2");font-display:swap;font-weight:100 900}
@font-face{font-family:KLP Mono;src:url(../art/geistmono-variable-latin.woff2) format("woff2");font-display:swap;font-weight:100 900}
@font-face{font-family:KLP Orbitron;src:url(../art/orbitron-700-latin.woff2) format("woff2");font-display:swap;font-weight:700}
body.kl-portal{
 --kl-bg:#0a111b;--kl-panel:#111e2d;--kl-raised:#17283a;--kl-line:#32485d;--kl-text:#f5f9ff;
 --kl-muted:#b3c3d4;--kl-cyan:#69e4e9;--kl-violet:#d7c1fa;--kl-ink:#06292f;
 --kl-green:#9ce4ba;--kl-warn:#ffdb9c;--kl-danger:#ffc0be;--kl-field:#0d1927;--kl-radius:12px;
 --kl-ease:cubic-bezier(.23,1,.32,1);--kl-mono:"KLP Mono",ui-monospace,monospace;
 margin:0;min-height:100vh;color:var(--kl-text);background:radial-gradient(ellipse at 82% -13%,#153043,transparent 55%),var(--kl-bg);
 font:15px/1.5 "KLP Geist",system-ui,sans-serif;
}
.kl-portal h1,.kl-portal h2,.kl-portal h3,.kl-portal h4,.kl-portal h5,.kl-portal .h1,.kl-portal .h2,.kl-portal .h3{
 font-family:inherit;line-height:1.14;letter-spacing:-.035em;color:var(--kl-text);font-weight:720
}
.kl-portal h1{font-size:clamp(30px,4vw,49px)}
.kl-portal a{color:var(--kl-cyan)}
.kl-portal a:hover,.kl-portal a:focus{color:#aff9fc}
.kl-portal :focus-visible{outline:2px solid var(--kl-cyan);outline-offset:3px}
.kl-portal .text-muted,.kl-portal .help-block,.kl-portal .small,.kl-portal small{color:var(--kl-muted)}
.kl-portal .text-success{color:var(--kl-green)!important}
.kl-portal .text-warning{color:var(--kl-warn)!important}
.kl-portal .text-danger{color:var(--kl-danger)!important}
.kl-portal .text-info{color:#a8dafa!important}
.kl-portal hr{border-color:var(--kl-line)}
.kl-portal #header{background:#0c1522;color:var(--kl-text);border:0;border-bottom:1px solid #263647;min-height:0}
.kl-portal #header>.container{min-height:68px;padding-top:10px;padding-bottom:10px}
.kl-portal #header .logo{display:inline-flex;align-items:center;gap:10px;color:var(--kl-text);text-shadow:none;line-height:1.2;font:700 19px "KLP Orbitron","KLP Geist",sans-serif;padding:4px 0}
.kl-portal .kl-mark{width:36px;height:36px;object-fit:contain;flex:none}
.kl-portal #header .logo img:not(.kl-mark){max-height:44px}
.kl-portal #header ul.top-nav{margin:0;padding-top:2px}
.kl-portal #header ul.top-nav>li>a{color:var(--kl-muted);font-family:inherit}
.kl-portal #header ul.top-nav>li>a:hover,.kl-portal #header ul.top-nav>li>a:focus{color:var(--kl-text)}
.kl-portal #header ul.top-nav>li.primary-action>a{border:1px solid var(--kl-line);border-radius:8px;background:var(--kl-raised);padding:6px 10px;color:var(--kl-text)}
.kl-portal #main-menu,.kl-portal #nav.navbar{margin:0;background:#101b2a;border:0;border-bottom:1px solid var(--kl-line);border-radius:0;min-height:46px}
.kl-portal #nav .navbar-nav>li>a{padding:12px 13px;background:transparent;color:var(--kl-muted);border:0;min-height:43px;font-weight:560}
.kl-portal #nav .navbar-nav>li>a:hover,.kl-portal #nav .navbar-nav>li>a:focus,.kl-portal #nav .navbar-nav>li.open>a,.kl-portal #nav .navbar-nav>li.active>a{background:#1c2e42;color:var(--kl-text)}
.kl-portal #nav .navbar-toggle{border:1px solid var(--kl-line);background:var(--kl-raised)}
.kl-portal #nav .navbar-toggle .icon-bar{background:var(--kl-text)}
.kl-portal .dropdown-menu,.kl-portal .popover,.kl-portal .tt-menu,.kl-portal .list-group-item{
 background:var(--kl-panel);border-color:var(--kl-line);color:var(--kl-text)
}
.kl-portal .dropdown-menu .divider{background:var(--kl-line)}
.kl-portal .dropdown-menu>li>a,.kl-portal .popover a{color:var(--kl-text)}
.kl-portal .dropdown-menu>li>a:hover,.kl-portal .dropdown-menu>li>a:focus{color:var(--kl-text);background:var(--kl-raised)}
.kl-portal .popover-title{background:var(--kl-raised);border-color:var(--kl-line);color:var(--kl-text)}
.kl-portal #main-body{background:none;color:var(--kl-text);padding:28px 0 46px;min-height:420px}
.kl-portal .header-lined{border:0;background:none;margin:0 0 22px;padding:0}
.kl-portal .header-lined h1{border:0;color:var(--kl-text);margin:0 0 11px;padding:0;line-height:1.05}
.kl-portal .header-lined h1 small{font-size:clamp(14px,1.5vw,20px);font-weight:500;display:block;margin-top:9px;line-height:1.3;color:var(--kl-muted)}
.kl-portal .breadcrumb{padding:5px 0;background:none;margin:0;color:var(--kl-muted)}
.kl-portal .breadcrumb>.active,.kl-portal .breadcrumb>li+li:before{color:var(--kl-muted)}
.kl-portal .panel,.kl-portal .well,.kl-portal .card,.kl-portal .list-group-item,.kl-portal .modal-content{
 border-color:var(--kl-line);background:var(--kl-panel);color:var(--kl-text);
}
.kl-portal .panel,.kl-portal .well,.kl-portal .card,.kl-portal .modal-content{
 border-radius:var(--kl-radius);box-shadow:inset 0 1px #ffffff0a,0 8px 18px #040a135e
}
.kl-portal .panel>.panel-heading,.kl-portal .panel>.panel-footer,.kl-portal .modal-header,.kl-portal .modal-footer,.kl-portal .card-header,.kl-portal .card-footer{
 background:var(--kl-raised);color:var(--kl-text);border-color:var(--kl-line);background-image:none
}
.kl-portal .panel>.panel-heading,.kl-portal .modal-header,.kl-portal .card-header{border-radius:var(--kl-radius) var(--kl-radius) 0 0}
.kl-portal .panel>.panel-footer,.kl-portal .modal-footer,.kl-portal .card-footer{border-radius:0 0 var(--kl-radius) var(--kl-radius)}
.kl-portal .panel-heading a,.kl-portal .panel-title{color:inherit}
.kl-portal .panel-heading .panel-title,.kl-portal .panel-title a{font-family:inherit;font-weight:650}
.kl-portal .panel-body,.kl-portal .panel-sidebar .panel-body{color:var(--kl-text)}
.kl-portal .panel-sidebar{overflow-wrap:anywhere}
.kl-portal .list-group-item>a,.kl-portal a.list-group-item{color:var(--kl-text)}
.kl-portal a.list-group-item:hover,.kl-portal a.list-group-item:focus,.kl-portal .list-group-item.active{background:#203448;border-color:#4b6c81;color:var(--kl-text)}
.kl-portal .close{color:var(--kl-text);text-shadow:none;opacity:.85}
.kl-portal .btn{
 border-radius:8px;box-shadow:none;background-image:none;text-shadow:none;min-height:38px;
 font-family:inherit;font-weight:650;white-space:normal
}
.kl-portal .btn-xs{min-height:28px}
.kl-portal .btn-primary,.kl-portal .btn-success,.kl-portal .btn-info{
 color:var(--kl-ink);background:var(--kl-cyan);border-color:#80ebee
}
.kl-portal .btn-primary:hover,.kl-portal .btn-primary:focus,.kl-portal .btn-success:hover,.kl-portal .btn-success:focus,.kl-portal .btn-info:hover,.kl-portal .btn-info:focus{
 color:var(--kl-ink);background:#9ff5f5;border-color:#adffff
}
.kl-portal .btn-default,.kl-portal .btn-secondary{color:var(--kl-text);background:var(--kl-raised);border-color:var(--kl-line)}
.kl-portal .btn-default:hover,.kl-portal .btn-default:focus,.kl-portal .btn-secondary:hover,.kl-portal .btn-secondary:focus{color:var(--kl-text);background:#20374a;border-color:#61829a}
.kl-portal .btn-warning{color:#342413;background:var(--kl-warn);border-color:#ffdfab}
.kl-portal .btn-danger{color:#fff6f6;background:#9b3847;border-color:#cb6d74}
.kl-portal .btn-link{color:var(--kl-cyan);background:transparent}
.kl-portal .btn.disabled,.kl-portal .btn[disabled]{opacity:.56}
.kl-portal label,.kl-portal legend{color:var(--kl-text)}
.kl-portal legend{padding-bottom:7px;border-color:var(--kl-line)}
.kl-portal .form-control,.kl-portal .input-group-addon,.kl-portal .select2-selection,.kl-portal .select2-dropdown{
 color:var(--kl-text);background-color:var(--kl-field);border-color:#415871;box-shadow:none;border-radius:8px
}
.kl-portal .form-control{min-height:39px}
.kl-portal .form-control::placeholder{color:#91a6bb;opacity:1}
.kl-portal .form-control:focus{border-color:var(--kl-cyan);box-shadow:0 0 0 2px #69e4e92b}
.kl-portal input[type="checkbox"],.kl-portal input[type="radio"]{accent-color:var(--kl-cyan)}
.kl-portal select.form-control option{color:var(--kl-text);background:var(--kl-field)}
.kl-portal .form-control[readonly],.kl-portal .form-control[disabled]{background:#172536;color:var(--kl-muted)}
.kl-portal .has-error .form-control{border-color:#e69498}
.kl-portal .has-error .control-label,.kl-portal .has-error .help-block{color:var(--kl-danger)}
.kl-portal .intl-tel-input .country-list,.kl-portal .iti__country-list{background:var(--kl-panel);color:var(--kl-text);border-color:var(--kl-line)}
.kl-portal .intl-tel-input .country-list .highlight,.kl-portal .iti__highlight{background:var(--kl-raised)}
.kl-portal .alert{border-radius:9px;color:var(--kl-text);background:var(--kl-raised);border-color:var(--kl-line)}
.kl-portal .alert-success{color:var(--kl-green);background:#172e29;border-color:#426d5b}
.kl-portal .alert-warning{color:var(--kl-warn);background:#332a23;border-color:#7b6343}
.kl-portal .alert-danger{color:var(--kl-danger);background:#38252e;border-color:#835463}
.kl-portal .alert-info{color:#c2e8fb;background:#182f44;border-color:#3e607a}
.kl-portal .alert a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.kl-portal .table{color:var(--kl-text);background:var(--kl-panel);margin-bottom:12px}
.kl-portal .table>thead>tr>th,.kl-portal table.dataTable thead th,.kl-portal .table>tfoot>tr>th{background:var(--kl-raised);color:var(--kl-text);border-color:var(--kl-line)}
.kl-portal .table>thead>tr>th,.kl-portal .table>tbody>tr>td,.kl-portal .table>tbody>tr>th,.kl-portal .table>tfoot>tr>td{border-color:var(--kl-line);padding:10px}
.kl-portal .table-striped>tbody>tr:nth-of-type(odd){background:#162638}
.kl-portal .table-hover>tbody>tr:hover,.kl-portal table.dataTable tbody tr:hover{background:#1b3044}
.kl-portal table.dataTable tbody tr,.kl-portal .dataTables_wrapper .dataTables_info{color:var(--kl-text)}
.kl-portal .dataTables_wrapper .dataTables_filter,.kl-portal .dataTables_wrapper .dataTables_length{background:var(--kl-raised);color:var(--kl-muted)}
.kl-portal .dataTables_wrapper .dataTables_filter input,.kl-portal .dataTables_wrapper .dataTables_length select{background:var(--kl-field);border:1px solid var(--kl-line);border-radius:6px;color:var(--kl-text)}
.kl-portal .pagination>li>a,.kl-portal .pagination>li>span{color:var(--kl-muted);background:var(--kl-panel);border-color:var(--kl-line)}
.kl-portal .pagination>.active>a,.kl-portal .pagination>.active>span{color:var(--kl-ink);background:var(--kl-cyan);border-color:var(--kl-cyan)}
.kl-portal .pagination>li>a:hover{background:var(--kl-raised);color:var(--kl-text)}
.kl-portal .label,.kl-portal .badge,.kl-portal .status{font-weight:600;border-radius:4px}
.kl-portal .label-default,.kl-portal .badge{background:#30465d;color:#ecf4fd}
.kl-portal .label-success,.kl-portal .status-active,.kl-portal .status-paid,.kl-portal .status-completed{background:#1e382d;color:#b5efd1}
.kl-portal .label-warning,.kl-portal .status-pending,.kl-portal .status-unpaid{background:#3f3525;color:var(--kl-warn)}
.kl-portal .label-danger,.kl-portal .status-cancelled,.kl-portal .status-suspended,.kl-portal .status-terminated{background:#462932;color:var(--kl-danger)}
.kl-portal .label-info,.kl-portal .label-primary{background:#25465c;color:#c5edfa}
.kl-portal .nav-tabs{border-color:var(--kl-line)}
.kl-portal .nav-tabs>li>a{color:var(--kl-muted)}
.kl-portal .nav-tabs>li>a:hover,.kl-portal .nav-tabs>li.active>a,.kl-portal .nav-tabs>li.active>a:hover,.kl-portal .nav-tabs>li.active>a:focus{
 color:var(--kl-text);background:var(--kl-raised);border-color:var(--kl-line)
}
.kl-portal .nav-pills>li.active>a,.kl-portal .nav-pills>li.active>a:hover,.kl-portal .nav-pills>li.active>a:focus{color:var(--kl-ink);background:var(--kl-cyan)}
/* Native client pages keep their forms, links and data. */
.kl-portal .logincontainer{max-width:570px;width:100%;padding:27px;margin:12px auto 35px;border:1px solid var(--kl-line);border-radius:var(--kl-radius);background:linear-gradient(155deg,var(--kl-raised),var(--kl-panel) 52%);box-shadow:0 16px 27px #040b1466}
.kl-portal .logincontainer .header-lined{margin-bottom:20px}
.kl-portal #registration,.kl-portal .client-home-panels .panel,.kl-portal .product-details,.kl-portal .domain-details{border-radius:var(--kl-radius)}
.kl-portal #registration .sub-heading,.kl-portal .client-home-panels .panel>.panel-heading{color:var(--kl-text)}
.kl-portal .sub-heading{border-color:var(--kl-line)}
.kl-portal .sub-heading span{background:var(--kl-bg);color:var(--kl-text)}
.kl-portal .tiles .tile{margin-bottom:9px;background:linear-gradient(158deg,#1b3044,#142131 65%);border:1px solid var(--kl-line);border-radius:var(--kl-radius);color:var(--kl-text)}
.kl-portal .tiles .tile:hover,.kl-portal .tiles .tile:focus-within{background:#1c3144;border-color:#6996a8}
.kl-portal .tiles .tile .title,.kl-portal .tiles .tile .stat,.kl-portal .tiles .tile .icon{color:var(--kl-text)}
.kl-portal .tiles .tile .highlight{height:2px;background:var(--kl-cyan)}
.kl-portal .client-home-panels .panel>.panel-heading{border-bottom:1px solid var(--kl-line)}
.kl-portal .client-home-panels .panel>.panel-heading .panel-title{font-weight:700}
.kl-portal .client-home-panels .panel .list-group-item{border-color:var(--kl-line)}
.kl-portal .client-home-panels .panel .list-group-item:hover{background:var(--kl-raised)}
.kl-portal .ticket-reply,.kl-portal .ticket-reply .message,.kl-portal .ticket-reply .rating,.kl-portal .ticket-reply .attachments{background:var(--kl-panel);color:var(--kl-text);border-color:var(--kl-line)}
.kl-portal .ticket-reply .date,.kl-portal .ticket-reply .user,.kl-portal .ticket-reply .rating>.rating-done,.kl-portal .ticket-reply .rating>.rating-select{background:var(--kl-raised);color:var(--kl-text);border-color:var(--kl-line)}
.kl-portal .ticket-reply{border-radius:var(--kl-radius)}
.kl-portal .ticket-reply pre,.kl-portal .kb-article-content pre,.kl-portal pre{background:var(--kl-field);color:var(--kl-text);border-color:var(--kl-line);font-family:var(--kl-mono)}
.kl-portal .ticket-reply code,.kl-portal .kb-article-content code{color:#d4c8ff;background:#242941}
.kl-portal .kb-article-content,.kl-portal .kb-article-item,.kl-portal .announcement-single,.kl-portal .network-issue,.kl-portal .server-status{color:var(--kl-text)}
.kl-portal .announcement-single,.kl-portal .kb-article-item,.kl-portal .network-issue{padding:13px 16px;background:var(--kl-panel);border:1px solid var(--kl-line);border-radius:var(--kl-radius);margin:0 0 11px}
.kl-portal blockquote{border-color:#426c7a;color:var(--kl-muted)}
.kl-portal .network-issue .label{white-space:normal}
.kl-portal .markdown-editor .editor-toolbar,.kl-portal .editor-toolbar,.kl-portal .CodeMirror,.kl-portal .editor-preview,.kl-portal .editor-preview-side{
 background:var(--kl-panel);color:var(--kl-text);border-color:var(--kl-line)
}
.kl-portal .editor-toolbar a,.kl-portal .CodeMirror .CodeMirror-code{color:var(--kl-text)!important}
.kl-portal .editor-toolbar a:hover,.kl-portal .editor-toolbar a.active{background:var(--kl-raised);border-color:var(--kl-line)}
.kl-portal .CodeMirror-cursor{border-left-color:var(--kl-cyan)}
.kl-portal .footer,.kl-portal #footer{background:#0c1522;color:var(--kl-muted);border:0;border-top:1px solid var(--kl-line)}
.kl-portal .footer h4,.kl-portal .footer h3,.kl-portal #footer h4,.kl-portal #footer h3{color:var(--kl-text)}
.kl-portal .footer a,.kl-portal #footer a{color:#c7d7e8}
.kl-portal .footer a:hover,.kl-portal #footer a:hover{color:var(--kl-cyan)}
/* The actual invoice may render without the standard page chrome. */
.kl-portal.kl-invoice .invoice-container{background:var(--kl-panel);border:1px solid var(--kl-line);border-radius:var(--kl-radius);color:var(--kl-text);box-shadow:0 10px 25px #040b1460}
.kl-portal.kl-invoice .invoice-container .invoice-status{color:var(--kl-muted)}
.kl-portal.kl-invoice .invoice-container .invoice-status .paid{color:var(--kl-green)}
.kl-portal.kl-invoice .invoice-container .invoice-status .unpaid{color:var(--kl-warn)}
.kl-portal.kl-invoice .invoice-container .invoice-status .cancelled,.kl-portal.kl-invoice .invoice-container .invoice-status .refunded{color:var(--kl-danger)}
@media print{
 body.kl-portal.kl-invoice,.kl-portal.kl-invoice .invoice-container,.kl-portal.kl-invoice .panel,.kl-portal.kl-invoice .panel-heading,.kl-portal.kl-invoice .table,.kl-portal.kl-invoice .table th,.kl-portal.kl-invoice .table td,.kl-portal.kl-invoice h1,.kl-portal.kl-invoice h2,.kl-portal.kl-invoice h3,.kl-portal.kl-invoice .invoice-status span{color:#111!important;background:#fff!important;box-shadow:none!important;border-color:#aaa!important}
}
/* Content built from actual WHMCS links on the public homepage. */
.kl-portal #home-banner{background:#102331;color:var(--kl-text);padding:0;border:0}
.kl-portal.kl-home-enhanced #home-banner{background:linear-gradient(90deg,#0a1724 0%,#0a1724f4 24%,#0a1724a3 45%,#0a172400 76%),url(../art/nexo.webp) center 59%/cover no-repeat}
.kl-portal #home-banner>.container{position:relative;padding:34px 18px}
.kl-portal.kl-home-enhanced #home-banner>.container{text-align:left;display:flex;flex-wrap:wrap;align-items:center;align-content:center;min-height:325px}
.kl-portal .kl-hero-copy{width:100%}
.kl-portal .kl-hero-copy p{margin:0 0 10px;color:var(--kl-cyan);font-size:14px;font-weight:620}
.kl-portal #home-banner .kl-hero-copy h1{margin:0 0 12px;font-size:clamp(43px,6.8vw,82px);line-height:.95;letter-spacing:-.072em;max-width:14ch}
.kl-portal .kl-hero-copy .kl-hero-summary{color:#d8e7f1;max-width:43ch;font-size:15px;margin-bottom:15px}
.kl-portal .kl-hero-copy a{color:var(--kl-ink);display:inline-flex;align-items:center;gap:8px}
.kl-portal .kl-hero-copy a svg{width:17px;height:17px}
.kl-portal .kl-catalog{max-width:100%;padding-top:25px;padding-bottom:20px}
.kl-portal .kl-catalog h2{margin:0 0 5px;font-size:clamp(26px,3.2vw,38px)}
.kl-portal .kl-catalog>p{margin:0 0 14px;color:var(--kl-muted)}
.kl-portal .kl-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.kl-portal .kl-service{
 --card:#152c3b;--card-far:#1a3d4c;--card-line:#426c7a;--card-key:#9beded;
 position:relative;isolation:isolate;display:block;min-width:0;min-height:163px;overflow:hidden;padding:14px 18px;
 color:var(--kl-text);border:1px solid var(--card-line);border-radius:var(--kl-radius);
 background:linear-gradient(112deg,var(--card),var(--card-far));box-shadow:inset 0 1px #ffffff12,0 8px 15px #040d1880
}
.kl-portal .kl-service.kl-voice{--card:#252139;--card-far:#3b2e52;--card-line:#6b5687;--card-key:#e0caff}
.kl-portal .kl-service:hover,.kl-portal .kl-service:focus{color:var(--kl-text);text-decoration:none}
.kl-portal .kl-service:focus-visible{outline-color:var(--card-key)}
.kl-portal .kl-service:before{content:"";position:absolute;top:13px;bottom:13px;left:0;width:3px;border-radius:0 3px 3px 0;background:var(--card-key);opacity:.83}
.kl-portal .kl-service:after{content:"";position:absolute;inset:0;border:1px solid var(--card-key);border-radius:inherit;box-shadow:inset 0 0 26px color-mix(in srgb,var(--card-key) 10%,transparent);opacity:0;pointer-events:none}
.kl-portal .kl-service:focus-visible:after{opacity:.9}
.kl-portal .kl-service-copy{display:block;position:relative;z-index:1;width:61%}
.kl-portal .kl-service-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--card-line);border-radius:8px;color:var(--card-key);background:var(--card);margin-bottom:8px}
.kl-portal .kl-service-icon svg,.kl-portal .kl-service-cta svg{width:18px;height:18px}
.kl-portal .kl-service h3{font-size:clamp(17px,2.05vw,26px);margin:0 0 4px}
.kl-portal .kl-service-copy>span:not(.kl-service-icon):not(.kl-service-cta){display:block;color:#c5d4e4;font-size:13px;margin:0 0 8px}
.kl-portal .kl-service-cta{display:inline-flex;align-items:center;gap:6px;color:var(--card-key);font-size:12px;font-weight:670}
.kl-portal .kl-rack{position:absolute;inset:0 3% 0 54%;display:grid;place-items:center;pointer-events:none;z-index:0}
.kl-portal .kl-rack-face,.kl-portal .kl-rack-rail,.kl-portal .kl-rack-glint,.kl-portal .kl-rack-object{grid-area:1/1}
.kl-portal .kl-rack-rail,.kl-portal .kl-rack-face{border:1px solid var(--card-line);border-radius:13px;opacity:.66}
.kl-portal .kl-rack-rail{width:82%;height:76%;background:repeating-linear-gradient(0deg,transparent 0 12px,#e7f9ff0c 12px 13px);transform:skewX(-13deg) translateX(3%)}
.kl-portal .kl-rack-face{width:74%;height:63%;transform:skewX(-13deg) translateX(-3%);box-shadow:inset 0 0 18px #03162744}
.kl-portal .kl-rack-object{width:min(82%,204px);height:96%;object-fit:contain;filter:drop-shadow(0 8px 9px #030912aa);transform:perspective(550px) rotateX(0deg) rotateY(0deg)}
.kl-portal .kl-rack-glint{width:80%;height:73%;border-radius:13px;background:linear-gradient(125deg,transparent 26%,color-mix(in srgb,var(--card-key) 20%,transparent) 52%,transparent 76%);opacity:0;transform:translateX(-10%)}
.kl-portal .home-shortcuts{background:none;color:var(--kl-text);margin:0;padding:0 0 18px}
.kl-portal .home-shortcuts .lead{color:var(--kl-muted);font-size:16px}
.kl-portal .home-shortcuts li a{color:var(--kl-text);background:var(--kl-panel);border:1px solid var(--kl-line);border-radius:9px}
.kl-portal .home-shortcuts li a:hover,.kl-portal .home-shortcuts li a:focus{color:var(--kl-text);background:var(--kl-raised);border-color:#6796a8}
.kl-portal .home-shortcuts li i{color:var(--kl-cyan)}
@media(hover:hover) and (pointer:fine){
 .kl-portal .kl-service:hover:after{opacity:.87}
 .kl-portal .kl-service:hover .kl-rack-glint{opacity:.61}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .kl-portal .kl-service:after{transition:opacity 170ms var(--kl-ease)}
 .kl-portal .kl-rack-face,.kl-portal .kl-rack-rail,.kl-portal .kl-rack-object,.kl-portal .kl-rack-glint,.kl-portal .kl-service-cta svg{transition:transform 230ms var(--kl-ease)}
 .kl-portal .kl-rack-glint{transition-property:transform,opacity}
 .kl-portal .kl-service:hover .kl-rack-object{transform:perspective(550px) translateY(-7px) translateX(5px) rotateY(-9deg) scale(1.08)}
 .kl-portal .kl-service:hover .kl-rack-rail{transform:skewX(-13deg) translateX(7%)}
 .kl-portal .kl-service:hover .kl-rack-face{transform:skewX(-13deg) translateX(-7%)}
 .kl-portal .kl-service:hover .kl-rack-glint{transform:translateX(11%)}
 .kl-portal .kl-service:hover .kl-service-cta svg{transform:translateX(4px)}
 .kl-portal .kl-service[data-pointer] .kl-rack-object{transition-duration:125ms}
}
@media(max-width:767px){
 .kl-portal #header>.container{min-height:62px}
 .kl-portal #header .logo{font-size:15px}
 .kl-portal .kl-mark{width:28px;height:28px}
 .kl-portal #header ul.top-nav{padding-top:0}
 .kl-portal #header ul.top-nav>li>a{padding:5px;font-size:12px}
 .kl-portal #nav .navbar-nav .open .dropdown-menu>li>a{color:var(--kl-text)}
 .kl-portal #main-body{padding:20px 0 27px}
 .kl-portal .logincontainer{padding:19px}
 .kl-portal .table-responsive{border-color:var(--kl-line)}
 .kl-portal.kl-home-enhanced #home-banner{background-image:linear-gradient(90deg,#0a1724f5,#0a1724b0 65%,#0a172475),url(../art/nexo.webp)}
 .kl-portal.kl-home-enhanced #home-banner>.container{min-height:244px;padding:23px 15px}
 .kl-portal .kl-catalog-grid{gap:12px}
 .kl-portal .kl-service{min-height:151px;padding:12px 13px}
 .kl-portal .kl-rack{inset:0 1% 0 61%}
}
@media(max-width:540px){
 .kl-portal .kl-catalog-grid{grid-template-columns:minmax(0,1fr)}
 .kl-portal #header>.container{display:flex;flex-wrap:wrap;align-items:center;gap:5px;justify-content:space-between}
 .kl-portal #header ul.top-nav{order:2;max-width:100%;float:none}
 .kl-portal .btn{min-height:40px}
 .kl-portal .home-shortcuts li{max-width:100%}
}
/* The installed LowEndHost parent uses !important for its original palette.
   Only supersede declarations affecting Nexo, retaining layout helpers. */
body.kl-portal{font-family:"KLP Geist",system-ui,sans-serif!important;background-color:var(--kl-bg)!important}
.kl-portal #header{background-color:#0c1522!important}
.kl-portal #main-body{background:transparent!important;padding-top:28px!important;padding-bottom:46px!important}
.kl-portal #nav.navbar{background-color:#101b2a!important}
.kl-portal #nav .navbar-nav>li>a{font-size:14px!important}
.kl-portal #nav .navbar-nav>li>a:hover,.kl-portal #nav .navbar-nav>li>a:focus,.kl-portal #nav .navbar-nav>li.open>a{background:#1c2e42!important;color:var(--kl-text)!important}
.kl-portal #nav .dropdown-menu>li>a:hover,.kl-portal #nav .dropdown-menu>li>a:focus{background-color:#203448!important}
.kl-portal #home-banner{background-color:#102331!important;padding:0!important}
.kl-portal .home-shortcuts{background-color:transparent!important}
.kl-portal .home-shortcuts li,.kl-portal .home-shortcuts li:first-child{border:0!important}
.kl-portal .btn-primary,.kl-portal .btn-primary:hover,.kl-portal .btn-primary:focus{
 color:var(--kl-ink)!important;background-color:var(--kl-cyan)!important;border-color:var(--kl-cyan)!important
}
.kl-portal .btn.btn-primary.disabled,.kl-portal .btn.btn-primary[disabled]{opacity:.5}
.kl-portal .footer .container{padding:28px 15px}
.kl-portal .footer .col-md-3 li a:hover{padding-left:0}
.kl-portal .footer .row{row-gap:13px}
@media(max-width:767px){.kl-portal #main-body{padding-top:20px!important;padding-bottom:27px!important}}
body.kl-portal{max-width:none!important}
.kl-portal .header-lined h1{color:var(--kl-text)!important}
.kl-portal .alert.alert-info{background:#182f44!important;color:#c2e8fb!important}
.kl-portal .dataTables_wrapper .dataTables_info{background:var(--kl-raised)!important}
.kl-portal .form-control:focus,.kl-portal .form-control:active{border-color:var(--kl-cyan)!important;box-shadow:0 0 0 2px #69e4e933!important}
.kl-portal .btn-default,.kl-portal .btn-secondary{color:var(--kl-text)!important;background-color:var(--kl-raised)!important;border-color:var(--kl-line)!important}
.kl-portal .btn-default:hover,.kl-portal .btn-secondary:hover{background-color:#20374a!important;border-color:#61829a!important}
.kl-portal a.list-group-item.active,.kl-portal a.list-group-item.active:hover,.kl-portal a.list-group-item.active:focus,.kl-portal div.sidebar .list-group-item-selected{background-color:#203e52!important;color:var(--kl-text)!important;border-color:#497287!important}
.kl-portal .footer .col-md-4 p,.kl-portal .footer .col-md-3 li a{color:var(--kl-muted);transition:none}
.kl-portal .footer .col-md-3 li a:hover{color:var(--kl-cyan);padding-left:0;transition:none}
.kl-portal .tiles>.row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 12px}
.kl-portal .tiles>.row:before,.kl-portal .tiles>.row:after{display:none}
.kl-portal .tiles>.row>.tile{width:auto;float:none;min-width:0;margin:0;padding:0;overflow:hidden}
.kl-portal .tiles>.row>.tile a{display:block;padding:9px 12px;color:var(--kl-text)}
.kl-portal .tiles>.row>.tile a:focus-visible{outline-offset:-3px}
.kl-portal .tiles>.row>.tile .title{color:var(--kl-muted)}
.kl-portal .tiles>.row>.tile .icon{color:#82b7d7;opacity:.8}
.kl-portal .tiles>.row>.tile .highlight{background:#62c9d6}
@media(max-width:620px){.kl-portal .tiles>.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}
@media(max-width:767px){.kl-portal #order-standard_cart #frmCheckout>.row{margin-inline:0}}

/* WHMCS Standard Cart: presentation only. Preserve every native state, control and action. */
body.kl-portal #order-standard_cart {
  --kl-cart-good: #7df3be;
  --kl-cart-warn: #ffcc85;
  --kl-cart-bad: #ffabb9;
  padding-block-end: 32px;
  color: var(--kl-text);
  font-size: 15px;
}

body.kl-portal #order-standard_cart :is(.cart-sidebar, .cart-body, .secondary-cart-body, .secondary-cart-sidebar) {
  min-inline-size: 0;
}

body.kl-portal #order-standard_cart .header-lined {
  margin: 0 0 22.4px;
  padding: clamp(20px, 3vw, 40px);
  background:
    radial-gradient(ellipse at 95% 0%, #24395798, transparent 56%),
    repeating-linear-gradient(90deg, transparent 0 27px, #69e4e910 27px 28px),
    linear-gradient(125deg, #152c3b, var(--kl-panel) 65%);
  border: 1px solid var(--kl-line);
  border-radius: 16px;
  box-shadow: inset 0 1px #ffffff10, 0 12px 20px #040d184c;
}

body.kl-portal #order-standard_cart .header-lined h1 {
  margin: 0;
  border: 0;
  font-size: clamp(28.8px, 4.3vw, 50.4px);
  line-height: 1.08;
  letter-spacing: -.045em;
  overflow-wrap: anywhere;
}
body.kl-portal #order-standard_cart .header-lined p { margin: 10.4px 0 0; color: var(--kl-muted); }
body.kl-portal #order-standard_cart :is(.sidebar-collapsed, .cart-sidebar .list-group) {
  background: var(--kl-panel);
  color: var(--kl-text);
  border: 1px solid var(--kl-line);
  border-radius: 12px;
}
body.kl-portal #order-standard_cart .cart-sidebar .list-group-item {
  padding: 12px 16px;
  color: var(--kl-muted);
  background: transparent;
  border-color: var(--kl-line);
}
body.kl-portal #order-standard_cart .cart-sidebar :is(.list-group-item.active, .list-group-item.active:hover, a.list-group-item:hover) {
  color: var(--kl-cyan);
  background: #193d4b;
  box-shadow: inset 2px 0 var(--kl-cyan);
}
body.kl-portal #order-standard_cart .sidebar-collapsed {
  margin: 0 0 16px;
  padding: 0;
  background: transparent;
  border: 0;
}
body.kl-portal #order-standard_cart .sidebar-collapsed .panel {
  background: var(--kl-panel);
  border-color: var(--kl-line);
  box-shadow: none;
}
body.kl-portal #order-standard_cart :is(.cart-sidebar, .sidebar-collapsed) :is(.panel-heading, .card-header) {
  color: var(--kl-text);
  background: var(--kl-raised);
  border-color: var(--kl-line);
}
body.kl-portal #order-standard_cart :is(.cart-sidebar, .sidebar-collapsed) .panel-title i { color: var(--kl-cyan); }

/* Plan selection: put the plan name, features, real price and action in the same card. */
body.kl-portal #order-standard_cart .products .row-eq-height > div {
  display: flex;
  min-width: 0;
}
body.kl-portal #order-standard_cart .products .product {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 16px;
  padding: 0;
  border: 1px solid var(--kl-line);
  border-radius: 14px;
  background: var(--kl-panel);
  box-shadow: 0 10px 24px #0003;
  transition: border-color 150ms ease;
}
body.kl-portal #order-standard_cart .products .product:focus-within,
body.kl-portal #order-standard_cart .products .product:hover { border-color: #608f9e; }
body.kl-portal #order-standard_cart .products .product header {
  margin: 0;
  padding: 19.2px 19.2px 16px;
  background:
    repeating-linear-gradient(0deg, transparent 0 11px, #b9f1f609 11px 12px),
    linear-gradient(112deg, #193d4b, var(--kl-raised) 68%);
  border-radius: 14px 14px 0 0;
  border-bottom: 1px solid var(--kl-line);
  border-left: 3px solid var(--kl-cyan);
}
body.kl-portal #order-standard_cart .products .product header span {
  color: var(--kl-text);
  font-size: 18px;
  font-weight: 700;
  overflow-wrap: anywhere;
}
body.kl-portal #order-standard_cart .products .product header .qty {
  float: none;
  display: block;
  margin-block-start: 4.8px;
  color: var(--kl-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}
body.kl-portal #order-standard_cart .products .product .product-desc {
  float: none;
  width: auto;
  padding: 16.8px 19.2px;
  color: var(--kl-muted);
  font-size: 14px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
body.kl-portal #order-standard_cart .product .product-desc ul { margin: 0; padding-inline-start: 18.4px; }
body.kl-portal #order-standard_cart .product .product-desc li + li { margin-block-start: 4.8px; }
body.kl-portal #order-standard_cart .product .product-desc .feature-value { color: var(--kl-text); }
body.kl-portal #order-standard_cart .products .product > footer {
  float: none;
  width: auto;
  margin: auto 0 0;
  padding: 15.2px 19.2px 18.4px;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--kl-line);
  color: var(--kl-muted);
  text-align: start;
  font-size: 14px;
}
body.kl-portal #order-standard_cart .products .product div.product-pricing { margin-block-end: 12px; }
body.kl-portal #order-standard_cart .products .product div.product-pricing span.price {
  color: var(--kl-cyan);
  font: 700 clamp(20.8px, 2.8vw, 32px)/1.15 var(--kl-mono, monospace);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

body.kl-portal #order-standard_cart :is(.product-info, .cc-input-container, .apply-credit-container, .view-cart-gateway-checkout, .domain-promo-box, .domain-bulk-domain-well) {
  color: var(--kl-text);
  background: var(--kl-panel);
  border: 1px solid var(--kl-line);
  border-radius: 12px;
}
body.kl-portal #order-standard_cart .product-info { padding: 16px 18px; }
body.kl-portal #order-standard_cart .product-info .product-title { margin: 0 0 6.4px; font-size: 20.8px; font-weight: 700; }
body.kl-portal #order-standard_cart .product-info p:last-child { margin-block-end: 0; color: var(--kl-muted); }
body.kl-portal #order-standard_cart .sub-heading { border-color: var(--kl-line); }
body.kl-portal #order-standard_cart .sub-heading span {
  color: var(--kl-violet);
  background: var(--kl-bg);
  font-weight: 700;
  letter-spacing: .01em;
}
body.kl-portal #order-standard_cart .field-container { margin-block-end: 23.2px; }
body.kl-portal #order-standard_cart label:not(.field-icon) {
  color: var(--kl-text);
  font-size: 14px;
  font-weight: 550;
  white-space: normal;
}
body.kl-portal #order-standard_cart :is(.field-help-text, .field-icon i, .info-text-sm, .existing-cc-grid, .checkout-security-msg, .domain-renewal-desc) { color: var(--kl-muted); }
body.kl-portal #order-standard_cart :is(.field, .form-control, .custom-select, .form-control-qty) {
  min-height: 42px;
  max-width: 100%;
  background-color: var(--kl-bg);
  border-color: #46627d;
  color: var(--kl-text);
  border-radius: 8px;
}
body.kl-portal #order-standard_cart :is(.input-group, .input-group-box) > .form-control:not(:last-child) { border-start-end-radius: 0; border-end-end-radius: 0; }
body.kl-portal #order-standard_cart :is(.field, .form-control)[disabled],
body.kl-portal #order-standard_cart :is(.field, .form-control)[readonly] { background-color: var(--kl-raised); color: var(--kl-muted); }
body.kl-portal #order-standard_cart :is(.field, .form-control)::placeholder { color: var(--kl-muted); opacity: .85; }
body.kl-portal #order-standard_cart :is(input[type="radio"], input[type="checkbox"]) { accent-color: var(--kl-cyan); }
body.kl-portal #order-standard_cart .prepend-icon .field-icon { margin: 0; line-height: 42px; }
body.kl-portal #order-standard_cart :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
body.kl-portal #order-standard_cart :is(.field, .form-control):focus {
  outline: 2px solid var(--kl-cyan);
  outline-offset: 2px;
  border-color: var(--kl-cyan);
}
body.kl-portal #order-standard_cart :is(.iradio_square-blue, .icheckbox_square-green, .paymethod-info):focus-within {
  outline: 2px solid var(--kl-cyan);
  outline-offset: 2px;
}
body.kl-portal #order-standard_cart .form-group.has-error .form-control { border-color: var(--kl-cart-bad); }
body.kl-portal #order-standard_cart .form-group.has-error .help-block { color: var(--kl-cart-bad); }

/* Configurator, credit, total and recurring charges. Keep the native cart logic and markup. */
body.kl-portal #order-standard_cart .order-summary {
  background: linear-gradient(135deg, #1e3346, var(--kl-panel) 56%);
  border: 1px solid #426c7a;
  border-radius: 14px;
  box-shadow: 0 10px 24px #0003;
  padding: 0;
}
body.kl-portal #order-standard_cart .order-summary h2 {
  padding: 15.2px 16px;
  color: var(--kl-text);
  font-size: 18px;
  font-weight: 750;
  text-align: start;
}
body.kl-portal #order-standard_cart .summary-container {
  padding: 16px;
  color: var(--kl-text);
  background: var(--kl-panel);
  border-top: 1px solid var(--kl-line);
  border-radius: 0 0 14px 14px;
  font-size: 14px;
  overflow-wrap: anywhere;
}
body.kl-portal #order-standard_cart .order-summary :is(.subtotal, .summary-totals, .bordered-totals) {
  padding-block: 10px;
  border-block-end: 1px dashed var(--kl-line);
}
body.kl-portal #order-standard_cart .order-summary .summary-totals { border-block-start: 1px dashed var(--kl-line); }
body.kl-portal #order-standard_cart .order-summary :is(.recurring-charges, .product-group, .btn-continue-shopping) { color: var(--kl-muted); }
body.kl-portal #order-standard_cart .order-summary .btn-continue-shopping:hover { color: var(--kl-cyan); }
body.kl-portal #order-standard_cart .order-summary .total-due-today .amt {
  color: var(--kl-cyan);
  font: 750 clamp(20px, 2.3vw, 29.6px)/1.2 var(--kl-mono, monospace);
  font-variant-numeric: tabular-nums;
}
body.kl-portal #order-standard_cart :is(.order-summary .btn-checkout, #btnCompleteOrder) {
  max-width: 100%;
  min-height: 44px;
  padding-inline: 16px;
  white-space: normal;
}
body.kl-portal #order-standard_cart :is(.btn-order-now, .btn-checkout, #btnCompleteOrder):not(:disabled):not(.disabled) {
  color: var(--kl-ink);
  background: var(--kl-cyan);
  border-color: var(--kl-cyan);
  border-radius: 8px;
  font-weight: 720;
}
body.kl-portal #order-standard_cart :is(.btn-order-now, .btn-checkout, #btnCompleteOrder):not(:disabled):not(.disabled):hover {
  color: var(--kl-ink);
  background: #b3f5f4;
  border-color: #b3f5f4;
}
body.kl-portal #order-standard_cart :is(.btn-checkout, #btnCompleteOrder):is(:disabled, .disabled) {
  color: var(--kl-muted);
  background: var(--kl-raised);
  border-color: var(--kl-line);
  opacity: 1;
}
body.kl-portal #order-standard_cart .products .product .btn-order-now {
  min-height: 40px;
  padding: 9px 14px;
  white-space: normal;
}
body.kl-portal #order-standard_cart .panel-addon {
  color: var(--kl-text);
  background: var(--kl-panel);
  border-color: var(--kl-line);
  box-shadow: none;
}
body.kl-portal #order-standard_cart .panel-addon .panel-price { color: var(--kl-text); background: var(--kl-raised); }
body.kl-portal #order-standard_cart .panel-addon .panel-add { color: var(--kl-ink); background: var(--kl-cyan); font-weight: 700; }
body.kl-portal #order-standard_cart .panel-addon .panel-add:hover { background: #91f7fb; }
body.kl-portal #order-standard_cart .panel-addon.panel-addon-selected { border-color: var(--kl-cart-good); }
body.kl-portal #order-standard_cart .panel-addon.panel-addon-selected .panel-add { background: var(--kl-cart-good); }

body.kl-portal #order-standard_cart .view-cart-items-header {
  color: var(--kl-text);
  background: #1e3346;
  border: 1px solid var(--kl-line);
  border-radius: 12px 12px 0 0;
  font-weight: 650;
}
body.kl-portal #order-standard_cart .view-cart-items {
  background: var(--kl-panel);
  border: 1px solid var(--kl-line);
  border-top: 0;
  border-radius: 0 0 12px 12px;
}
body.kl-portal #order-standard_cart .view-cart-items .item {
  background: var(--kl-panel);
  color: var(--kl-text);
  font-size: 14px;
  padding: 16px 12px;
  overflow-wrap: anywhere;
}
body.kl-portal #order-standard_cart .view-cart-items .item:nth-child(even) { background: var(--kl-raised); }
body.kl-portal #order-standard_cart .view-cart-items .item + .item { border-top: 1px solid var(--kl-line); }
body.kl-portal #order-standard_cart .view-cart-items .item-title { color: var(--kl-text); font-weight: 700; font-size: 18px; }
body.kl-portal #order-standard_cart .view-cart-items :is(.item-group, .cycle) { color: var(--kl-muted); }
body.kl-portal #order-standard_cart .view-cart-items .item-domain { color: var(--kl-cyan); }
body.kl-portal #order-standard_cart .view-cart-items .item-price { font-family: var(--kl-mono, monospace); }
body.kl-portal #order-standard_cart .btn-remove-from-cart { color: var(--kl-cart-bad); }
body.kl-portal #order-standard_cart .btn-remove-from-cart:hover { color: #ffd6dc; }
body.kl-portal #order-standard_cart .empty-cart { margin: -6.4px 0 20px; }
body.kl-portal #order-standard_cart .empty-cart .btn { color: var(--kl-cart-bad); background: var(--kl-panel); border: 1px solid var(--kl-line); border-radius: 8px; }
body.kl-portal #order-standard_cart .view-cart-empty {
  padding: clamp(24px, 7vw, 72px) 16px;
  color: var(--kl-muted);
  background: var(--kl-panel);
  border: 1px dashed #46627d;
  border-radius: 12px;
}
body.kl-portal #order-standard_cart .view-cart-tabs .nav-tabs {
  padding-inline-start: 0;
  border-color: var(--kl-line);
  font-size: 14px;
}
body.kl-portal #order-standard_cart .view-cart-tabs .nav-tabs a { color: var(--kl-muted); }
body.kl-portal #order-standard_cart .view-cart-tabs .nav-tabs :is(.active > a, a[aria-selected="true"], a[aria-expanded="true"]) {
  color: var(--kl-cyan);
  background: var(--kl-panel);
  border-color: var(--kl-line) var(--kl-line) var(--kl-panel);
}
body.kl-portal #order-standard_cart .view-cart-tabs .tab-content { background: var(--kl-panel); border: 1px solid var(--kl-line); border-top: 0; border-radius: 0 0 12px 12px; }
body.kl-portal #order-standard_cart .view-cart-promotion-code { color: var(--kl-text); background: var(--kl-bg); border: 1px dashed #608f9e; border-radius: 10px; }
body.kl-portal #order-standard_cart .view-cart-promotion-code strong { color: var(--kl-cyan); font-family: var(--kl-mono, monospace); }

body.kl-portal #order-standard_cart .already-registered {
  margin: 0 0 16px;
  padding: 12.8px 16px;
  color: var(--kl-muted);
  background: var(--kl-panel);
  border: 1px solid var(--kl-line);
  border-radius: 12px;
}
body.kl-portal #order-standard_cart .already-registered p { margin: 4.8px 0; }
body.kl-portal #order-standard_cart .checkout-security-msg i { color: var(--kl-cyan); }
body.kl-portal #order-standard_cart .cc-input-container .existing-cc-grid {
  display: inline-grid;
  max-width: 100%;
  grid-template-columns: repeat(3, auto) minmax(0, 352px) auto;
}
body.kl-portal #order-standard_cart .cc-input-container .paymethod-info { overflow-wrap: anywhere; }
body.kl-portal #order-standard_cart .order-confirmation {
  padding: 24px 16px;
  background: #1e3346;
  border: 1px solid #426c7a;
  border-radius: 12px;
  color: var(--kl-text);
}
body.kl-portal #order-standard_cart .order-confirmation span { color: var(--kl-cyan); font-family: var(--kl-mono, monospace); font-weight: 750; }

/* Lookup, renewal and transfer preserve upstream loading, error and unavailable states. */
body.kl-portal #order-standard_cart .domain-checker-container {
  background:
    radial-gradient(ellipse at 90% 0%, #3b2e5266, transparent 60%),
    repeating-linear-gradient(0deg, transparent 0 24px, #69e4e914 24px 25px),
    linear-gradient(120deg, #152c3b, var(--kl-panel));
  border: 1px solid #426c7a;
  border-radius: 14px;
}
body.kl-portal #order-standard_cart .domain-checker-bg { padding: clamp(16px, 4vw, 48px) 0; background: none; }
body.kl-portal #order-standard_cart .domain-checker-container .input-group-box { background: var(--kl-panel); border: 1px solid var(--kl-line); border-radius: 12px; }
body.kl-portal #order-standard_cart .domain-checker-container.domain-checker-advanced textarea {
  max-width: 100%;
  min-height: 120px;
  color: var(--kl-text);
  background: var(--kl-bg);
  border: 1px solid #46627d;
  border-radius: 8px;
  padding: 9.6px;
}
body.kl-portal #order-standard_cart .domain-checker-advanced .multiselect-container { color: var(--kl-text); background: var(--kl-panel); border-color: var(--kl-line); }
body.kl-portal #order-standard_cart .domain-selection-options .option {
  padding: 12px 16px;
  margin-block-end: 8px;
  color: var(--kl-text);
  background: var(--kl-panel);
  border: 1px solid var(--kl-line);
}
body.kl-portal #order-standard_cart .domain-selection-options .option-selected label { font-weight: 700; }
body.kl-portal #order-standard_cart .domain-selection-options .option-selected {
  background: #193d4b;
  border-color: #608f9e;
}
body.kl-portal #order-standard_cart :is(.domain-checker-available, .domain-lookup-primary-results .domain-available) { color: var(--kl-cart-good); }
body.kl-portal #order-standard_cart :is(.domain-checker-unavailable, .domain-checker-invalid, .domain-lookup-primary-results .domain-unavailable) { color: var(--kl-cart-bad); }
body.kl-portal #order-standard_cart :is(.domain-pricing .tld-row.highlighted, .domain-pricing .tld-row:hover, .suggested-domains .list-group-item) {
  color: var(--kl-text);
  background: var(--kl-raised);
  border-color: var(--kl-line);
}
body.kl-portal #order-standard_cart :is(.domain-pricing .tld-row, .domain-pricing .tld-filters, .domain-renewals, .service-renewals) { border-color: var(--kl-line); }
body.kl-portal #order-standard_cart :is(.domain-renewals, .service-renewals, .domain-renewal, .service-renewal) { background: var(--kl-panel); color: var(--kl-text); border-color: var(--kl-line); }
body.kl-portal #order-standard_cart :is(.domain-renewals .domain-renewal, .service-renewals .service-renewal, .addon-renewals .service-renewal):nth-child(even) { background: var(--kl-raised); }
body.kl-portal #order-standard_cart .transfer-eligible { color: var(--kl-cart-good); background: #102c2a; border-color: #386553; }
body.kl-portal #order-standard_cart .transfer-not-eligible { color: var(--kl-cart-warn); background: #352717; border: 1px solid #735432; }

@media (max-width: 991px) {
  body.kl-portal #order-standard_cart .secondary-cart-sidebar { width: 100%; }
}
@media (max-width: 767px) {
  body.kl-portal #order-standard_cart .header-lined { border-radius: 12px; }
  body.kl-portal #order-standard_cart :is(.products .product .btn, .already-registered .btn, .view-cart-tabs .btn, .domain-selection-options .btn) {
    min-height: 44px;
    white-space: normal;
  }
  body.kl-portal #order-standard_cart :is(.field, .form-control, .custom-select) { min-height: 44px; font-size: 16px; }
  body.kl-portal #order-standard_cart .view-cart-items .item-qty input { min-width: 48px; }
  body.kl-portal #order-standard_cart :is(.already-registered .pull-right, .already-registered .float-right) { float: none !important; }
  body.kl-portal #order-standard_cart :is(#btnAlreadyRegistered, #btnNewUserSignup) { margin: 0 0 10.4px; }
  body.kl-portal #order-standard_cart .cc-input-container { padding-inline: 10px; }
  body.kl-portal #order-standard_cart .cc-input-container .existing-cc-grid {
    column-gap: 4px;
    grid-template-columns: repeat(3, minmax(0, auto)) minmax(0, 1fr) minmax(0, auto);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.kl-portal #order-standard_cart :is(.products .product, .field-icon) { transition: none; }
}

/* Native client widgets from LowEndHost/Six (DataTables 1.x, Bootstrap Markdown).
   Keep the native layout, controls, visibility and status strings. */
body.kl-portal{
  --kl-list-even:#142232;
  --kl-list-odd:#101c2a;
  --kl-list-hover:#1a2d41;
  --kl-list-head:#192c3f;
  --kl-editor-bg:#101c2a;
}
body.kl-portal div.header-lined .breadcrumb li a{color:var(--kl-muted)}
body.kl-portal div.header-lined .breadcrumb li a:hover,
body.kl-portal div.header-lined .breadcrumb li a:focus{color:var(--kl-cyan)}
body.kl-portal div.header-lined .breadcrumb>.active{color:#ccdeee}
body.kl-portal div.header-lined .breadcrumb>li+li:before{color:#8499ae}

body.kl-portal .dataTables_wrapper{
  border:1px solid var(--kl-line);
  border-radius:var(--kl-radius);
  background:var(--kl-panel);
  box-shadow:0 8px 20px #03091240;
}
body.kl-portal .dataTables_wrapper .dataTables_info,
body.kl-portal .dataTables_wrapper .dataTables_filter,
body.kl-portal .dataTables_wrapper .dataTables_length,
body.kl-portal .dataTables_wrapper .dataTables_paginate{
  background-color:var(--kl-panel)!important;
  color:var(--kl-muted);
  border-color:var(--kl-line);
}
body.kl-portal .dataTables_wrapper .dataTables_info{border-radius:var(--kl-radius) var(--kl-radius) 0 0}
body.kl-portal .dataTables_wrapper .dataTables_length{border-radius:0 0 var(--kl-radius) var(--kl-radius)}
body.kl-portal .dataTables_wrapper label{color:var(--kl-muted)}
body.kl-portal .dataTables_wrapper .dataTables_filter label .form-control{
  color:var(--kl-text);border:1px solid #415871;border-radius:8px;
  background:var(--kl-field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23b3c3d4' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='5.5'/%3E%3Cpath d='m15 15 5 5'/%3E%3C/svg%3E") no-repeat 9px center;
  padding-inline-start:34px;
}
body.kl-portal .dataTables_wrapper .dataTables_filter input::placeholder{color:#a0b2c7}
body.kl-portal :is(table.table-list,table.dataTable){
  color:var(--kl-text);background:var(--kl-panel);border-color:var(--kl-line);
}
body.kl-portal :is(table.table-list,table.dataTable)>thead>tr>th,
body.kl-portal .dataTables_wrapper table.table-list>thead>tr>th:nth-child(even){
  background:var(--kl-list-head);color:var(--kl-text);border-color:var(--kl-line);border-bottom:1px solid #476077;
}
body.kl-portal .dataTables_wrapper table.table-list>thead>tr>th:is(.sorting_asc,.sorting_desc),
body.kl-portal table.dataTable>thead>tr>th:is(.sorting_asc,.sorting_desc){
  background:#21394d;color:var(--kl-text);border-bottom:1px solid #69e4e9;
}
body.kl-portal table.dataTable>thead>tr>th:is(.sorting,.sorting_asc,.sorting_desc,.sorting_asc_disabled,.sorting_desc_disabled)::after{
  color:#c4d7e9;
}
body.kl-portal table.dataTable>thead>tr>th:is(.sorting_asc,.sorting_desc)::after{color:var(--kl-cyan);opacity:1}
body.kl-portal :is(table.table-list,table.dataTable)>tbody>tr>:is(td,th){
  background:var(--kl-list-odd);color:var(--kl-text);border-color:var(--kl-line);
}
body.kl-portal :is(table.table-list,table.dataTable)>tbody>tr:nth-child(even)>:is(td,th){background:var(--kl-list-even)}
body.kl-portal :is(table.table-list,table.dataTable)>tbody>tr:not(.child):is(:hover,:focus-within)>:is(td,th){background:var(--kl-list-hover)}
body.kl-portal :is(table.table-list,table.dataTable)>tbody>tr>td small{color:var(--kl-muted)}
body.kl-portal :is(table.table-list,table.dataTable)>tbody>tr>td a.border-left{border-color:var(--kl-line)}
body.kl-portal .dataTables_wrapper .dataTables_paginate .pagination>.disabled>a{
  color:#9caec1;background:var(--kl-field);border-color:var(--kl-line);
}
body.kl-portal table.dataTable>tbody>tr.child>td{background:var(--kl-panel)}
body.kl-portal table.dataTable>tbody>tr.child ul.dtr-details>li{border-color:var(--kl-line);color:var(--kl-text)}
body.kl-portal table.dataTable>tbody>tr.child .dtr-title{color:var(--kl-muted)}
body.kl-portal table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child::before,
body.kl-portal table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child::before,
body.kl-portal table.dataTable.dtr-column>tbody>tr>:is(td,th).control::before{
  color:var(--kl-text);border-color:#6995ad;background:#263e53;
}
body.kl-portal table.dataTable.dtr-inline.collapsed>tbody>tr.parent>:is(td,th):first-child::before,
body.kl-portal table.dataTable.dtr-column>tbody>tr.parent>:is(td,th).control::before{background:#2d5168}
body.kl-portal :is(.table,.table-list) tr.masspay-total>td{background:var(--kl-list-head);color:var(--kl-text)}
body.kl-portal .dataTables_wrapper .dataTables_processing{background:var(--kl-list-head);color:var(--kl-text);border-color:var(--kl-line)}
/* State names remain visible and don't depend on color. No background left
   white by custom statuses; explicit status styles below retain distinctions. */
body.kl-portal :is(.table-list,.dataTable) .status{
  display:inline-block;max-width:100%;width:auto;min-width:0;padding:.3em .58em;
  border:1px solid #476079;border-radius:5px;background:#203347;color:#e5eff9;
  white-space:normal;line-height:1.2;
}
body.kl-portal :is(.table-list,.dataTable) :is(.status-active,.status-paid,.status-completed){
  border-color:#456957;background:#1b352d;color:#b4efd1;
}
body.kl-portal :is(.table-list,.dataTable) :is(.status-pending,.status-unpaid,.status-customer-reply){
  border-color:#735b3b;background:#3b3023;color:#ffdb9c;
}
body.kl-portal :is(.table-list,.dataTable) :is(.status-cancelled,.status-suspended,.status-terminated){
  border-color:#77505a;background:#3d2832;color:#ffc0be;
}
body.kl-portal :is(.table-list,.dataTable) :is(.status-closed,.status-refunded,.status-expired){
  border-color:#4a5e72;background:#253344;color:#c8d6e4;
}
body.kl-portal :is(.table-list,.dataTable) .status-custom{
  /* WHMCS may include an inline staff-defined color. Use a readable foreground
     on Nexo while retaining its native label. */
  color:#e5eff9!important;
}
body.kl-portal table.table-list i.ssl-inactive,
body.kl-portal table.table-list i.ssl-state,
body.kl-portal table.table-list .ssl-inactive{color:#91a8bd}
body.kl-portal .panel-sidebar a.list-group-item:is(:hover,:focus) :is(.far,.fas){color:var(--kl-text)!important}
body.kl-portal .popover-user-notifications ul li a:is(:hover,:focus){background:var(--kl-raised);color:var(--kl-text)}
body.kl-portal .popover-user-notifications ul li{border-color:var(--kl-line)}
body.kl-portal .list-group-item .text-domain,
body.kl-portal .list-group-item .text-description{color:var(--kl-muted)}
body.kl-portal :is(.nav-tabs,.nav-pills) .open>a{background:var(--kl-raised);border-color:var(--kl-line);color:var(--kl-text)}

/* The ticket writer is Bootstrap Markdown, not CodeMirror. All modes share
   their border/surface and retain native focus, resize, toolbar and fullscreen. */
body.kl-portal .md-editor,
body.kl-portal div.md-editor.active{
  color:var(--kl-text);border:1px solid var(--kl-line);border-radius:var(--kl-radius);
  background:var(--kl-editor-bg);box-shadow:0 8px 20px #03091240;
}
body.kl-portal .md-editor:focus-within{border-color:#6994a7}
body.kl-portal .md-editor>.btn-toolbar,
body.kl-portal .md-editor>.md-header,
body.kl-portal .md-editor .md-footer,
body.kl-portal .md-editor .md-statusbar{
  background:var(--kl-raised)!important;color:var(--kl-muted);border-color:var(--kl-line);
}
body.kl-portal .md-editor>.md-header{border-radius:11px 11px 0 0}
body.kl-portal .md-editor .md-footer,
body.kl-portal .md-editor .md-statusbar{border-radius:0 0 11px 11px;padding:7px 10px}
body.kl-portal .md-editor .md-statusbar span{color:var(--kl-muted)}
body.kl-portal .md-editor :is(.md-preview,.md-input,textarea.markdown-editor),
body.kl-portal .md-editor.md-fullscreen-mode :is(.md-preview,.md-input,textarea.markdown-editor),
body.kl-portal .md-editor.md-fullscreen-mode .md-input:is(:hover,:focus){
  background:var(--kl-editor-bg)!important;color:var(--kl-text);
  border-color:var(--kl-line)!important;box-shadow:none!important;
}
body.kl-portal .md-editor textarea{
  border-radius:0;padding:12px;caret-color:var(--kl-cyan);
  font:inherit;line-height:1.55;
}
body.kl-portal .md-editor .md-preview{padding:12px;overflow-wrap:anywhere}
body.kl-portal .md-editor .md-input::placeholder{color:#a0b2c7}
body.kl-portal .md-editor .md-input:focus-visible{outline-offset:-2px}
body.kl-portal .md-editor.md-fullscreen-mode{
  background:var(--kl-bg)!important;color:var(--kl-text);
}
body.kl-portal .md-editor :is(.md-control,.md-fullscreen-controls a){color:#c4d7e9}
body.kl-portal .md-editor :is(.md-control,.md-fullscreen-controls a):is(:hover,:focus){color:var(--kl-cyan)}
body.kl-portal .md-editor :is(.btn.active,.btn[aria-pressed=true]){
  background:#243f51!important;color:var(--kl-text)!important;border-color:#638399!important;
}
body.kl-portal .md-editor .md-preview :is(h1,h2,h3,h4),
body.kl-portal .markdown-content :is(h1,h2,h3,h4){color:var(--kl-text)}
body.kl-portal :is(.markdown-content,.md-preview) table,
body.kl-portal :is(.markdown-content,.md-preview) table :is(th,td){
  background:var(--kl-panel);color:var(--kl-text);border-color:var(--kl-line);
}
body.kl-portal :is(.markdown-content,.md-preview) table th{background:var(--kl-raised)}
body.kl-portal :is(.markdown-content,.md-preview) code{color:#e1d6ff;background:#26304a}
body.kl-portal .ticket-reply.staff .user,
body.kl-portal .ticket-reply .attachments{background:var(--kl-raised);color:var(--kl-text)}
body.kl-portal .ticket-reply .user .type,
body.kl-portal .ticket-reply .date{color:var(--kl-muted)}
body.kl-portal input[type=file]::file-selector-button{
  border:1px solid #536e88;border-radius:5px;padding:.36em .6em;margin-inline-end:.55em;
  background:var(--kl-raised);color:var(--kl-text);cursor:pointer;
}
body.kl-portal input[type=file]::file-selector-button:hover{background:var(--kl-list-hover)}
/* Other components shared by billing, products, domains and settings. */
body.kl-portal :is(.product-details-tab-container,.invoice-summary,.credit-card,.product-to-be-upgraded,
                  .upgrade .products .product,.store-promoted-product){
  background:var(--kl-panel);color:var(--kl-text);border-color:var(--kl-line);
}
body.kl-portal .product-details-tab-container{border-radius:0 0 var(--kl-radius) var(--kl-radius)}
body.kl-portal .invoice-summary{border-style:solid;border-width:1px}
body.kl-portal .bootstrap-switch{border-color:var(--kl-line)}
body.kl-portal .bootstrap-switch .bootstrap-switch-label{background:#243c53;color:var(--kl-text)}
body.kl-portal .store-order-container .store-domain-tabs li a{background:var(--kl-panel);color:var(--kl-muted);border-color:var(--kl-line)}
body.kl-portal .store-order-container .store-domain-tabs li.active a{background:var(--kl-raised);color:var(--kl-text);border-color:var(--kl-line)}
body.kl-portal .domain-pricing .tld-row.highlighted,
body.kl-portal .domain-pricing .tld-pricing-header div:nth-child(odd){
  background:var(--kl-raised);color:var(--kl-text);border-color:var(--kl-line);
}
body.kl-portal .domain-pricing .tld-row{border-color:var(--kl-line)}
body.kl-portal .store-order-container .domain-validation{color:var(--kl-muted)}
body.kl-portal .modal-title{color:var(--kl-text)}
body.kl-portal .input-group .btn{border-color:var(--kl-line)}
body.kl-portal .progress{background:#233750;box-shadow:none}
@media(max-width:767px){
  body.kl-portal .dataTables_wrapper .dataTables_filter,
  body.kl-portal .dataTables_wrapper .dataTables_filter label{max-width:100%}
  body.kl-portal .dataTables_wrapper .dataTables_filter label .form-control{max-width:100%;min-height:40px}
  body.kl-portal :is(table.table-list,table.dataTable)>:is(thead,tbody)>tr>:is(th,td){padding-inline:8px}
  body.kl-portal .md-editor>.md-header{padding-inline:6px}
  body.kl-portal .md-editor>.md-header .btn{min-height:38px}
}
@media print{
  body.kl-portal.kl-invoice :is(.invoice-summary, .credit-card){
    background:#fff!important;color:#111!important;border-color:#aaa!important
  }
}
body.kl-portal .dataTables_wrapper .dataTables_filter label .form-control{padding-inline-start:34px!important}
@media(max-width:767px){
  body.kl-portal .dataTables_wrapper>.listtable{min-width:0;max-width:100%;overflow-x:auto}
  body.kl-portal .dataTables_wrapper table.table-list :is(th,td){white-space:normal}
  body.kl-portal .dataTables_wrapper table.table-list td a{overflow-wrap:anywhere}
  body.kl-portal table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:not(.child):not(.dataTables_empty){padding-inline-start:30px}
}