/* HostLab v2. Shared presentation for native WHMCS client-area templates. */
:root{--hl-accent:#0b9ff7;--hl-blue:#0875bd;--hl-ink:#192938;--hl-muted:#687b8e;--hl-line:#e1e8ef;--hl-paper:#f4f7fa;--hl-rail:#101e2b;--primary:#0875bd;--primary-lifted:#07649f;--primary-accented:#064f7f}
html{font-size:14px}body.hostlab{margin:0;background:var(--hl-paper);color:var(--hl-ink);font:14px/1.6 "Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.hostlab *{box-sizing:border-box}.hostlab h1,.hostlab h2,.hostlab h3,.hostlab h4,.hostlab .title{font-family:inherit;font-weight:650;color:var(--hl-ink)}
.hostlab h1{font-size:30px;line-height:1.25;letter-spacing:-1px}.hostlab h2{font-size:21px;line-height:1.4;letter-spacing:-.4px}.hostlab h3{font-size:17px;line-height:1.5}.hostlab p{line-height:1.65}.hostlab a{color:#0875bd}.hostlab a:hover{color:#065d95;text-decoration:none}
.hostlab a:focus-visible,.hostlab button:focus-visible,.hostlab summary:focus-visible,.hostlab input:focus-visible,.hostlab select:focus-visible,.hostlab textarea:focus-visible{outline:3px solid #0b9ff7;outline-offset:3px}
.hostlab img{max-width:100%;height:auto}.hostlab .hl-app{min-height:100vh}.hostlab .hl-workspace{margin-inline-start:240px;min-height:100vh;display:flex;flex-direction:column;min-width:0}
.hostlab .hl-rail{position:fixed;inset-block:0;inset-inline-start:0;width:240px;z-index:1040;background:var(--hl-rail);color:#afbdca;display:flex;flex-direction:column;padding:32px 18px 20px;overflow-y:auto}
.hostlab .hl-rail-brand{display:flex;align-items:center;justify-content:space-between;padding:0 14px 30px}.hostlab .hl-rail-brand img{width:164px;height:auto;display:block}.hostlab .hl-rail-caption{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#70899e;padding:12px 14px 14px}
.hostlab .hl-primary-nav,.hostlab .hl-account-nav ul{list-style:none;padding:0;margin:0}.hostlab .hl-primary-nav>li{margin:4px 0;position:relative}
.hostlab .hl-primary-nav>li>a{display:flex;align-items:center;gap:12px;color:#aabdcf;font-size:13px;padding:12px 14px;border-radius:7px;min-height:46px;line-height:1.5;text-decoration:none;border:1px solid transparent}
.hostlab .hl-primary-nav>li>a>i:first-child{width:18px;text-align:center;color:#7e99af;font-size:15px}.hostlab .hl-primary-nav .hl-nav-chevron{margin-inline-start:auto;font-size:9px}
.hostlab .hl-primary-nav>li>a:hover,.hostlab .hl-primary-nav>li.open>a{background:#192e40;color:white}.hostlab .hl-primary-nav>li.active>a{background:#183349;color:white;border-color:#20435c;box-shadow:inset 3px 0 0 var(--hl-accent)}
.hostlab .hl-primary-nav>li.active>a>i{color:#48b9fd}.hostlab .hl-primary-nav .dropdown-menu{position:static;float:none;min-width:0;width:auto;margin:4px 0 8px 24px;padding:4px 0 4px 12px;background:transparent!important;border:0;border-inline-start:1px solid #2a4052;box-shadow:none;border-radius:0}
.hostlab .hl-primary-nav .dropdown-menu>li>a{display:block;white-space:normal;color:#aabdcf;font-size:12px;line-height:1.5;padding:9px 12px;border-radius:5px;background:none}.hostlab .hl-primary-nav .dropdown-menu>li>a:hover,.hostlab .hl-primary-nav .dropdown-menu>li.active>a{background:#193044;color:white}
.hostlab .hl-primary-nav .badge{background:#244158;color:#a7ddff;font-size:10px;margin-inline-start:auto}
.hostlab .hl-rail-bottom{margin-top:auto;padding-top:45px}.hostlab .hl-rail-help{display:flex;align-items:center;gap:10px;border:1px solid #2b4255;background:#152a3b;border-radius:9px;padding:14px 12px;color:#d4e2ee;font-size:14px}.hostlab .hl-rail-help strong{display:block;color:#f1f6fa;font-size:12px;font-weight:600}.hostlab .hl-rail-help small{display:block;font-size:10px;color:#8ca7bb;margin-top:3px}.hostlab .hl-rail-help>span:last-child{margin-inline-start:auto;color:#46b7fb}.hostlab .hl-rail-help:hover{border-color:#426985;color:white}.hostlab .hl-website-link{display:flex;justify-content:space-between;margin:20px 12px 0;font-size:11px;color:#8da5b9}.hostlab .hl-website-link:hover{color:white}
.hostlab .hl-rail-close,.hostlab .hl-menu-toggle,.hostlab .hl-mobile-brand{display:none}.hostlab .hl-rail-shade{position:fixed;inset:0;border:0;background:#07182788;z-index:1035}.hostlab .hl-rail-shade[hidden]{display:none}
.hostlab .hl-topbar{min-height:78px;display:flex;align-items:center;gap:18px;padding:16px 38px;background:white;border-bottom:1px solid var(--hl-line);position:relative;z-index:1020}.hostlab .hl-topbar-location{display:flex;align-items:center;gap:13px;font-size:12px;min-width:0}.hostlab .hl-topbar-location>span{color:#8291a0;white-space:nowrap}.hostlab .hl-topbar-location i{font-size:8px;color:#acb9c6}.hostlab .hl-topbar-location strong{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:270px}
.hostlab .hl-utilities{display:flex;align-items:center;gap:22px;margin-inline-start:auto;font-size:12px;flex-shrink:0}.hostlab .hl-cart{font-size:15px;color:#687b8e}.hostlab .hl-language summary{font-size:11px;color:#687b8e}.hostlab .hl-language summary i{font-size:8px;margin-inline-start:5px}
.hostlab details{position:relative}.hostlab summary{list-style:none;cursor:pointer}.hostlab summary::-webkit-details-marker{display:none}.hostlab .hl-notifications summary{font-size:0;color:#687b8e}.hostlab .hl-notifications summary i{font-size:16px}.hostlab .hl-alert-count{font-size:9px;display:inline-flex;justify-content:center;align-items:center;min-width:16px;height:16px;background:#0875bd;color:white;border-radius:5px;margin-inline-start:5px}
.hostlab .hl-language ul,.hostlab .hl-notifications ul{position:absolute;inset-inline-end:0;top:30px;list-style:none;padding:10px;margin:0;min-width:180px;max-height:350px;overflow:auto;z-index:1050;background:white;border:1px solid var(--hl-line);border-radius:10px;box-shadow:0 12px 35px #10213718}.hostlab .hl-notifications ul{width:300px;max-width:85vw;font-size:12px}.hostlab .hl-utilities li a{color:#344d64}.hostlab .hl-utilities details li{padding:9px}
.hostlab .hl-account-nav{border-inline-start:1px solid var(--hl-line);padding-inline-start:20px}.hostlab .hl-account-nav>ul{display:flex;gap:12px;align-items:center}.hostlab .hl-account-nav li{position:relative}.hostlab .hl-account-nav>ul>li>a{font-size:12px;font-weight:600;color:#29435a}.hostlab .hl-account-nav .dropdown-toggle:after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:8px;margin-inline-start:8px}
.hostlab .hl-account-nav .dropdown-menu{inset-inline-start:auto;inset-inline-end:0;top:32px;min-width:225px;padding:8px;border:1px solid var(--hl-line);border-radius:9px;box-shadow:0 12px 35px #10213718}.hostlab .hl-account-nav .dropdown-menu a{display:block;padding:9px 12px;color:#344d64;border-radius:5px;white-space:normal;font-size:12px}.hostlab .hl-account-nav .dropdown-menu a:hover{background:#f1f6fb}
.hostlab .hl-admin-notice{padding:8px 38px;font-size:12px;background:#fff3d9}.hostlab .hl-system-notices:empty{display:none}.hostlab .hl-system-notices .alert{border-radius:0;margin:0}
.hostlab .hl-main{padding:35px 38px 45px;flex:1;min-width:0}.hostlab .hl-container{width:100%;max-width:1300px;margin:auto}.hostlab .hl-container-wide{max-width:none}.hostlab .main-content{float:none;width:100%;padding:0;min-width:0;margin:0}.hostlab .hl-main .container{width:100%;max-width:100%}
.hostlab .hl-page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 27px}.hostlab .hl-page-heading h1{margin:0;font-size:29px;letter-spacing:-.8px}.hostlab .hl-eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#8192a1;margin:0 0 9px}.hostlab .hl-muted{color:var(--hl-muted);margin:7px 0 0;font-size:13px}
.hostlab .hl-page-options{flex-shrink:0;z-index:1010}.hostlab .hl-page-options summary{display:flex;gap:10px;align-items:center;font-size:12px;border:1px solid #dbe4ec;border-radius:7px;background:white;color:#4d6478;padding:10px 14px}.hostlab .hl-page-options summary>i:last-child{font-size:9px}.hostlab .hl-options-panel{position:absolute;top:48px;inset-inline-end:0;width:310px;max-width:85vw;max-height:65vh;overflow:auto;background:white;border:1px solid var(--hl-line);padding:18px;border-radius:10px;box-shadow:0 12px 35px #10213718}
.hostlab .hl-options-panel .panel-heading{padding:8px 4px;background:none}.hostlab .hl-options-panel .panel-title{font-size:13px}.hostlab .hl-options-panel .panel-body{padding:10px 4px}.hostlab .hl-options-panel .item-drop-side+.item-drop-side{margin-top:15px}.hostlab .hl-options-panel .list-group{margin:0}.hostlab .hl-options-panel .list-group-item{font-size:12px;border-color:#ecf0f4;padding:10px}.hostlab .hl-options-panel .active{background:#eaf5ff;color:#086db1}
.hostlab .hl-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#132b3f;border:1px solid #213e54;border-radius:14px;padding:32px;margin-bottom:24px;overflow:hidden}.hostlab .hl-hero:after{content:"";position:absolute;inset-block-start:-85px;inset-inline-end:60px;width:230px;height:330px;border:1px solid #2b4e69;transform:rotate(34deg);pointer-events:none;opacity:.55}.hostlab .hl-hero>div,.hostlab .hl-hero>.btn{position:relative;z-index:1}.hostlab .hl-hero .hl-eyebrow{color:#7fc8f6}.hostlab .hl-hero h2{color:white;font-size:26px;margin:8px 0 9px;letter-spacing:-.6px}.hostlab .hl-hero p:not(.hl-eyebrow){font-size:13px;color:#a7becf;max-width:520px;margin:0}.hostlab .hl-hero .btn{flex-shrink:0;background:white!important;color:#193c57!important;border-color:white!important}
.hostlab .hl-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.hostlab .hl-stat{display:flex;flex-direction:column;position:relative;padding:22px;background:white;border:1px solid var(--hl-line);border-radius:11px;text-decoration:none;min-width:0;color:var(--hl-ink)}.hostlab .hl-stat:hover{border-color:#8fc6ea;box-shadow:0 5px 18px #14233808}.hostlab .hl-stat-label{display:flex;align-items:center;gap:9px;font-size:12px;color:#6e8295}.hostlab .hl-stat-label i{color:#0787d8}.hostlab .hl-stat>strong{font-size:34px;line-height:1.2;font-weight:650;letter-spacing:-1px;margin:18px 0 16px;color:#1a3043}.hostlab .hl-stat>span:last-child{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:#56738b}.hostlab .hl-stat-attention{border-color:#efdec4;background:#fffdf9}.hostlab .hl-stat-attention>strong{color:#9c671e}.hostlab .hl-stat-attention .hl-stat-label i{color:#a77735}
.hostlab .hl-section-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 0 16px}.hostlab .hl-section-heading h2{font-size:17px;letter-spacing:-.2px;margin:0}.hostlab .hl-section-heading>a{font-size:12px}.hostlab .hl-dashboard-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.hostlab .hl-dashboard-panel{min-width:0}.hostlab .hl-dashboard-panel .service-section{background:white;border:1px solid var(--hl-line);border-radius:11px;padding:24px}.hostlab .hl-dashboard-panel .title{font-size:15px;margin:0 0 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}.hostlab .hl-dashboard-panel .list-group{margin-bottom:16px}.hostlab .hl-dashboard-panel .list-group-item{padding:14px 0;border:0;border-bottom:1px solid #edf1f5;background:white;color:#294257;font-size:13px}.hostlab .hl-dashboard-panel .list-group-item small{font-size:11px;color:#7d90a1}.hostlab .hl-dashboard-panel p{color:#6a7e90;font-size:13px}.hostlab .hl-dashboard-panel .btn{font-size:11px;padding:8px 12px}.hostlab .hl-addon{margin-top:22px}
.hostlab .hl-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:27px 0 30px}.hostlab .hl-quick-actions>a{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#eaf0f5;border:1px solid #e3eaf0;border-radius:9px;text-decoration:none;color:#3f586d;font-size:12px}.hostlab .hl-quick-actions>a>i{font-size:16px;color:#3386bf}.hostlab .hl-quick-actions>a>span:last-child{margin-inline-start:auto;color:#6b879d}.hostlab .hl-quick-actions>a:hover{background:#e2edf5;border-color:#c0d7e8}
.hostlab .hl-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.hostlab .hl-toolbar p{font-size:13px;color:#6a7e90;margin:0}.hostlab .hl-toolbar .btn{flex-shrink:0}
.hostlab .btn{font:600 12px/1.6 "Segoe UI",Arial,sans-serif;border-radius:7px;padding:10px 16px;box-shadow:none;text-transform:none;letter-spacing:0;white-space:normal;border:1px solid transparent;transition:background .15s,border-color .15s}
.hostlab .btn-primary,.hostlab .btn-default-yellow-fill,.hostlab .btn-default-pink-fill{background:#0875bd!important;border-color:#0875bd!important;color:white!important}.hostlab .btn-primary:hover,.hostlab .btn-default-yellow-fill:hover,.hostlab .btn-default-pink-fill:hover{background:#06629e!important;border-color:#06629e!important}.hostlab .btn-default,.hostlab .btn-default-grad-purple-fill{background:white;color:#3b546a;border-color:#d9e3ed}.hostlab .btn-default:hover{background:#f1f6fa;border-color:#afc6d8}.hostlab .btn-danger{background:#fff3f3;border-color:#edc8c8;color:#a83e43}.hostlab .btn-danger:hover{background:#fbe3e3;color:#8f2930}.hostlab .btn-success{background:#e8f5ef;border-color:#b9ddcc;color:#23724f}.hostlab .btn-info{background:#eaf4fb;border-color:#bad9ef;color:#176d9e}.hostlab .btn-warning{background:#fff3dc;border-color:#ecd09e;color:#946019}.hostlab .btn-link{border:0;background:none;color:#0875bd}.hostlab .btn:disabled,.hostlab .btn.disabled{opacity:.5}.hostlab .btn-sm,.hostlab .btn-xs{padding:6px 11px;font-size:11px}.hostlab .btn-lg{padding:12px 20px;font-size:14px}
.hostlab label{font-size:12px;font-weight:600;color:#3d5469;margin-bottom:8px}.hostlab .form-group{margin-bottom:21px}.hostlab .form-control{height:44px;min-height:44px;max-width:100%;font:14px/1.5 "Segoe UI",Arial,sans-serif;border:1px solid #d7e1eb;border-radius:7px;padding:10px 13px;box-shadow:none;color:#273f54;background:white}.hostlab textarea.form-control{height:auto;min-height:140px;resize:vertical}.hostlab select.form-control{padding-inline-end:28px}.hostlab .form-control:focus{border-color:#0b9ff7;box-shadow:0 0 0 3px #0b9ff712}.hostlab .form-control:disabled,.hostlab .form-control[readonly]{background:#f4f7fa;color:#718397;opacity:1}.hostlab input[type=checkbox],.hostlab input[type=radio]{accent-color:#0875bd}.hostlab input[type=file]{padding:6px;line-height:28px;height:auto}.hostlab .help-block,.hostlab .small-text{font-size:12px;color:#75889a;line-height:1.6}.hostlab .input-group-addon{background:#f2f6f9;border-color:#d7e1eb;color:#6b8194}
.hostlab .panel,.hostlab .listtable,.hostlab .hl-surface{border:1px solid var(--hl-line);border-radius:11px;background:white;box-shadow:none;overflow:visible}.hostlab .panel-heading{padding:17px 22px;border-bottom:1px solid #e8edf3;border-radius:11px 11px 0 0;background:#fbfcfd;color:#273e53}.hostlab .panel-heading .panel-title{font-size:14px;font-weight:600;color:#273e53}.hostlab .panel-heading .text-white{color:#273e53!important}.hostlab .panel-body{padding:23px}.hostlab .panel-footer{background:#f8fafc;border-color:#e8edf3;padding:14px 22px;border-radius:0 0 11px 11px}.hostlab .panel-primary>.panel-heading,.hostlab .panel-info>.panel-heading{background:#edf5fc;border-color:#d6e6f2;color:#24465e}
.hostlab .bg-white,.hostlab .bg-seccolorstyle,.hostlab .bg-colorstyle{background:white}.hostlab .bg-white.p-50,.hostlab .bg-white.p-80,.hostlab .bg-white.p-5,.hostlab .domain-previw-box>.row>div>.bg-white,.hostlab form.hl-form-surface{padding:28px;border:1px solid var(--hl-line);border-radius:11px}.hostlab .p-50,.hostlab .p-80{padding:28px}.hostlab .br-12{border-radius:11px}.hostlab .mt-50,.hostlab .mt-100{margin-top:22px}.hostlab .pt-50,.hostlab .sec-normal{padding-top:22px}.hostlab .pb-50{padding-bottom:22px}.hostlab .mb-50{margin-bottom:24px}.hostlab .noshadow{box-shadow:none}.hostlab .mergecolor,.hostlab .c-black{color:var(--hl-ink)}.hostlab .seccolor,.hostlab .text-muted{color:#718598}.hostlab .whitecolor:not(.btn){color:var(--hl-ink)}.hostlab .section-subheading{font-size:14px;line-height:1.6;color:#6b7f91}.hostlab .section-heading{font-size:23px}.hostlab .bg-pink,.hostlab .bg-purple,.hostlab .bg-yellow{background:#edf6fd;color:#0a6da9}.hostlab .d-grid{display:grid}.hostlab [data-aos]{opacity:1!important;transform:none!important}
.hostlab .table-container{min-width:0}.hostlab .listtable{padding:0;overflow:auto;margin-bottom:15px}.hostlab .table{margin-bottom:0;background:white;color:#344d62}.hostlab .table>thead>tr>th{padding:16px 18px;background:#f8fafc;color:#738697;font-weight:600;font-size:11px;border:0;border-bottom:1px solid #e6edf3;vertical-align:middle;white-space:nowrap}.hostlab .table>tbody>tr>td{padding:18px;border-top:1px solid #edf1f5;font-size:12px;vertical-align:middle;line-height:1.6}.hostlab .table>tbody>tr>td strong{font-size:13px;font-weight:600;color:#2c4459}.hostlab .table>tbody>tr:hover>td{background:#fafcfe}.hostlab .table>tbody>tr[onclick]{cursor:pointer}.hostlab .table>tbody>tr>td small{display:inline-block;color:#8091a0}.hostlab .table th.text-center,.hostlab .table td.text-center{text-align:center}.hostlab .table>tbody>tr>td .btn{margin:3px}.hostlab .table-list>tbody>tr>td.ssl-info{width:45px}.hostlab .table-list td img{max-width:22px}.hostlab .table .ticket-number{display:block;font-size:10px;color:#8596a4}.hostlab .table .ticket-subject{color:#29465d;font-weight:500}.hostlab .table .ticket-subject.unread{font-weight:700}
.hostlab .dataTables_wrapper .dataTables_filter{padding:18px 20px;float:right;margin:0}.hostlab .dataTables_filter input{min-height:37px;height:37px;width:210px;border:1px solid #dbe4ec;border-radius:6px;background:#fafcfe;padding:7px 12px;font-size:12px;outline-offset:2px}.hostlab .dataTables_wrapper .dataTables_info{padding:25px 20px;font-size:11px;color:#7b8d9c}.hostlab .dataTables_wrapper .dataTables_length{font-size:11px;color:#7b8d9c}.hostlab .dataTables_wrapper .dataTables_length select{height:32px;min-height:32px;margin:0 5px}.hostlab .dataTables_wrapper .pagination{margin:0 0 15px}.hostlab .pagination>li>a{border-color:#dfe7ee;color:#537087;font-size:12px}.hostlab .pagination>.active>a{background:#0875bd;border-color:#0875bd;color:white}.hostlab #tableLoading{padding:36px;background:white;border:1px solid var(--hl-line);border-radius:10px;color:#718598}
.hostlab .label,.hostlab .badge{display:inline-block;white-space:normal;font-size:10px;line-height:1.5;font-weight:600;padding:4px 9px;border-radius:5px;border:1px solid transparent;background:#edf2f7;color:#577187}.hostlab .status-active,.hostlab .status-paid,.hostlab .label-success{color:#237456;background:#e9f6ef;border-color:#cfe9db}.hostlab .status-unpaid,.hostlab .status-pending,.hostlab .label-warning{color:#98651e;background:#fff5e5;border-color:#f2dfbc}.hostlab .status-suspended,.hostlab .status-overdue,.hostlab .label-danger{color:#a64249;background:#fff0f1;border-color:#f0d5d8}.hostlab .status-cancelled,.hostlab .status-terminated,.hostlab .status-closed{color:#768493;background:#f0f3f6;border-color:#e0e6ec}.hostlab .status-open,.hostlab .status-answered,.hostlab .label-info,.hostlab .label-primary{color:#0873b6;background:#eaf5fe;border-color:#c9e4f7}
.hostlab .alert{padding:16px 20px;border-radius:8px;font-size:13px;line-height:1.65;border:1px solid transparent}.hostlab .alert-info{background:#edf7ff;color:#2e678e;border-color:#cfe6f7}.hostlab .alert-success{background:#edf8f1;color:#327855;border-color:#d3eadd}.hostlab .alert-warning{background:#fff7e9;color:#90682c;border-color:#f0dfbf}.hostlab .alert-danger{background:#fff1f2;color:#9d484d;border-color:#f0d6d9}
.hostlab .nav-tabs{border-bottom:1px solid #dce5ed;margin-bottom:20px}.hostlab .nav-tabs>li>a{font-size:12px;padding:12px 17px;color:#6b8194;border-radius:7px 7px 0 0}.hostlab .nav-tabs>li.active>a{color:#0875bd;font-weight:600;background:white;border-color:#dce5ed #dce5ed white}.hostlab .tab-content{min-width:0}.hostlab .list-group-item{border-color:#e4ebf2}.hostlab .modal-content{border:1px solid #d9e4ed;border-radius:12px;box-shadow:0 20px 60px #14233825}.hostlab .modal-header{background:#f8fafc;border-bottom:1px solid var(--hl-line);padding:20px 24px;border-radius:12px 12px 0 0}.hostlab .modal-body{padding:24px}.hostlab .modal-footer{border-color:var(--hl-line);padding:16px 24px}.hostlab .modal-title{font-size:18px}
.hostlab .product-overbox{position:relative;padding:32px;background:#17344a;border-radius:11px;color:white;min-height:210px;margin-bottom:16px}.hostlab .prod-info-abso{position:static;text-align:left}.hostlab .prod-info-abso>i{font-size:24px;color:#6bbef3;margin-bottom:15px}.hostlab .prod-info-abso h3{color:white;font-size:24px;margin:0 0 8px}.hostlab .prod-info-abso h4{color:#9fbdd2;font-size:13px;font-weight:400}.hostlab .product-status-text{display:inline-block;padding:4px 10px;border-radius:5px;background:#264b60;color:#c5e8e1;font-size:11px;margin-top:12px}.hostlab .overview-box{padding:24px;background:white;border:1px solid var(--hl-line);border-radius:11px}.hostlab .overview-box>span{display:flex;justify-content:space-between;gap:20px;text-align:start;padding:12px 0;border-bottom:1px solid #edf1f5;font-size:12px;color:#74899b}.hostlab .overview-box>span:last-child{border:0}.hostlab .overview-box strong,.hostlab .overview-box i{color:#304b60;font-style:normal;font-weight:500}.hostlab .product-actions-wrapper .btn{margin-bottom:10px}.hostlab .domain-main-info{display:flex;align-items:center;justify-content:space-between;gap:20px}.hostlab .domain-main-info>a{font-size:21px;font-weight:600}.hostlab .domain-main-info .btn{font-size:11px;margin-inline-start:10px}.hostlab .domain-previw-box .mb-5{margin-bottom:20px}
.hostlab .ticket-reply{margin:0 0 22px;border:1px solid var(--hl-line);border-radius:11px;overflow:hidden;background:white}.hostlab .ticket-reply .user{padding:18px 22px;background:#f8fafc;border-bottom:1px solid #e7edf3;min-height:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#667e91}.hostlab .ticket-reply .gravatar{width:32px;height:32px;border-radius:50%}.hostlab .ticket-reply .user .name{font-size:13px;font-weight:600}.hostlab .ticket-reply .user .name .label{margin-inline-start:7px}.hostlab .ticket-reply .user .type{font-size:11px}.hostlab .ticket-reply .user .date{font-size:11px;margin-inline-start:auto}.hostlab .ticket-reply .message{padding:25px;font-size:14px;line-height:1.75;color:#405a6e}.hostlab .ticket-reply.staff{border-inline-start:3px solid #0b9ff7}.hostlab .ticket-reply .attachments{margin-top:22px;padding:15px;background:#f5f8fb;border-radius:7px;font-size:12px}.hostlab .ticket-reply .attachments ul{margin:8px 0 0;padding-inline-start:18px}
.hostlab .md-editor{border:1px solid #d7e1eb;border-radius:8px;background:white}.hostlab .md-editor>.md-header{background:#f6f9fc!important;padding:8px;border-radius:8px 8px 0 0}.hostlab .md-editor .btn{padding:6px 9px;background:transparent;color:#5e788e;border-color:transparent;font-size:12px}.hostlab .md-editor .glyphicon{font-family:"Glyphicons Halflings"!important}.hostlab .md-editor .fas{font-family:"Font Awesome 6 Free"!important;font-weight:900}.hostlab .md-editor textarea{padding:15px!important;border-color:#e3ebf2!important;background:white!important;font-family:inherit;font-size:14px;line-height:1.7}.hostlab .markdown-editor-status{padding:7px 12px;font-size:10px;color:#8093a3}.hostlab .markdown-content pre{white-space:pre-wrap;overflow-wrap:anywhere}.hostlab .markdown-content img{max-width:100%}
.hostlab .hl-kb-search{background:#eaf2f9;border:1px solid #dbe8f2;border-radius:12px;padding:28px;margin-bottom:25px}.hostlab .hl-kb-search h2{font-size:20px;margin:0 0 16px}.hostlab .hl-kb-search form{display:flex;gap:10px;max-width:700px}.hostlab .hl-kb-search input{flex:1;min-width:0}.hostlab .hl-kb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hostlab .hl-kb-card{padding:23px;background:white;border:1px solid var(--hl-line);border-radius:11px;display:block;color:#304c61}.hostlab .hl-kb-card h3{font-size:16px;margin:0 0 7px}.hostlab .hl-kb-card p{font-size:13px;color:#778b9c;margin:0 0 12px}.hostlab .hl-kb-card small{font-size:11px;color:#0875bd}.hostlab .kbarticle,.hostlab .kb-article-content{padding:28px;background:white;border:1px solid var(--hl-line);border-radius:11px;line-height:1.8}
.hostlab .hl-welcome{padding:35px 0;max-width:900px}.hostlab .hl-welcome h1{font-size:42px;line-height:1.2;max-width:660px;margin:14px 0 20px}.hostlab .hl-lead{max-width:580px;font-size:16px;color:#6f8496}.hostlab .hl-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hostlab .hl-quicklinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0}.hostlab .hl-quicklinks>a{display:flex;flex-direction:column;gap:12px;padding:27px;border:1px solid var(--hl-line);border-radius:11px;background:white}.hostlab .hl-quicklinks i{font-size:22px;color:#0b9ff7}.hostlab .hl-quicklinks strong{font-size:15px;color:#233e53}.hostlab .hl-quicklinks span{font-size:12px;color:#71879a}.hostlab .hl-browse{font-size:13px;color:#71879a;display:flex;gap:10px;justify-content:center;margin:25px}
.hostlab .hl-footer{padding:0 38px;background:transparent;border-top:1px solid #e5ebf1;color:#8697a5;font-size:10px}.hostlab .hl-footer-inner{max-width:1300px;width:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.hostlab .hl-footer-links{display:flex;align-items:center;gap:20px}.hostlab .hl-footer a{color:#738a9c}.hostlab .hl-footer-divider{padding:0 8px;color:#b1bec9}.hostlab .hl-site-credit img{width:132px;height:auto;display:block}.hostlab .hl-site-credit{display:inline-flex;border-radius:4px;line-height:0}.hostlab .hl-brand-image{display:inline-flex;line-height:0;max-width:100%}.hostlab .hl-brand-image img{display:block;width:180px;height:auto;position:static}
.hostlab .hl-skip{position:fixed;top:-90px;inset-inline-start:260px;z-index:2000;background:white;border:1px solid #0b9ff7;padding:10px 18px;border-radius:6px}.hostlab .hl-skip:focus{top:10px}
.hostlab .hl-empty{padding:45px 25px;text-align:center;background:white;border:1px dashed #d1dfea;border-radius:12px}.hostlab .hl-empty i{font-size:28px;color:#8eb3d0;margin-bottom:15px}.hostlab .hl-empty h2{font-size:19px}.hostlab .hl-empty p{color:#7a8e9f;font-size:13px}
@media(min-width:992px){.hostlab .hl-rail-shade{display:none}.hostlab .hl-rail{transform:none!important}}
@media(max-width:1199px){.hostlab .hl-rail{width:216px;padding-inline:14px}.hostlab .hl-workspace{margin-inline-start:216px}.hostlab .hl-rail-brand{padding-inline:8px}.hostlab .hl-main{padding:28px}.hostlab .hl-topbar{padding-inline:28px}.hostlab .hl-stat{padding:18px}.hostlab .hl-stat-label{font-size:11px}.hostlab .hl-utilities{gap:15px}.hostlab .hl-language{display:none}}
@media(max-width:991px){.hostlab .hl-workspace{margin-inline-start:0}.hostlab .hl-rail{width:260px;max-width:88vw;transform:translateX(-100%);transition:transform .2s}.hostlab[dir=rtl] .hl-rail,html[dir=rtl] .hostlab .hl-rail{transform:translateX(100%)}.hostlab.hl-nav-open .hl-rail{transform:translateX(0)}.hostlab.hl-nav-open{overflow:hidden}.hostlab .hl-menu-toggle,.hostlab .hl-rail-close{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;width:36px;height:36px;border-radius:6px;color:#57738a;font-size:16px;flex-shrink:0}.hostlab .hl-rail-close{color:#a9c1d4;width:28px}.hostlab .hl-mobile-brand{display:inline-flex}.hostlab .hl-mobile-brand img{width:130px}.hostlab .hl-topbar-location{display:none}.hostlab .hl-topbar{padding:14px 22px;gap:12px;min-height:70px}.hostlab .hl-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hostlab .hl-skip{inset-inline-start:20px}.hostlab .hl-footer{padding-inline:25px}}
@media(max-width:600px){.hostlab .hl-topbar{padding:12px 15px;gap:8px}.hostlab .hl-mobile-brand img{width:108px}.hostlab .hl-utilities{gap:13px}.hostlab .hl-account-nav{padding-inline-start:12px}.hostlab .hl-account-nav>ul>li>a{max-width:105px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.hostlab .hl-cart{display:none}.hostlab .hl-notifications ul{inset-inline-end:-90px}.hostlab .hl-main{padding:25px 18px 32px}.hostlab .hl-page-heading{align-items:flex-start;gap:12px;margin-bottom:23px}.hostlab .hl-page-heading h1{font-size:25px}.hostlab .hl-eyebrow{font-size:8px;letter-spacing:1.5px}.hostlab .hl-page-options summary{font-size:10px;padding:9px;gap:6px}.hostlab .hl-page-options summary>i:first-child{display:none}.hostlab .hl-hero{padding:24px;flex-direction:column;align-items:flex-start;gap:22px}.hostlab .hl-hero h2{font-size:23px}.hostlab .hl-hero .btn{font-size:11px}.hostlab .hl-stat-grid{gap:12px;margin-bottom:23px}.hostlab .hl-stat{padding:17px 15px}.hostlab .hl-stat-label{font-size:10px;gap:7px}.hostlab .hl-stat>strong{font-size:30px;margin:16px 0 12px}.hostlab .hl-stat>span:last-child{font-size:10px}.hostlab .hl-dashboard-panels{grid-template-columns:1fr;gap:16px}.hostlab .hl-dashboard-panel .service-section{padding:21px}.hostlab .hl-section-heading h2{font-size:16px}.hostlab .hl-section-heading>a{font-size:10px}.hostlab .hl-quick-actions{grid-template-columns:1fr;gap:9px;margin:22px 0}.hostlab .hl-toolbar{align-items:flex-start;flex-wrap:wrap}.hostlab .hl-toolbar p{font-size:12px}.hostlab .bg-white.p-50,.hostlab .bg-white.p-80,.hostlab .bg-white.p-5,.hostlab form.hl-form-surface{padding:21px}.hostlab .panel-body{padding:20px}.hostlab .table>thead>tr>th,.hostlab .table>tbody>tr>td{padding:13px 12px;font-size:11px}.hostlab .dataTables_wrapper .dataTables_filter{float:none;text-align:left;padding:16px 15px 6px}.hostlab .dataTables_wrapper .dataTables_info{padding:4px 15px 14px;text-align:left}.hostlab .dataTables_filter input{width:100%}.hostlab .dataTables_filter label{width:100%;margin:0}.hostlab .dataTables_filter input{margin:0!important}.hostlab .product-overbox{padding:25px}.hostlab .overview-box{margin-top:12px}.hostlab .domain-main-info{align-items:flex-start;flex-direction:column}.hostlab .ticket-reply .user{padding:16px}.hostlab .ticket-reply .message{padding:20px}.hostlab .ticket-reply .user .date{width:100%;margin-inline-start:44px}.hostlab .hl-kb-search{padding:22px}.hostlab .hl-kb-search form{flex-direction:column}.hostlab .hl-kb-grid,.hostlab .hl-quicklinks{grid-template-columns:1fr}.hostlab .hl-welcome h1{font-size:32px}.hostlab .hl-footer{padding-inline:18px}.hostlab .hl-footer-inner{flex-wrap:wrap;gap:10px}.hostlab .hl-footer-links{gap:13px}.hostlab .hl-footer-divider{padding:0 3px}.hostlab .hl-site-credit img{width:110px}.hostlab .hl-browse{flex-direction:column;align-items:center}}
@media(prefers-reduced-motion:reduce){.hostlab *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.hostlab .hl-rail,.hostlab .hl-topbar,.hostlab .hl-footer,.hostlab .hl-page-options{display:none!important}.hostlab .hl-workspace{margin:0}.hostlab .hl-main{padding:0}.hostlab{background:white}}

/* Compact HostLab sign-in. Scope typography and form rules against Antler defaults. */
body.hostlab.hl-auth-page, .hostlab.hl-auth-page .box-container, .hostlab.hl-auth-page .hl-main{background:#f4f6f9!important}
.hostlab.hl-auth-page .hl-main{display:flex;align-items:center;justify-content:center;padding:55px 24px;min-height:calc(100svh - 68px)}
.hostlab .hl-signin-shell{width:100%;max-width:432px;margin:0 auto;font-family:"Segoe UI",Arial,sans-serif;color:#152538}
.hostlab .hl-signin-shell h1,.hostlab .hl-signin-shell p,.hostlab .hl-signin-shell a,.hostlab .hl-signin-shell span,.hostlab .hl-signin-shell label,.hostlab .hl-signin-shell input,.hostlab .hl-signin-shell button{font-family:"Segoe UI",Arial,sans-serif!important;letter-spacing:normal}
.hostlab .hl-signin-brand{display:flex;justify-content:center;width:max-content;margin:0 auto 28px;text-decoration:none}
.hostlab .hl-signin-brand .hl-logo-window{width:183px;height:60px}
.hostlab .hl-signin-brand .hl-logo-window img{width:266px;left:-38px;top:-52px}
.hostlab .hl-signin-card{padding:34px 36px 0;border:1px solid #e1e7ee;background:#fff;border-radius:13px;box-shadow:0 3px 5px #112b4303,0 15px 40px #112b4305}
.hostlab .hl-signin-heading{margin:0 0 28px;text-align:left}
.hostlab .hl-signin-heading h1{font-size:27px!important;line-height:1.25!important;font-weight:650!important;letter-spacing:-.8px;margin:0 0 9px;color:#152538}
.hostlab .hl-signin-heading p{font-size:14px!important;line-height:1.5!important;font-weight:400!important;color:#66778b;margin:0}
.hostlab .hl-signin-field{margin:0 0 21px}
.hostlab .hl-signin-field label{display:block;color:#253c53;font-size:13px!important;line-height:1.5;font-weight:600!important;margin:0 0 9px;padding:0}
.hostlab .hl-signin-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.hostlab .hl-signin-shell a{color:#0877c0;text-decoration:none;font-weight:500}
.hostlab .hl-signin-shell a:hover{text-decoration:underline;color:#065c95}
.hostlab .hl-signin-label-row a{font-size:12px!important;line-height:1.5;font-weight:500!important}
.hostlab .hl-signin-field .form-control{display:block;width:100%;height:47px;min-height:47px;border:1px solid #ccd7e2;border-radius:7px;padding:11px 13px;font-size:14px!important;line-height:23px!important;font-weight:400!important;background:#fff;color:#182b40;box-shadow:0 1px 2px #10213703;margin:0;transition:border-color .15s,box-shadow .15s}
.hostlab .hl-signin-field .form-control::placeholder{color:#99a6b4;opacity:1;font-size:14px!important}
.hostlab .hl-signin-field .form-control:focus{border-color:#1486d3;box-shadow:0 0 0 3px #1486d318;outline:none}
.hostlab .hl-signin-field input:-webkit-autofill{-webkit-text-fill-color:#182b40;-webkit-box-shadow:0 0 0 1000px #f5f9fe inset!important}
.hostlab .hl-password-field{position:relative}
.hostlab .hl-password-field .form-control{padding-right:66px}
.hostlab .hl-password-toggle{position:absolute;right:4px;top:4px;min-height:39px;min-width:52px;padding:8px;background:transparent;border:0;border-radius:4px;color:#587188;font-size:12px!important;font-weight:500;cursor:pointer;line-height:20px}
.hostlab .hl-password-toggle[hidden]{display:none}
.hostlab .hl-password-toggle:hover{color:#0877c0;background:#f3f7fc}
.hostlab .hl-remember{display:flex;align-items:center;gap:9px;margin:0 0 23px;padding:0;font-weight:400!important;cursor:pointer;width:max-content;max-width:100%}
.hostlab .hl-remember input{appearance:auto!important;-webkit-appearance:checkbox!important;position:static!important;opacity:1!important;width:16px;height:16px;min-width:16px;margin:0!important;accent-color:#087acc;border-radius:4px}
.hostlab .hl-remember span{font-size:13px!important;line-height:1.4;color:#64768a;font-weight:400!important}
.hostlab .hl-signin-submit.btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:47px;padding:11px 18px;margin:0 0 28px;border:1px solid #087acc!important;border-radius:7px!important;background:#087acc!important;color:#fff!important;font-size:14px!important;line-height:23px;font-weight:600!important;text-transform:none;box-shadow:0 2px 3px #087acc15!important}
.hostlab .hl-signin-submit.btn:hover{background:#066bb4!important;border-color:#066bb4!important}
.hostlab .hl-signin-submit.btn span{font-size:19px;line-height:1}
.hostlab .hl-signin-register{border-top:1px solid #e8edf2;margin:0 -36px;padding:21px 18px;text-align:center;font:400 13px/1.5 "Segoe UI",Arial,sans-serif;color:#768599;background:#fafbfd;border-radius:0 0 13px 13px}
.hostlab .hl-signin-register a{margin-left:4px;font-weight:600}
.hostlab .hl-signin-help{text-align:center;font-size:12px!important;font-weight:400!important;line-height:1.6;margin:22px 0 0;color:#8591a1}
.hostlab .hl-signin-help a{color:#536b83;margin-left:3px}
.hostlab .hl-signin-captcha{margin:0 0 20px;max-width:100%}
.hostlab .hl-signin-providers{margin-bottom:22px}
.hostlab .hl-signin-divider{display:flex;align-items:center;gap:14px;color:#8a98a8;font-size:12px;margin-top:20px}
.hostlab .hl-signin-divider:before,.hostlab .hl-signin-divider:after{content:"";height:1px;background:#e7edf3;flex:1}
.hostlab.hl-auth-page .hl-footer{background:#f4f6f9;border:0}
.hostlab.hl-auth-page .hl-footer-inner{padding-top:18px;padding-bottom:18px}
.hostlab.hl-auth-page .hl-footer-inner>div{display:none}
.hostlab.hl-auth-page .hl-footer-inner>span{width:100%;text-align:center;font:400 11px/1.5 "Segoe UI",Arial,sans-serif;color:#8b98a8}
@media(max-width:480px){.hostlab.hl-auth-page .hl-main{padding:32px 20px;align-items:flex-start;min-height:calc(100svh - 65px)}.hostlab .hl-signin-card{padding:28px 25px 0}.hostlab .hl-signin-register{margin-left:-25px;margin-right:-25px;padding:20px 12px}.hostlab .hl-signin-brand{margin-bottom:24px}.hostlab .hl-signin-heading h1{font-size:25px!important}.hostlab .hl-signin-label-row a{font-size:11px!important}.hostlab .hl-signin-help{margin-top:21px}}

/* Registration shares the sign-in visual language; WHMCS owns field behavior. */
.hostlab.hl-registration-page .hl-main{display:block;padding:38px 22px 32px;min-height:calc(100svh - 55px)}
.hostlab .hl-register-shell{width:100%;max-width:760px;margin:0 auto;color:#152538;font-family:"Segoe UI",Arial,sans-serif}
.hostlab .hl-register-shell h1,.hostlab .hl-register-shell h2,.hostlab .hl-register-shell p,.hostlab .hl-register-shell a,.hostlab .hl-register-shell span,.hostlab .hl-register-shell label,.hostlab .hl-register-shell input,.hostlab .hl-register-shell select,.hostlab .hl-register-shell button{font-family:"Segoe UI",Arial,sans-serif!important;letter-spacing:normal}
.hostlab .hl-register-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}
.hostlab .hl-register-top .hl-logo-window{width:174px;height:57px}.hostlab .hl-register-top .hl-logo-window img{width:253px;left:-36px;top:-49px}
.hostlab .hl-register-login{font-size:12px;font-weight:400!important;color:#748297;text-decoration:none}.hostlab .hl-register-login span{color:#0877c0;font-weight:600;margin-left:6px}
.hostlab .hl-register-card{padding:32px 38px 34px;background:#fff;border:1px solid #e1e7ee;border-radius:13px;box-shadow:0 12px 40px #112b4304}
.hostlab .hl-register-heading{margin:0 0 28px;padding:0 0 26px;border-bottom:1px solid #e8edf3;text-align:left}
.hostlab .hl-register-heading h1{font-size:28px!important;font-weight:650!important;line-height:1.25!important;letter-spacing:-.7px;margin:0 0 10px;color:#152538}
.hostlab .hl-register-heading p{font-size:14px!important;font-weight:400!important;line-height:1.6!important;color:#718195;margin:0}
.hostlab .hl-register-card #registration{margin:0!important;padding:0!important}
.hostlab .hl-register-form{margin:0;padding:0}
.hostlab .hl-reg-section-title,.hostlab .hl-register-card .sub-heading{font-size:15px!important;line-height:1.5!important;font-weight:650!important;color:#213950;text-align:left;margin:29px 0 18px;padding:25px 0 0;border-top:1px solid #e8edf3;letter-spacing:-.1px}
.hostlab .hl-reg-section-title.hl-reg-first{padding-top:0;border-top:0;margin-top:0}
.hostlab .hl-register-card .sub-heading:before{display:none}
.hostlab .hl-reg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;margin:0;padding:0;min-width:0}
.hostlab .hl-reg-grid.hidden{display:none!important}.hostlab .hl-reg-grid:before,.hostlab .hl-reg-grid:after{display:none}
.hostlab .hl-reg-grid>[class*=col-]{width:auto;min-width:0;float:none;padding:0;margin:0}
.hostlab .hl-reg-grid>.col-sm-12,.hostlab .hl-reg-full{grid-column:1/-1}
.hostlab .hl-reg-field,.hostlab .hl-register-card .form-group{min-width:0;margin:0;padding:0;text-align:left}
.hostlab .hl-register-card label{display:block;margin:0 0 7px;padding:0;color:#354b62;font-size:12px!important;font-weight:600!important;line-height:1.5}
.hostlab .hl-reg-optional{font-weight:400;color:#8b98a8;font-size:11px;margin-left:3px}
.hostlab .hl-register-card .form-control,.hostlab .hl-register-card input.field,.hostlab .hl-register-card select.field{display:block;width:100%;max-width:100%;height:43px;min-height:43px;margin:0;padding:10px 12px;border:1px solid #ccd7e2;border-radius:6px!important;background:#fff;color:#263e55;font-size:13px!important;line-height:21px!important;font-weight:400!important;box-shadow:0 1px 2px #10213703;outline-offset:2px}
.hostlab .hl-register-card select.field{appearance:auto;background-image:none;padding-right:12px}
.hostlab .hl-register-card input::placeholder{color:#a0adba;font-size:13px!important;opacity:1}
.hostlab .hl-register-card .form-control:focus,.hostlab .hl-register-card input.field:focus{border-color:#1486d3;box-shadow:0 0 0 3px #1486d318;outline:none}
.hostlab .hl-register-card input:-webkit-autofill{-webkit-text-fill-color:#263e55;-webkit-box-shadow:0 0 0 1000px #f5f9fe inset!important}
.hostlab .hl-register-card .intl-tel-input,.hostlab .hl-register-card .iti{width:100%;display:block}
.hostlab .hl-register-card .intl-tel-input input,.hostlab .hl-register-card .iti input{padding-left:52px!important}
.hostlab .hl-register-card .selected-flag{height:43px}.hostlab .hl-register-card .country-list{white-space:normal;max-width:calc(100vw - 90px)}
.hostlab .hl-register-card .generate-password{position:static;display:inline-block;float:right;min-height:28px;width:auto;padding:5px 0;margin:4px 0 0;background:transparent;border:0;color:#0877c0;font-size:11px!important;font-weight:500;line-height:18px;box-shadow:none;text-transform:none;cursor:pointer}
.hostlab .hl-register-card .password-strength-meter{clear:both;padding-top:4px;margin:0}
.hostlab .hl-register-card .password-strength-meter .progress{height:4px;border-radius:3px;background:#e9eef4;margin:0;box-shadow:none}
.hostlab .hl-register-card .password-strength-meter .progress-bar{min-height:4px}
.hostlab .hl-register-card #passwdFeedback{grid-column:1/-1;margin:0;font-size:12px;line-height:1.5;padding:12px}
.hostlab .hl-register-card #containerPassword+.hl-reg-grid{margin-top:18px}
.hostlab .hl-register-card .field-help-text{font-size:11px;line-height:1.5;color:#7b8b9b;margin-top:5px;display:block}
.hostlab .hl-reg-marketing{padding:18px 20px;margin:26px 0 0;border:1px solid #e5ebf1;border-radius:7px;background:#f8fafc}
.hostlab .hl-reg-marketing h2{font-size:14px!important;font-weight:600!important;line-height:1.5;margin:0 0 7px}
.hostlab .hl-reg-marketing p{font-size:12px!important;font-weight:400!important;line-height:1.6;color:#718195;margin:0 0 13px}
.hostlab .hl-register-card .hl-reg-check{display:flex;align-items:flex-start;gap:9px;margin:0;color:#61748a;font-weight:400!important;font-size:12px!important;line-height:1.7;cursor:pointer}
.hostlab .hl-reg-check input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;position:static!important;opacity:1!important;width:16px;height:16px;min-height:16px;min-width:16px;flex:0 0 16px;margin:2px 0 0!important;accent-color:#087acc;padding:0}
.hostlab .hl-reg-check a{color:#0877c0;font-weight:500}
.hostlab .hl-reg-captcha:empty{display:none}.hostlab .hl-reg-captcha{margin-top:20px}.hostlab .hl-reg-captcha .row{margin:0}.hostlab .hl-reg-captcha .g-recaptcha{max-width:100%}
.hostlab .hl-reg-submit-area{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #e8edf3;margin-top:28px;padding-top:24px}
.hostlab .hl-reg-submit-area>.hl-reg-check{max-width:430px}
.hostlab .hl-reg-submit.btn{display:flex;align-items:center;justify-content:center;gap:14px;flex-shrink:0;min-height:44px;padding:10px 22px;margin-left:auto;border:1px solid #087acc!important;border-radius:6px!important;background:#087acc!important;color:white!important;font-size:13px!important;line-height:22px;font-weight:600!important;text-transform:none}
.hostlab .hl-reg-submit.btn:hover{background:#066bb4!important;border-color:#066bb4!important}
.hostlab .hl-register-help{text-align:center;margin:22px 0 0;font-size:12px!important;font-weight:400!important;color:#8591a1;line-height:1.6}.hostlab .hl-register-help a{color:#536b83;margin-left:3px}
@media(max-width:600px){.hostlab.hl-registration-page .hl-main{padding:22px 16px 26px}.hostlab .hl-register-top{flex-direction:column;gap:10px;margin-bottom:23px}.hostlab .hl-register-card{padding:25px 22px 26px}.hostlab .hl-register-heading{margin-bottom:23px;padding-bottom:23px}.hostlab .hl-register-heading h1{font-size:25px!important}.hostlab .hl-register-heading p{font-size:13px!important}.hostlab .hl-reg-grid{grid-template-columns:minmax(0,1fr);gap:17px}.hostlab .hl-reg-grid>[class*=col-],.hostlab .hl-reg-full{grid-column:1}.hostlab .hl-reg-section-title{margin-top:25px;padding-top:23px}.hostlab .hl-reg-submit-area{flex-direction:column;align-items:stretch;gap:20px}.hostlab .hl-reg-submit.btn{width:100%;margin:0}.hostlab .hl-reg-marketing{padding:15px}.hostlab .hl-register-card .recaptcha-container{padding-left:0;padding-right:0}}

/* Support ticket forms: keep WHMCS fields, editor and upload hooks intact. */
.hostlab.hl-ticket-page .main-content{max-width:990px;float:none;margin:0 auto}
.hostlab .hl-ticket-card{background:#fff;border:1px solid var(--hl-line);border-radius:12px;box-shadow:0 8px 24px #14233804;overflow:visible;margin:0}
.hostlab .hl-ticket-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 30px;border-bottom:1px solid #e7edf3}
.hostlab .hl-ticket-intro h2{font-size:19px;line-height:1.4;font-weight:650;letter-spacing:-.3px;margin:0 0 6px}
.hostlab .hl-ticket-intro p{font-size:13px;line-height:1.6;color:var(--hl-muted);margin:0;max-width:520px}
.hostlab .hl-ticket-intro>a{font-size:12px;white-space:nowrap;margin-top:5px}
.hostlab .hl-ticket{padding:28px 30px 26px}
.hostlab .hl-ticket .hl-ticket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:0}
.hostlab .hl-ticket .hl-ticket-grid:before,.hostlab .hl-ticket .hl-ticket-grid:after,.hostlab .hl-ticket .hl-ticket-attachments:before,.hostlab .hl-ticket .hl-ticket-attachments:after{display:none}
.hostlab .hl-ticket .hl-ticket-has-service{grid-template-columns:repeat(3,minmax(0,1fr))}
.hostlab .hl-ticket-grid>.form-group{float:none;width:auto;padding:0;min-width:0}
.hostlab .hl-ticket-grid>.col-md-12{grid-column:1/-1}
.hostlab .hl-ticket .form-group{margin-bottom:22px}
.hostlab .hl-ticket label{display:block;font-size:13px;font-weight:600;line-height:1.5;margin-bottom:8px;color:#34485f}
.hostlab .hl-ticket .form-control{height:44px;min-height:44px;padding:10px 13px;line-height:22px;border-radius:6px;font-family:inherit;font-size:14px;background-color:#fff;border-color:#d6e0ea;color:#23384e}
.hostlab .hl-ticket select.form-control{padding-inline-end:36px}
.hostlab .hl-ticket .form-control:disabled{background:#f5f7fa;color:#53677e;border-color:#e4eaf1;opacity:1;cursor:default}
.hostlab .hl-ticket textarea.form-control{height:auto;min-height:220px;resize:vertical;line-height:1.65}
.hostlab .hl-ticket .md-editor{border:1px solid #d6e0ea;border-radius:7px;box-shadow:none;background:white}
.hostlab .hl-ticket .md-editor.active,.hostlab .hl-ticket .md-editor:focus-within{border-color:#168bd5;box-shadow:0 0 0 3px #168bd51a}
.hostlab .hl-ticket .md-editor>.md-header{padding:8px;background:#f7f9fc!important;border-radius:7px 7px 0 0;display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.hostlab .hl-ticket .md-editor .btn-group{margin:0;display:inline-flex;float:none}
.hostlab .hl-ticket .md-editor .btn{padding:6px 9px;min-width:32px;min-height:32px;font-size:12px;line-height:18px;background:transparent!important;border:1px solid transparent!important;color:#53677e!important;border-radius:4px!important}
.hostlab .hl-ticket .md-editor .btn:hover,.hostlab .hl-ticket .md-editor .btn.active{background:#e5eef8!important;color:#087acc!important}
.hostlab .hl-ticket .md-editor>textarea.markdown-editor,.hostlab .hl-ticket .md-editor>.md-preview{padding:16px!important;border:0!important;border-top:1px solid #e2e8f0!important;border-bottom:1px solid #e2e8f0!important;border-radius:0;box-shadow:none!important;min-height:220px;background:white!important;font-family:inherit;font-size:14px;line-height:1.7;color:#23384e}
/* HostLab's generic span typography must not override the editor's icon font. */
.hostlab .md-editor .glyphicon{font-family:"Glyphicons Halflings"!important;font-weight:400;font-style:normal}
.hostlab .md-editor .fas{font-family:"Font Awesome 6 Free"!important;font-weight:900}
.hostlab .hl-ticket .md-editor .md-controls{margin-inline-start:auto;position:static;padding:0 6px}
.hostlab .hl-ticket .md-editor .md-controls a{color:#65748a}
.hostlab .hl-ticket .markdown-editor-status{padding:7px 12px;font-size:11px;line-height:1.5;color:#718196;text-align:end}
.hostlab .hl-ticket .md-editor.md-fullscreen-mode{border-radius:0;z-index:1100}
.hostlab .hl-ticket .md-editor.md-fullscreen-mode>textarea.markdown-editor{height:100%!important}
.hostlab .hl-ticket .hl-ticket-attachments{margin:0 0 22px;padding:16px;background:#f8fafc;border:1px dashed #d6e0ea;border-radius:7px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px}
.hostlab .hl-ticket-attachments>[class*=col-]{width:auto;float:none;min-width:0;padding:0}
.hostlab .hl-ticket-attachments>.col-sm-12,.hostlab .hl-ticket-attachments>.col-xs-12{grid-column:1/-1}
.hostlab .hl-ticket input[type=file].form-control{padding:5px;height:auto;font-size:12px;line-height:30px;max-width:100%}
.hostlab .hl-ticket input[type=file]::file-selector-button{border:0;border-radius:4px;background:#e9f0f7;color:#344c65;padding:5px 10px;margin-inline-end:10px;font:600 12px/20px "Segoe UI",Arial,sans-serif;cursor:pointer}
.hostlab .hl-ticket #fileUploadsContainer input{margin-top:8px}
.hostlab .hl-ticket .ticket-attachments-message{font-size:11px;line-height:1.6;margin-top:8px;color:#65748a}
.hostlab .hl-ticket .hl-ticket-actions{display:flex;align-items:center;gap:12px;border-top:1px solid #e7edf3;margin:24px 0 0;padding-top:22px}
.hostlab .hl-ticket .hl-ticket-actions .btn{margin:0;min-width:115px}
.hostlab .hl-ticket .hl-ticket-suggestions{margin:22px 0}
.hostlab .hl-ticket .help-block{font-size:12px;line-height:1.6;color:#65748a;margin:6px 0 0}
.hostlab .hl-ticket #customFieldsContainer input[type=checkbox]+label{display:inline}
.hostlab .hl-ticket-lead{font-size:14px;color:var(--hl-muted);margin:0 0 22px}
.hostlab .hl-department-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hostlab .hl-department-card{display:flex;align-items:flex-start;gap:16px;padding:24px;background:white;border:1px solid var(--hl-line);border-radius:10px;color:var(--hl-ink);text-decoration:none}
.hostlab .hl-department-card:hover{border-color:#8ebfe2;background:#fbfdff;text-decoration:none}
.hostlab .hl-department-card h2{font-size:17px;font-weight:650;margin:0 0 6px;line-height:1.4}
.hostlab .hl-department-card p{font-size:13px;color:var(--hl-muted);margin:0;line-height:1.6}
.hostlab .hl-department-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 38px;height:38px;background:#edf6fd;color:#087acc;border-radius:8px}
.hostlab .hl-department-arrow{margin-inline-start:auto;color:#087acc;font-size:20px}
@media(max-width:767px){
 .hostlab .hl-ticket-intro{padding:22px;flex-direction:column;gap:10px}
 .hostlab .hl-ticket-intro>a{margin:0}
 .hostlab .hl-ticket{padding:22px}
 .hostlab .hl-ticket .hl-ticket-grid,.hostlab .hl-ticket .hl-ticket-has-service{grid-template-columns:1fr}
 .hostlab .hl-ticket .form-group{margin-bottom:18px}
 .hostlab .hl-ticket .hl-ticket-attachments{grid-template-columns:1fr;gap:10px;padding:14px}
 .hostlab .hl-ticket-attachments .btn{width:auto}
 .hostlab .hl-ticket .hl-ticket-actions{flex-wrap:wrap}
 .hostlab .hl-ticket .md-editor>.md-header{gap:3px;padding:6px}
 .hostlab .hl-ticket .md-editor .btn{padding:6px;min-width:30px}
 .hostlab .hl-department-grid{grid-template-columns:1fr}
}

/* Geometric H brand: native image proportions, no cropping or oversized canvas. */
.hostlab .hl-brand-image{display:inline-flex;align-items:center;line-height:0;max-width:100%}
.hostlab .hl-brand-image img{display:block;position:static;width:190px;height:auto;max-width:100%;object-fit:contain}
.hostlab .hl-signin-brand .hl-brand-image img{width:184px}
.hostlab .hl-register-top .hl-brand-image img{width:174px}
.hostlab .hl-site-credit{display:inline-flex;flex-shrink:0;line-height:0;border-radius:4px}
.hostlab .hl-site-credit img{display:block;width:145px;height:auto}
.hostlab .hl-footer-inner{flex-wrap:wrap;gap:14px 25px}
.hostlab.hl-auth-page .hl-footer-inner{justify-content:center;gap:6px}
.hostlab.hl-auth-page .hl-site-credit{margin:0 auto}
@media(max-width:767px){.hostlab .hl-brand-image img{width:156px}.hostlab .hl-site-credit{margin-inline-start:0}}

/* Align specialised native forms with the v2 design system. */
.hostlab .hl-rail-language{display:none;margin:14px 12px;color:#bfd4e4;font-size:12px}.hostlab .hl-rail-language ul{list-style:none;padding:10px 0;margin:0;max-height:180px;overflow:auto}.hostlab .hl-rail-language a{display:block;padding:6px;color:#bfd4e4}.hostlab .hl-rail-language summary i{float:right}
@media(max-width:1199px){.hostlab .hl-rail-language{display:block}}
.hostlab form.hl-form-surface{background:#fff}
@media(max-width:991px){.hostlab .hl-mobile-brand .hl-brand-image img{width:130px}}
@media(max-width:600px){.hostlab .hl-mobile-brand .hl-brand-image img{width:108px}}
.hostlab.hl-auth-page .hl-workspace{margin:0}.hostlab.hl-auth-page .hl-main{padding:55px 24px 35px;min-height:calc(100svh - 110px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f4f7fa!important}
.hostlab.hl-auth-page{background:#f4f7fa!important}.hostlab.hl-auth-page .hl-footer{background:#f4f7fa;border-top:0;padding-inline:24px}.hostlab.hl-auth-page .hl-footer-inner{padding:14px 0;justify-content:center;gap:8px 18px;flex-wrap:wrap}.hostlab.hl-auth-page .hl-footer-inner>span{width:auto}.hostlab.hl-auth-page .hl-footer-links{display:none}.hostlab.hl-auth-page .hl-site-credit{margin:0}
.hostlab .hl-signin-shell{max-width:440px}.hostlab .hl-signin-card{border-radius:14px;border-color:#dfe7ef;box-shadow:0 12px 40px #16354b06;padding-top:34px}.hostlab .hl-signin-brand{margin-bottom:32px}.hostlab .hl-signin-heading h1{font-size:28px!important}.hostlab .hl-signin-heading p{font-size:13px!important}.hostlab .hl-signin-submit.btn{background:#0875bd!important;border-color:#0875bd!important}.hostlab .hl-signin-register{background:#f8fafc}.hostlab .hl-signin-help{font-size:11px!important}
.hostlab.hl-registration-page .hl-main{display:block;padding-top:38px}.hostlab .hl-register-shell{max-width:800px}.hostlab .hl-register-card{border-radius:14px}.hostlab .hl-register-top{margin-bottom:26px}.hostlab .hl-recovery-brand{display:block;margin:0 auto 30px}.hostlab .logincontainer{width:100%;max-width:520px;margin:0 auto;padding:30px;background:white;border:1px solid #dfe7ef;border-radius:14px;box-shadow:0 12px 40px #16354b06}.hostlab .logincontainer .hl-page-heading{margin-bottom:22px}.hostlab .logincontainer .hl-page-heading h1{font-size:25px}.hostlab .logincontainer .section-subheading{font-size:13px}.hostlab .hl-reset-form{margin-top:22px}.hostlab .hl-reset-form>.btn{width:100%;margin-top:3px}.hostlab .logincontainer .row{margin-inline:-10px}.hostlab .logincontainer [class*=col-]{padding-inline:10px}
.hostlab[data-page=supportticketsubmit-steptwo] .main-content,.hostlab[data-page=supportticketsubmit-stepone] .main-content{max-width:1040px;margin:auto}.hostlab .hl-ticket-card{box-shadow:none;border-radius:12px}.hostlab .hl-ticket-intro{padding:24px 28px;background:#fbfcfe;border-radius:12px 12px 0 0}.hostlab .hl-ticket-intro h2{font-size:18px}.hostlab .hl-ticket{padding:26px 28px}.hostlab .hl-ticket .hl-ticket-actions .btn{border-radius:7px}.hostlab .hl-ticket .md-editor .btn:focus-visible{outline:2px solid #0b9ff7}.hostlab .hl-department-symbol{background:#edf6fe}.hostlab .hl-department-card{border-radius:11px}
.hostlab .hl-payment-list .table{border-radius:11px}.hostlab .hl-form-surface h2:first-child,.hostlab .hl-surface h2:first-child{margin-top:0}.hostlab .hl-surface{padding:26px;margin-bottom:22px}.hostlab .hl-surface .bg-white{border:0}.hostlab .listtable .table-responsive{border:0}
@media(max-width:600px){.hostlab.hl-auth-page .hl-main{padding:35px 20px;justify-content:flex-start;min-height:calc(100svh - 105px)}.hostlab .hl-signin-card{padding-top:28px}.hostlab .hl-recovery-brand{margin-top:0}.hostlab .logincontainer{padding:25px 22px}.hostlab .hl-ticket,.hostlab .hl-ticket-intro{padding:22px}.hostlab .hl-surface{padding:20px}.hostlab .hl-register-top .hl-brand-image img{width:155px}}