/* Account workspace: compact navigation and restrained surfaces. */
:root { --hostlabs-purple:#481f64; --hostlabs-accent:#914dc3; --hostlabs-accent-hover:#813eae; --hostlabs-button-hover:#545454; --hostlabs-surface:#faf6fc; --hostlabs-border:#e8d2f1; }
.hl-skip-link { position:absolute; top:-8rem; left:1rem; z-index:1100; padding:.75rem 1rem; background:#fff; border:2px solid var(--hostlabs-accent); border-radius:.4rem; }
.hl-skip-link:focus { top:.5rem; }
body.hl-workspace { background:#f7f8fa; color:#25232a; font-size:14px; }
body:is(.primary-bg-color,.hl-public,.hl-standalone) :is(.btn-primary,.btn-success,.btn-warning,.btn-info,.btn-order-now,.btn-checkout,.btn-add-to-cart,.hl-domain-search-submit):not(:disabled):not(.disabled):is(:hover,:focus,:active),
body:is(.primary-bg-color,.hl-public,.hl-standalone) button[name="validatepromo"]:not(:disabled):is(:hover,:focus,:active) { background:var(--hostlabs-button-hover) !important; background-image:none !important; border-color:var(--hostlabs-button-hover) !important; color:#fff !important; }
body:is(.primary-bg-color,.hl-public,.hl-standalone) :is(.btn-default,.btn-outline-primary,.btn-outline-secondary):not(:disabled):not(.disabled):is(:hover,:focus-visible) { background:var(--hostlabs-accent) !important; border-color:var(--hostlabs-accent) !important; color:#fff !important; }
body.hl-public a.hl-site-signin:hover,
body.hl-public a.hl-site-signin:focus-visible { background:var(--hostlabs-button-hover) !important; color:#fff !important; }
.hl-signed-in #header { border-top:0; border-bottom:1px solid #e7e7ec; }
.hl-signed-in #header .navbar-light { padding:.65rem 1.25rem; }
.hl-signed-in #header .navbar-light > .container { max-width:none; padding:0; flex-wrap:nowrap; gap:1rem; }
.hl-signed-in #header .navbar-brand .logo-img { width:140px; max-height:40px; }
.hl-signed-in #header .topbar { margin-left:auto; background:transparent; color:#52505b; font-size:.8125rem; }
.hl-signed-in #header .topbar > .container { padding:0; width:auto; max-width:none; }
.hl-signed-in #header .topbar .d-flex { align-items:center; gap:.75rem; }
.hl-signed-in #header .topbar .btn { background:transparent; border:0; color:#52505b; font-size:.8125rem; padding:.4rem .5rem; }
.hl-notification-control { position:relative; display:grid; place-items:center; width:40px; height:40px; flex:none; }
.hl-signed-in #header .topbar .btn.hl-notification-button { position:relative; display:grid; place-items:center; width:40px; height:40px; padding:0; border:1px solid #e8d9f0; border-radius:50%; background:#fff; color:var(--hostlabs-accent); font-size:1.05rem; transition:background-color .18s ease,border-color .18s ease; }
.hl-signed-in #header .topbar .btn.hl-notification-button:hover { border-color:#cba7de; background:#faf6fc; }
.hl-notification-count { position:absolute; z-index:1; top:-1px; left:-2px; display:grid; place-items:center; min-width:21px; height:21px; padding:0 4px; border:2px solid #fff; border-radius:999px; background:#dc3545; color:#fff; font-size:.7rem; font-weight:700; line-height:1; pointer-events:none; }
.hl-signed-in #header .toolbar .hl-mobile-menu-toggle { display:grid; place-items:center; width:42px; height:42px; padding:0; border:1px solid #e8d9f0; border-radius:.7rem; background:#faf6fc; color:var(--hostlabs-accent); transition:background-color .18s ease,border-color .18s ease; }
.hl-signed-in #header .toolbar .hl-mobile-menu-toggle:hover,
.hl-signed-in #header .toolbar .hl-mobile-menu-toggle[aria-expanded="true"] { border-color:#cba7de; background:#f2e6f8; }
.hl-menu-icon { display:grid; gap:4px; width:19px; }
.hl-menu-icon > span { display:block; width:100%; height:2px; border-radius:999px; background:currentColor; transition:transform .2s ease,opacity .2s ease,width .2s ease; }
.hl-menu-icon > span:nth-child(2) { width:70%; }
.hl-mobile-menu-toggle[aria-expanded="true"] .hl-menu-icon > span:first-child { transform:translateY(6px) rotate(45deg); }
.hl-mobile-menu-toggle[aria-expanded="true"] .hl-menu-icon > span:nth-child(2) { opacity:0; }
.hl-mobile-menu-toggle[aria-expanded="true"] .hl-menu-icon > span:last-child { transform:translateY(-6px) rotate(-45deg); }
.hl-signed-in #header .btn-active-client span { display:block; max-width:230px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.hl-signed-in #header .toolbar { flex-shrink:0; }
.hl-workspace .master-breadcrumb { display:none; }
.hl-account-layout { display:grid; grid-template-columns:252px minmax(0,1fr); max-width:1680px; margin-inline:auto; min-height:calc(100vh - 130px); }
.hl-account-sidebar { background:#fff; border-right:1px solid #ebe4ef; }
#hostlabsAccountNav { padding:1.5rem .9rem; }
.hl-account-nav { display:grid; gap:.3rem; }
body.primary-bg-color .hl-account-nav > a { display:flex; align-items:center; gap:.85rem; min-height:44px; padding:.65rem .85rem; border:1px solid transparent; border-left:3px solid transparent; border-radius:.6rem; color:#545454; font-size:.9rem; font-weight:550; text-decoration:none; transition:background-color .18s ease,border-color .18s ease,color .18s ease; }
.hl-account-nav > a > i { display:grid; place-items:center; width:1.25rem; flex:none; color:#817589; font-size:1rem; }
body.primary-bg-color .hl-account-nav > a:hover { background:#faf6fc; border-color:#ead9f2; border-left-color:#ead9f2; color:#372b3d; }
body.primary-bg-color .hl-account-nav > a.is-current { background:#f7edfb; border-color:#ead9f2; border-left-color:var(--hostlabs-accent); color:#372b3d; font-weight:650; }
.hl-account-nav > a:hover > i, .hl-account-nav > a.is-current > i { color:var(--hostlabs-accent); }
body.primary-bg-color .hl-account-nav > a:focus-visible { outline:3px solid #ab6cc9; outline-offset:2px; }
.hl-nav-count { margin-left:auto; padding:0 .4rem; background:#e8d2f1; color:var(--hostlabs-accent-hover); border-radius:.3rem; font-size:.75rem; }
.hl-workspace #main-body { min-width:0; padding:1.75rem 2rem; }
.hl-workspace #main-body > .container { max-width:none; padding:0; }
.hl-workspace #main-body .primary-content { min-width:0; }
.hl-page-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; margin-bottom:1.25rem; }
#main-body .hl-page-heading h1 { margin:0; font-size:1.5rem; font-weight:600; letter-spacing:-.025em; color:#25232a; }
.hl-heading-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:.5rem; }
.hl-heading-action { padding:.5rem .8rem; font-size:.8125rem; font-weight:500; }
body.primary-bg-color .hl-heading-action-secondary { border:1px solid var(--hostlabs-accent); background:#fff; color:var(--hostlabs-accent); }
body.primary-bg-color .hl-heading-action-secondary:hover { border-color:var(--hostlabs-accent); background:var(--hostlabs-accent); color:#fff; }
.hl-support-center { max-width:1400px; }
.hl-support-links { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1rem; }
.hl-support-link { grid-column:span 2; display:flex; align-items:center; gap:.9rem; min-width:0; min-height:112px; padding:1.2rem; border:1px solid #e6dbea; border-radius:.85rem; background:#fff; box-shadow:0 5px 18px #481f6409; text-decoration:none; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.hl-support-link:nth-child(-n+2) { grid-column:span 3; }
body.primary-bg-color .hl-support-link:hover { border-color:#c59adb; box-shadow:0 10px 24px #481f6415; text-decoration:none; transform:translateY(-2px); }
body.primary-bg-color .hl-support-link:focus-visible { outline:3px solid #ab6cc9; outline-offset:3px; }
.hl-support-link-icon { display:grid; place-items:center; flex:none; width:44px; height:44px; border-radius:.7rem; background:#f4e9fa; color:var(--hostlabs-accent); font-size:1.15rem; }
.hl-support-link-copy { display:grid; gap:.2rem; min-width:0; }
body.primary-bg-color .hl-support-link-copy strong { color:#25232a; font-size:1rem; font-weight:650; line-height:1.25; }
.hl-support-link-copy small { color:#756e79; font-size:.78rem; line-height:1.4; }
.hl-support-link-arrow { flex:none; margin-left:auto; color:var(--hostlabs-accent); font-size:.8rem; }
body.hl-workspace #main-body .kb-search { flex-wrap:nowrap; align-items:stretch; }
body.hl-workspace #main-body .kb-search .form-control { min-width:0; height:50px; padding:.65rem 1rem; border-radius:.55rem 0 0 .55rem; font-size:.95rem; }
body.hl-workspace #main-body .kb-search .input-group-append { flex:none; margin-left:-1px; }
body.hl-workspace #main-body .kb-search .btn { display:inline-flex; align-items:center; justify-content:center; height:50px; min-width:100px; padding:.55rem 1.15rem; border-radius:0 .55rem .55rem 0; font-size:.9rem; font-weight:600; }
@media (max-width:1099.98px) {
  .hl-support-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hl-support-link, .hl-support-link:nth-child(-n+2) { grid-column:auto; }
  .hl-support-link:last-child { grid-column:1/-1; }
}
@media (max-width:599.98px) {
  .hl-support-links { grid-template-columns:minmax(0,1fr); gap:.7rem; }
  .hl-support-link, .hl-support-link:last-child { grid-column:auto; min-height:88px; padding:.9rem; }
}
@media (prefers-reduced-motion:reduce) { .hl-support-link { transition:none; } body.primary-bg-color .hl-support-link:hover { transform:none; } }
.hl-account-center { max-width:1320px; }
.hl-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
.hl-settings-group { min-width:0; overflow:hidden; border:1px solid #e6dbea; border-radius:.85rem; background:#fff; box-shadow:0 5px 18px #481f6409; }
.hl-settings-group-heading { display:flex; align-items:center; gap:.75rem; min-height:72px; padding:1rem 1.25rem; border-bottom:1px solid #eee7f1; background:#faf7fc; }
.hl-settings-group-icon { display:grid; place-items:center; width:38px; height:38px; flex:none; border:1px solid #ead9f2; border-radius:.6rem; background:#fff; color:var(--hostlabs-accent); font-size:1rem; }
#main-body .hl-settings-group-heading h2 { margin:0; color:#25232a; font-size:1rem; font-weight:650; }
.hl-settings-links { display:grid; }
body.primary-bg-color .hl-settings-links > a { display:flex; align-items:center; gap:1rem; min-height:78px; padding:.9rem 1.25rem; color:#25232a; text-decoration:none; transition:background-color .18s ease; }
.hl-settings-links > a + a { border-top:1px solid #f0ebf2; }
body.primary-bg-color .hl-settings-links > a:hover { background:#faf6fc; text-decoration:none; }
body.primary-bg-color .hl-settings-links > a:focus-visible { position:relative; outline:3px solid #ab6cc9; outline-offset:-3px; }
.hl-settings-link-copy { display:grid; gap:.2rem; min-width:0; }
body.primary-bg-color .hl-settings-link-copy strong { color:#343038; font-size:.94rem; font-weight:600; line-height:1.25; }
.hl-settings-link-copy small { color:#756e79; font-size:.78rem; line-height:1.3; }
.hl-settings-links > a > i { margin-left:auto; color:var(--hostlabs-accent); font-size:.73rem; }
@media (max-width:999.98px) { .hl-settings-grid { grid-template-columns:minmax(0,1fr); gap:1rem; } }
@media (max-width:599.98px) { .hl-settings-group-heading { min-height:64px; padding:.85rem 1rem; } body.primary-bg-color .hl-settings-links > a { min-height:68px; padding:.8rem 1rem; } }
@media (prefers-reduced-motion:reduce) { body.primary-bg-color .hl-settings-links > a { transition:none; } }
body.hl-workspace[data-page="user-security"] #main-body .twofa-config-link.enable.btn-success { min-height:44px; padding:.6rem 1rem; border:1px solid var(--hostlabs-accent) !important; border-radius:.5rem; background:var(--hostlabs-accent) !important; background-image:none !important; color:#fff !important; font-size:.85rem; font-weight:650; line-height:1.25; text-align:center; text-decoration:none; }
body.hl-workspace[data-page="user-security"] #main-body .twofa-config-link.enable.btn-success:is(:hover,:focus,:active) { border-color:var(--hostlabs-button-hover) !important; background:var(--hostlabs-button-hover) !important; color:#fff !important; }
body.hl-workspace[data-page="user-security"] #main-body .twofa-config-link.enable.btn-success:focus-visible { outline:3px solid #ab6cc9; outline-offset:2px; }
@media (min-width:992px) {
  body.hl-workspace[data-page="account-user-management"] #main-body .primary-content { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:1.25rem; }
  body.hl-workspace[data-page="account-user-management"] #main-body .primary-content > :not(.card) { grid-column:1/-1; }
  body.hl-workspace[data-page="account-user-management"] #main-body .primary-content > .card { min-width:0; margin-bottom:0; }
  body.hl-workspace[data-page="account-user-management"] #main-body .primary-content > .card .card-body { min-width:0; padding:1.25rem; }
  body.hl-workspace[data-page="account-user-management"] #main-body .primary-content > .card table { display:table !important; width:100%; table-layout:fixed; }
  body.hl-workspace[data-page="account-user-management"] #main-body .primary-content > .card table th:last-child { width:42%; }
  body.hl-workspace[data-page="account-user-management"] #main-body .primary-content > .card table td { overflow-wrap:anywhere; }
  body.hl-workspace[data-page="account-user-management"] #main-body .primary-content > .card table td .btn { margin:.15rem .25rem .15rem 0; white-space:normal; }
}
.hl-contact-page { max-width:1320px; }
.hl-contact-page > .alert-info { margin:0 0 1rem; padding:.9rem 1.15rem; border:1px solid #e6dbea; border-radius:.8rem; background:#fff; color:#545454; box-shadow:0 5px 18px #481f6409; }
.hl-contact-page > .alert-info .row { display:grid; grid-template-columns:auto minmax(220px,1fr) 84px; align-items:center; gap:.9rem; margin:0; }
.hl-contact-page > .alert-info .row > * { width:auto; max-width:none; margin:0 !important; padding:0; }
.hl-contact-page > .alert-info label { color:#545454; font-size:.83rem; font-weight:600; }
#main-body .hl-contact-page > .alert-info select { min-height:42px; border-color:#d9cbe2; color:#343038; font-size:.88rem; }
body.primary-bg-color .hl-contact-page > .alert-info .btn { min-height:42px; border:1px solid var(--hostlabs-accent); border-radius:.5rem; background:#fff; color:var(--hostlabs-accent); font-size:.82rem; font-weight:600; }
body.primary-bg-color .hl-contact-page > .alert-info .btn:hover { background:var(--hostlabs-accent); color:#fff; }
.hl-contact-page > .card { margin:0 0 1rem; }
.hl-contact-page > .card > .card-body { padding:1.4rem 1.6rem; }
#main-body .hl-contact-page .card-title { margin:0 0 1rem; color:#25232a; font-size:1.05rem; font-weight:650; }
.hl-contact-page .card .form-group { margin-bottom:1rem; }
.hl-contact-page .card .col-form-label { margin-bottom:.3rem; color:#453c4b; font-size:.82rem; font-weight:600; }
#main-body .hl-contact-page .card .form-control { min-height:42px; border-color:#d9cbe2; color:#343038; font-size:.88rem; }
.hl-contact-page > .form-group.text-center { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:.5rem; margin:1rem 0 0; }
.hl-contact-page > .form-group.text-center > .btn { min-height:40px; min-width:105px; margin:0; padding:.5rem 1rem; border-radius:.5rem; font-size:.82rem; font-weight:600; }
body.primary-bg-color .hl-contact-page > .form-group.text-center > .btn-default { border:1px solid #d9cbe2; background:#fff; color:#545454; }
body.primary-bg-color .hl-contact-page > .form-group.text-center > .btn-default:hover { border-color:var(--hostlabs-accent); background:var(--hostlabs-accent); color:#fff; }
body.primary-bg-color .bootstrap-switch { border:1px solid #d9cbe2; border-radius:999px; background:#f5f1f7; line-height:1; box-shadow:0 1px 3px #481f6412; }
body.primary-bg-color .bootstrap-switch .bootstrap-switch-container { display:flex; align-items:stretch; white-space:nowrap; }
body.primary-bg-color .bootstrap-switch :is(.bootstrap-switch-handle-on,.bootstrap-switch-handle-off,.bootstrap-switch-label) { display:flex !important; flex:none; align-items:center; justify-content:center; min-height:38px; margin:0; padding:.55rem .8rem; border:0; border-radius:0; font-size:.78rem; font-weight:700; line-height:1; }
body.primary-bg-color .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success { background:var(--hostlabs-accent); color:#fff; }
body.primary-bg-color .bootstrap-switch .bootstrap-switch-handle-off { background:#fff; color:#545454; }
body.primary-bg-color .bootstrap-switch.bootstrap-switch-focused { border-color:var(--hostlabs-accent); box-shadow:0 0 0 3px #914dc326; }
body.primary-bg-color #frmSingleSignOn > .p-2 { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; }
@media (max-width:767.98px) { .hl-contact-page > .alert-info .row { grid-template-columns:minmax(0,1fr) 72px; gap:.6rem; } .hl-contact-page > .alert-info label { grid-column:1/-1; } .hl-contact-page > .card > .card-body { padding:1.1rem 1rem; } }
@media (max-width:479.98px) { .hl-contact-page > .form-group.text-center > .btn { flex:1 1 auto; } }
.hl-unpaid-banner { display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:.85rem; margin-bottom:1rem; padding:.8rem 1rem; border:1px solid #e9bfc1; border-left:4px solid #bf5965; border-radius:.7rem; background:#fff3f2; color:#6e2932; }
.hl-unpaid-banner > i { display:grid; place-items:center; width:36px; height:36px; border-radius:.55rem; background:#f9dddd; color:#a33f4b; font-size:.95rem; }
.hl-unpaid-banner p { margin:0; font-size:.875rem; line-height:1.5; }
body.primary-bg-color .hl-unpaid-banner a { color:#8d3540; font-size:.8125rem; font-weight:600; text-decoration:underline; text-underline-offset:.2em; white-space:nowrap; }
.hl-unpaid-banner a i { margin-left:.25rem; font-size:.7rem; }
.hl-account-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; min-width:0; margin-bottom:1.5rem; }
body.primary-bg-color .hl-metric { display:flex; align-items:center; min-width:0; min-height:104px; padding:1rem; border:1px solid #e8dfed; border-bottom:6px solid var(--hostlabs-accent); border-radius:.85rem; background:linear-gradient(160deg,#fff 60%,#faf7fc); box-shadow:0 4px 18px #481f6409; color:#25232a; text-decoration:none; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
body.primary-bg-color .hl-metric:hover { transform:translateY(-3px); border-color:#c8a7dc; border-bottom-color:var(--hostlabs-accent); box-shadow:0 12px 28px #481f6417; color:#25232a; }
body.primary-bg-color .hl-metric:focus-visible { outline:3px solid #ab6cc9; outline-offset:3px; }
.hl-metric-copy { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; column-gap:.8rem; width:100%; min-width:0; }
.hl-metric strong { grid-column:1; grid-row:1; display:block; color:#545454; font-size:1.6rem; line-height:1.05; font-weight:650; letter-spacing:-.05em; }
.hl-metric-icon { grid-column:2; grid-row:1; align-self:start; margin-top:.1rem; color:var(--hostlabs-accent); font-size:1.2rem; line-height:1; }
.hl-metric-label { grid-column:1; grid-row:2; display:block; margin-top:.25rem; color:#665c6c; font-size:.82rem; font-weight:500; line-height:1.3; }
body.primary-bg-color .hl-metric-attention { border-color:#d7b7e8; border-bottom-color:var(--hostlabs-accent); background:linear-gradient(160deg,#fff 40%,#f7effb); }
.hl-panel-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.hl-panel-slot { min-width:0; }
.hl-panel-wide { grid-column:1/-1; }
#main-body .hl-dashboard .client-home-cards .card { margin:0; height:100%; border:1px solid #e7e2ed; border-radius:.75rem; box-shadow:0 4px 16px #481f6407; overflow-wrap:anywhere; }
.hl-dashboard .client-home-cards .card-header { padding:1rem 1.25rem; border-bottom:1px solid #efebf2; }
#main-body .hl-dashboard .client-home-cards .card-title { color:#25232a; font-size:.9375rem; font-weight:600; }
.hl-dashboard .client-home-cards .card-title > i { width:1.2rem; color:var(--hostlabs-accent); text-align:center; }
.hl-dashboard .client-home-cards .card-title .float-right { margin-left:.5rem; }
.hl-dashboard .client-home-cards .card-title .btn { background:#fff; border:1px solid #e7e7ec; color:#52505b; white-space:normal; font-size:.75rem; }
body.primary-bg-color .hl-dashboard .client-home-cards .card-title .btn:hover { border-color:var(--hostlabs-accent); background:var(--hostlabs-accent); color:#fff; }
.hl-dashboard .client-home-cards .card-body { padding:1.1rem 1.25rem; }
.hl-dashboard .client-home-cards .list-group-item { padding:.85rem 1.25rem; border-radius:0; font-size:.875rem; }
.hl-dashboard .client-home-cards .card-footer { padding:.75rem 1.25rem; background:#fff; border-top:1px solid #efebf2; font-size:.8125rem; }
.hl-dashboard .client-home-cards .list-group-item.active { color:#fff; }
.hl-services-panel { overflow:hidden; border:1px solid #e6dbea; border-radius:.9rem; background:#fff; box-shadow:0 8px 28px #481f640a; }
.hl-services-heading { display:flex; align-items:center; gap:.9rem; padding:1.1rem 1.35rem; background:linear-gradient(110deg,#fbf7fd,#fff 70%); }
#main-body .hl-services-heading h2 { margin:0; color:#111; font-size:1.1rem; font-weight:700; letter-spacing:.06em; }
.hl-services-count { margin-left:auto; padding:.3rem .65rem; border-radius:999px; background:#f2eaf7; color:var(--hostlabs-accent-hover); font-size:.75rem; font-weight:600; white-space:nowrap; }
.hl-service-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:1rem; min-width:0; padding:.75rem 1.35rem; border-top:1px solid #eeeaf1; transition:background-color .18s ease; }
.hl-service-row:hover { background:#fcf9fd; }
.hl-service-identity { min-width:0; }
.hl-service-domain-line { display:flex; align-items:center; gap:.55rem; min-width:0; }
.hl-service-domain-line h3 { min-width:0; }
.hl-service-package-line { display:block; }
.hl-service-badges { display:flex; flex-direction:column; align-items:flex-end; align-self:start; gap:.25rem; min-width:0; }
.hl-service-status { display:inline-flex; align-items:center; gap:.35rem; flex:none; min-height:1.35rem; padding:.13rem .45rem; border:1px solid #b9d9c1; border-radius:999px; background:#f3faf5; color:#267341; font-size:.68rem; font-weight:600; line-height:1.1; white-space:nowrap; }
.hl-service-status > i { color:#56a56a; font-size:.65rem; line-height:1; }
.hl-service-copy { min-width:0; }
#main-body .hl-service-copy h3 { margin:0; color:#545454; font-size:1.05rem; font-weight:650; line-height:1.35; overflow-wrap:anywhere; }
#main-body .hl-service-copy h3.hl-service-package-name { color:var(--hostlabs-accent); }
#main-body .hl-service-copy p { margin:.2rem 0 0; color:var(--hostlabs-accent); font-size:.85rem; font-weight:600; overflow-wrap:anywhere; }
#main-body .hl-service-copy .hl-service-price { margin-left:.35rem; color:#545454; font-size:.78rem; font-weight:500; white-space:nowrap; }
#main-body .hl-service-copy .hl-service-renewal { display:inline-block; margin-left:.65rem; padding-left:.65rem; border-left:1px solid #d8d2df; color:#6b6370; font-size:.78rem; font-weight:500; white-space:nowrap; }
.hl-service-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:.45rem; min-width:0; padding-left:.9rem; border-left:1px solid #d8d2df; }
body.primary-bg-color .hl-service-action { display:inline-flex; align-items:center; justify-content:center; min-height:35px; padding:.42rem .72rem; border:1px solid #d9cbe2; border-radius:.5rem; background:#fff; color:var(--hostlabs-accent); font-size:.78rem; font-weight:600; text-align:center; text-decoration:none; white-space:nowrap; transition:background-color .18s ease,border-color .18s ease,transform .18s ease; }
body.primary-bg-color .hl-service-action:hover { transform:translateY(-1px); border-color:var(--hostlabs-accent); background:var(--hostlabs-accent); color:#fff; }
body.primary-bg-color .hl-service-action-primary { border-color:var(--hostlabs-accent); background:#fff; color:var(--hostlabs-accent); }
body.primary-bg-color .hl-service-action-primary:hover { border-color:var(--hostlabs-accent); background:var(--hostlabs-accent); color:#fff; }
body.primary-bg-color .hl-service-action:focus-visible,
body.primary-bg-color .hl-services-footer a:focus-visible { outline:3px solid #ab6cc9; outline-offset:2px; }
.hl-services-footer { display:flex; justify-content:flex-end; padding:.85rem 1.35rem; border-top:1px solid #eeeaf1; background:#fdfbfe; }
body.primary-bg-color .hl-services-footer a { color:var(--hostlabs-accent); font-size:.81rem; font-weight:650; text-decoration:none; }
body.primary-bg-color .hl-services-footer a:hover { text-decoration:underline; text-underline-offset:.2em; }
.hl-services-footer i { margin-left:.35rem; font-size:.72rem; }
.hl-addon-content { margin-bottom:1rem; }
.hl-service-directory .hl-page-heading, .hl-domain-directory .hl-page-heading, .hl-invoice-directory .hl-page-heading, .hl-ticket-directory .hl-page-heading, .hl-email-directory .hl-page-heading { margin-bottom:1rem; }
:is(.hl-service-directory-panel,.hl-domain-directory-panel,.hl-invoice-directory-panel,.hl-ticket-directory-panel,.hl-email-directory-panel) { border:1px solid #e6dbea; border-radius:.9rem; background:#fff; box-shadow:0 8px 28px #481f640a; }
:is(.hl-service-directory-panel,.hl-domain-directory-panel,.hl-invoice-directory-panel,.hl-ticket-directory-panel,.hl-email-directory-panel) .table-container { margin:0; overflow:visible; }
:is(.hl-service-directory-panel,.hl-domain-directory-panel,.hl-invoice-directory-panel,.hl-ticket-directory-panel,.hl-email-directory-panel) .listtable { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; margin:0; padding:0; }
:is(.hl-service-directory-panel,.hl-domain-directory-panel,.hl-invoice-directory-panel,.hl-ticket-directory-panel,.hl-email-directory-panel) .dataTables_filter { grid-column:2; grid-row:1; margin:0; padding:.7rem 1.25rem; }
:is(.hl-service-directory-panel,.hl-domain-directory-panel,.hl-invoice-directory-panel,.hl-ticket-directory-panel,.hl-email-directory-panel) .dataTables_filter input { width:min(270px,100%); height:40px; margin:0; border:1px solid #d9cbe2; border-radius:.55rem; background:#fff; color:#25232a; }
:is(.hl-service-directory-panel,.hl-domain-directory-panel,.hl-invoice-directory-panel,.hl-ticket-directory-panel,.hl-email-directory-panel) .dataTables_filter input:focus { border-color:var(--hostlabs-accent); box-shadow:0 0 0 3px #914dc326; outline:0; }
:is(.hl-service-directory-panel,.hl-domain-directory-panel,.hl-invoice-directory-panel,.hl-ticket-directory-panel,.hl-email-directory-panel) .dataTables_info { grid-column:1; grid-row:1; margin:0; padding:.7rem 1.35rem; color:#746d79; font-size:.8rem; }
#main-body .hl-directory-table { grid-column:1/-1; width:100% !important; margin:0; border:0; border-collapse:collapse; }
#main-body .hl-directory-table thead th { padding:.9rem 1.1rem; border-top:1px solid #eeeaf1; border-bottom:1px solid #e7dfec; background:#fbf7fd; color:#62596a; font-size:.72rem; font-weight:700; letter-spacing:.055em; text-align:left; text-transform:uppercase; white-space:nowrap; }
#main-body .hl-directory-table tbody td { padding:1rem 1.1rem; border-top:1px solid #eeeaf1; color:#545454; font-size:.84rem; vertical-align:middle; }
#main-body .hl-directory-table tbody tr:hover td { background:#fcf9fd; }
.hl-directory-service-identity { display:flex; align-items:center; gap:.65rem; min-width:0; }
.hl-directory-ssl { display:inline-grid; flex:none; place-items:center; width:22px; height:22px; color:#c5c5c5; font-size:20px; line-height:1; }
.hl-directory-ssl--active { color:#1680b9; }
.hl-directory-ssl--inactive { color:#d9534f; }
body.primary-bg-color #main-body img.ssl-active { filter:brightness(0) saturate(100%) invert(43%) sepia(82%) saturate(841%) hue-rotate(157deg) brightness(91%) contrast(89%); }
.hl-directory-ssl-probe { display:none; }
.hl-directory-service-package { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; }
.hl-directory-service-package > span:first-child { color:var(--hostlabs-accent); font-size:.82rem; font-weight:600; }
.hl-directory-ssl-badge { display:inline-flex; align-items:center; flex:none; gap:.35rem; min-height:1.35rem; padding:.13rem .45rem; border:1px solid #d8d2df; border-radius:999px; background:#faf9fb; color:#67616c; font-size:.68rem; font-weight:600; line-height:1.1; white-space:nowrap; }
.hl-directory-ssl-badge > i { font-size:.62rem; line-height:1; }
.hl-directory-ssl-badge--active { border-color:#9bc9e5; background:#f0f8fd; color:#176b9c; }
.hl-directory-ssl-badge--inactive { border-color:#e9bfc1; background:#fff3f2; color:#a33f4b; }
.hl-directory-service-copy { display:grid; gap:.22rem; min-width:0; }
body.primary-bg-color .hl-directory-service-copy a { color:#545454; font-size:1rem; font-weight:650; line-height:1.3; overflow-wrap:anywhere; text-decoration:none; }
body.primary-bg-color .hl-directory-service-copy a:hover { color:var(--hostlabs-accent); text-decoration:underline; text-underline-offset:.2em; }
.hl-directory-service-copy > span { color:var(--hostlabs-accent); font-size:.82rem; font-weight:600; }
.hl-directory-pricing small { display:block; margin-top:.2rem; color:#827a87; font-size:.76rem; }
.hl-directory-due { white-space:normal; }
.hl-directory-status { display:inline-flex; align-items:center; gap:.4rem; padding:.27rem .6rem; border:1px solid #dccfe3; border-radius:999px; background:#faf7fc; color:#66576f; font-size:.73rem; font-weight:650; white-space:nowrap; }
.hl-directory-status > span { width:6px; height:6px; border-radius:50%; background:currentColor; }
.hl-directory-status.status-active { border-color:#b9d9c1; background:#f3faf5; color:#267341; }
.hl-service-directory .hl-directory-status.status-active > i { color:#56a56a; font-size:.7rem; line-height:1; }
.hl-directory-status.status-paid { border-color:#b9d9c1; background:#f3faf5; color:#267341; }
.hl-directory-status.status-unpaid, .hl-directory-status.status-overdue, .hl-directory-status.status-collections { border-color:#e9bfc1; background:#fff3f2; color:#a33f4b; }
.hl-directory-status.status-pending, .hl-directory-status.status-pendingtransfer, .hl-directory-status.status-grace, .hl-directory-status.status-paymentpending, .hl-directory-status.status-payment-pending { border-color:#e9d5a4; background:#fffaf0; color:#946923; }
.hl-directory-status.status-draft, .hl-directory-status.status-refunded { border-color:#d9cbe2; background:#faf7fc; color:#66576f; }
.hl-directory-status.status-suspended, .hl-directory-status.status-terminated, .hl-directory-status.status-cancelled, .hl-directory-status.status-fraud, .hl-directory-status.status-expired, .hl-directory-status.status-redemption, .hl-directory-status.status-transferredaway { border-color:#e9bfc1; background:#fff3f2; color:#a33f4b; }
.hl-directory-actions-cell { text-align:right; }
.hl-directory-action-dropdown { display:inline-block; text-align:left; }
body.primary-bg-color .hl-directory-action-toggle { min-height:36px; padding:.4rem .75rem; border:1px solid var(--hostlabs-accent); border-radius:.5rem; background:#fff; color:var(--hostlabs-accent); font-size:.8rem; font-weight:600; }
body.primary-bg-color .hl-directory-action-toggle:hover,
body.primary-bg-color .hl-directory-action-toggle:focus,
body.primary-bg-color .hl-directory-action-dropdown.show .hl-directory-action-toggle { border-color:var(--hostlabs-accent); background:var(--hostlabs-accent); color:#fff; box-shadow:none; }
body.primary-bg-color .hl-directory-action-toggle:focus-visible { outline:3px solid #ab6cc9; outline-offset:2px; }
.hl-directory-action-menu { min-width:175px; padding:.35rem; border:1px solid #e6dbea; border-radius:.6rem; box-shadow:0 12px 25px #481f6426; }
.hl-domain-directory .hl-directory-action-menu { min-width:215px; max-height:70vh; overflow-y:auto; }
body.primary-bg-color .hl-directory-action-menu .dropdown-item { padding:.55rem .7rem; border-radius:.35rem; color:#545454; font-size:.82rem; }
body.primary-bg-color .hl-directory-action-menu .dropdown-item:hover,
body.primary-bg-color .hl-directory-action-menu .dropdown-item:focus { background:#f7effb; color:var(--hostlabs-accent); }
body.primary-bg-color .hl-directory-action-menu .hl-directory-action-unavailable,
body.primary-bg-color .hl-directory-action-menu .hl-directory-action-unavailable:hover { background:transparent; color:#948b9a; cursor:not-allowed; }
.hl-domain-renew-form { display:flex; align-items:center; flex-wrap:wrap; gap:.35rem; margin:0; }
body.primary-bg-color .hl-domain-switch { display:inline-flex; align-items:center; gap:.45rem; padding:0; border:0; background:transparent; color:#545454; cursor:pointer; font-size:.78rem; font-weight:600; white-space:nowrap; }
.hl-domain-switch-track { position:relative; display:inline-block; flex:none; width:2.5rem; height:1.45rem; border-radius:999px; background:#c8bfcd; transition:background .15s ease; }
.hl-domain-switch-track::before { position:absolute; top:.2rem; left:.2rem; width:1.05rem; height:1.05rem; border-radius:50%; background:#fff; box-shadow:0 1px 3px #28192f33; content:""; transition:transform .15s ease; }
body.primary-bg-color .hl-domain-switch[aria-checked="true"] .hl-domain-switch-track { background:var(--hostlabs-accent); }
.hl-domain-switch[aria-checked="true"] .hl-domain-switch-track::before { transform:translateX(1.05rem); }
body.primary-bg-color .hl-domain-switch:focus-visible { border-radius:.2rem; outline:3px solid #ab6cc9; outline-offset:3px; }
body.primary-bg-color .hl-domain-switch:disabled { opacity:.65; cursor:wait; }
.hl-domain-renew-feedback { color:#267341; font-size:.7rem; }
.hl-domain-renew-feedback:empty { display:none; }
.hl-domain-renew-feedback.is-error { color:#a33f4b; }
.hl-domain-expiring { display:block; margin-top:.35rem; color:#a46722; font-size:.72rem; }
.hl-domain-date { white-space:normal; }
body.primary-bg-color .hl-invoice-number { color:#545454; font-size:.95rem; font-weight:650; text-decoration:none; }
body.primary-bg-color .hl-invoice-number:hover { color:var(--hostlabs-accent); text-decoration:underline; text-underline-offset:.2em; }
.hl-invoice-total { font-weight:650; white-space:nowrap; }
.hl-invoice-date { white-space:normal; }
.hl-ticket-subject { overflow-wrap:anywhere; }
body.primary-bg-color .hl-ticket-subject a { color:#545454; font-size:.95rem; font-weight:650; text-decoration:none; }
body.primary-bg-color .hl-ticket-subject a:hover { color:var(--hostlabs-accent); text-decoration:underline; text-underline-offset:.2em; }
.hl-ticket-subject small { display:block; margin-top:.2rem; color:#817589; font-size:.76rem; }
.hl-ticket-updated { white-space:normal; }
.hl-ticket-table .hl-directory-status.status-open, .hl-ticket-table .hl-directory-status.status-customer-reply { border-color:#b9d9c1; background:#f3faf5; color:#267341; }
.hl-ticket-table .hl-directory-status.status-answered, .hl-ticket-table .hl-directory-status.status-in-progress { border-color:#e9d5a4; background:#fffaf0; color:#946923; }
.hl-email-date { white-space:normal; }
.hl-email-subject { overflow-wrap:anywhere; }
body.primary-bg-color .hl-email-subject a { color:#545454; font-size:.95rem; font-weight:650; text-decoration:none; }
body.primary-bg-color .hl-email-subject a:hover { color:var(--hostlabs-accent); text-decoration:underline; text-underline-offset:.2em; }
.hl-email-attachment { display:inline-block; margin-left:.3rem; color:var(--hostlabs-accent); font-size:.78rem; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body form[enctype="multipart/form-data"] { width:100%; max-width:none; margin:0; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body form[enctype="multipart/form-data"] > .card { margin:0; border:1px solid #e6dbea; border-radius:.9rem; background:#fff; box-shadow:0 8px 28px #481f640a; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .card-body.extra-padding { padding:1.65rem 1.8rem; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .card-title { margin:0 0 1.5rem; color:#25232a; font-size:1.5rem; font-weight:650; letter-spacing:-.025em; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .card-body > .row { margin-inline:-.5rem; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .card-body > .row > .form-group { flex:1 1 260px; max-width:none; padding-inline:.5rem; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .form-group { margin-bottom:1.15rem; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .form-group > label { margin-bottom:.4rem; color:#453c4b; font-size:.82rem; font-weight:650; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body :is(.form-control,.custom-file-label) { min-height:44px; border-color:#d9cbe2; border-radius:.55rem; color:#25232a; font-size:.9rem; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .form-control:focus { border-color:var(--hostlabs-accent); box-shadow:0 0 0 3px #914dc326; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body textarea.form-control { min-height:190px; padding:.8rem 1rem; resize:vertical; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .md-editor:not(.md-fullscreen-mode) { overflow:hidden; border:1px solid #d9cbe2; border-radius:.55rem; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .md-editor.active:not(.md-fullscreen-mode) { border-color:var(--hostlabs-accent); box-shadow:0 0 0 3px #914dc326; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .md-editor:not(.md-fullscreen-mode) > .md-header { padding:.4rem .5rem; border-bottom:1px solid #eeeaf1; background:#fcfafd; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .md-editor:not(.md-fullscreen-mode) > textarea { border:0; background:#fff; box-shadow:none; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .md-editor:not(.md-fullscreen-mode) .md-footer { padding:.35rem .75rem; border-top:1px solid #eeeaf1; background:#fcfafd; color:#827a87; font-size:.73rem; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .attachment-group { align-items:stretch; flex-wrap:nowrap; gap:.55rem; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .attachment-group .custom-file { min-width:0; height:44px; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .attachment-group .custom-file-label { height:44px; padding:.6rem .85rem; border-radius:.55rem; line-height:22px; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .attachment-group .custom-file-label::after { height:42px; padding:.6rem .95rem; border-left:1px solid #e6dbea; border-radius:0 .55rem .55rem 0; background:#f8f1fb; color:var(--hostlabs-accent); font-weight:600; line-height:22px; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .attachment-group .custom-file-input:focus ~ .custom-file-label { border-color:var(--hostlabs-accent); box-shadow:0 0 0 3px #914dc326; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .attachment-group .input-group-append { flex:none; margin:0; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .attachment-group .input-group-append .btn { display:inline-flex; align-items:center; justify-content:center; gap:.35rem; min-width:165px; min-height:44px; padding:.55rem 1rem; border:1px solid #d9cbe2; border-radius:.55rem; background:#fff; color:var(--hostlabs-accent); font-size:.82rem; font-weight:600; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .attachment-group .input-group-append .btn:hover { border-color:var(--hostlabs-accent); background:var(--hostlabs-accent); color:#fff; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .attachment-group ~ .text-muted small { color:#817589; font-size:.76rem; line-height:1.5; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .card-body > .text-center.margin-bottom { max-width:470px; margin:1.25rem 0 1.25rem auto; text-align:left !important; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .card-body > .text-center.margin-bottom > .row { justify-content:flex-start !important; margin:0; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .card-body > .text-center.margin-bottom .col-md-8 { flex:0 0 100%; max-width:none; margin:0 !important; padding:0; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body #default-captcha-domainchecker { display:grid; grid-template-columns:150px minmax(0,1fr); align-items:center; gap:.8rem 1rem; margin:0; padding:1rem !important; border:1px solid #e6dbea; border-radius:.65rem; background:#fcfafd; text-align:left !important; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body #default-captcha-domainchecker > p { grid-column:1/-1; margin:0; color:#665c6c; font-size:.8rem; line-height:1.5; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body #default-captcha-domainchecker > .col-6 { width:100%; max-width:none; padding:0; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body #default-captcha-domainchecker .captchaimage { text-align:left; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body #default-captcha-domainchecker img { max-width:100%; height:auto; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body #default-captcha-domainchecker #inputCaptcha { width:140px; max-width:100%; height:44px; margin:0; text-align:center; letter-spacing:.12em; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body #google-recaptcha-domainchecker { margin:0; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .card-body > p.text-center { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:.55rem; margin:1.25rem 0 0; padding-top:1rem; border-top:1px solid #eeeaf1; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .card-body > p.text-center .btn { min-height:40px; padding:.5rem 1rem; border-radius:.5rem; font-size:.82rem; font-weight:600; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body #openTicketSubmit { min-width:160px; padding-inline:1.4rem; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .card-body > p.text-center .btn-default { border:1px solid #d9cbe2; background:#fff; color:#545454; }
body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .card-body > p.text-center .btn-default:hover { border-color:var(--hostlabs-accent); background:var(--hostlabs-accent); color:#fff; }
:is(.hl-service-directory-panel,.hl-domain-directory-panel,.hl-invoice-directory-panel,.hl-ticket-directory-panel,.hl-email-directory-panel) .dataTables_paginate { padding:.8rem 1.25rem; }
:is(.hl-service-directory-panel,.hl-domain-directory-panel,.hl-invoice-directory-panel,.hl-ticket-directory-panel,.hl-email-directory-panel) .dataTables_length { padding:.8rem 1.25rem; color:#746d79; font-size:.8rem; }
:is(.hl-service-directory-panel,.hl-domain-directory-panel,.hl-invoice-directory-panel,.hl-ticket-directory-panel,.hl-email-directory-panel) .dataTables_wrapper > .dataTables_paginate, :is(.hl-service-directory-panel,.hl-domain-directory-panel,.hl-invoice-directory-panel,.hl-ticket-directory-panel,.hl-email-directory-panel) .dataTables_wrapper > .dataTables_length { border-top:1px solid #eeeaf1; }
@media (max-width:767.98px) {
  #main-body .hl-directory-table.dtr-inline.collapsed tbody td:first-child { padding-left:2.2rem; }
  #main-body .hl-directory-table.dtr-inline.collapsed tbody td:first-child::before { top:50%; left:.65rem; width:17px; height:17px; transform:translateY(-50%); border:0; border-radius:50%; background:var(--hostlabs-accent); box-shadow:none; font-size:.8rem; line-height:17px; }
  #main-body .hl-directory-table.dtr-inline.collapsed tbody tr.parent td:first-child::before { background:#675270; }
  #main-body .hl-directory-table.dtr-inline.collapsed tbody tr.child td:first-child::before { display:none; }
  #main-body .hl-directory-table tbody tr.child td { padding:.75rem 1rem; background:#fbf7fd; }
  #main-body .hl-directory-table tbody tr.child .dtr-details { display:block; width:100%; }
  #main-body .hl-directory-table tbody tr.child .dtr-details li { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:.45rem 0; border-bottom:1px solid #eeeaf1; }
  #main-body .hl-directory-table tbody tr.child .dtr-details li:last-child { border-bottom:0; }
  #main-body .hl-directory-table tbody tr.child .dtr-title { color:#756a7b; font-size:.75rem; font-weight:650; }
  #main-body .hl-directory-table tbody tr.child .dtr-data { min-width:0; text-align:right; overflow-wrap:anywhere; }
  body.hl-workspace #main-body .kb-search .form-control, body.hl-workspace #main-body .kb-search .btn { height:44px; }
  body.hl-workspace #main-body .kb-search .btn { min-width:76px; padding-inline:.75rem; font-size:.8rem; }
  body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .card-body.extra-padding { padding:1.2rem 1rem; }
  body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .card-title { font-size:1.3rem; }
  body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .attachment-group { flex-wrap:wrap; gap:.5rem; }
  body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .attachment-group .custom-file { flex-basis:100%; }
  body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body .attachment-group .input-group-append { margin-left:auto; }
  body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body #default-captcha-domainchecker { grid-template-columns:minmax(0,1fr) 120px; gap:.65rem; padding:.85rem !important; }
  body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body #default-captcha-domainchecker #inputCaptcha { width:100%; }
  :is(.hl-service-directory-panel,.hl-domain-directory-panel,.hl-invoice-directory-panel,.hl-ticket-directory-panel,.hl-email-directory-panel) .listtable { grid-template-columns:1fr; }
  :is(.hl-service-directory-panel,.hl-domain-directory-panel,.hl-invoice-directory-panel,.hl-ticket-directory-panel,.hl-email-directory-panel) .dataTables_filter { grid-column:1; grid-row:1; padding:.9rem 1rem .4rem; }
  :is(.hl-service-directory-panel,.hl-domain-directory-panel,.hl-invoice-directory-panel,.hl-ticket-directory-panel,.hl-email-directory-panel) .dataTables_filter label { display:block; width:100%; }
  :is(.hl-service-directory-panel,.hl-domain-directory-panel,.hl-invoice-directory-panel,.hl-ticket-directory-panel,.hl-email-directory-panel) .dataTables_filter input { display:block; box-sizing:border-box; width:100%; }
  :is(.hl-service-directory-panel,.hl-domain-directory-panel,.hl-invoice-directory-panel,.hl-ticket-directory-panel,.hl-email-directory-panel) .dataTables_info { grid-column:1; grid-row:2; padding:.45rem 1rem .85rem; }
  #main-body .hl-directory-table thead th, #main-body .hl-directory-table tbody td { padding:.75rem .6rem; }
  #main-body .hl-directory-table tbody td.hl-directory-service { min-width:100px; }
  #main-body .hl-directory-table tbody td.hl-directory-actions-cell { min-width:95px; }
}
@media (max-width:479.98px) {
  body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body #default-captcha-domainchecker { grid-template-columns:minmax(0,1fr); }
  body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body #default-captcha-domainchecker #inputCaptcha { width:140px; }
  body.hl-workspace[data-page="supportticketsubmit-steptwo"] #main-body #openTicketSubmit { min-width:145px; }
}

/* cPanel service details: retain the remaining native panels and action handlers. */
body.hl-product-details-ready #main-body .hl-product-details-wide > .primary-content { flex:0 0 100%; max-width:100%; }
body.hl-product-details-ready #main-body .hl-product-context-hidden,
body.hl-product-details-ready #main-body .hl-product-sidebar-mirrored { display:none; }
body.hl-product-details-ready #main-body .hl-product-summary-grid { display:grid; grid-template-columns:minmax(250px,1fr) minmax(0,2fr); gap:1.25rem; align-items:stretch; margin-bottom:1.25rem; }
body.hl-product-details-ready #main-body .hl-product-summary-cell { min-width:0; }
body.hl-product-details-ready #main-body :is(#cPanelPackagePanel,#cPanelUsagePanel,#cPanelQuickShortcutsPanel) { min-width:0; margin-bottom:0 !important; border:1px solid #e6dbea; border-radius:.9rem; background:#fff; box-shadow:0 8px 26px #481f6409; overflow:hidden; }
body.hl-product-details-ready #main-body #cPanelQuickShortcutsPanel.hl-product-detail-section { width:100%; margin-bottom:1.25rem !important; }
body.hl-product-details-ready #main-body .hl-product-summary-cell > :is(#cPanelPackagePanel,#cPanelUsagePanel) { height:100%; }
body.hl-product-details-ready #main-body :is(#cPanelPackagePanel,#cPanelUsagePanel,#cPanelQuickShortcutsPanel) > .card-header { padding:1rem 1.3rem; border-bottom:1px solid #eee7f2; background:linear-gradient(110deg,#fbf7fd,#fff 75%); }
body.hl-product-details-ready #main-body :is(#cPanelPackagePanel,#cPanelUsagePanel,#cPanelQuickShortcutsPanel) .card-title { color:#25232a; font-size:1.05rem; font-weight:700; }
body.hl-product-details-ready #main-body :is(#cPanelPackagePanel,#cPanelUsagePanel,#cPanelQuickShortcutsPanel) > .card-body { padding:1.25rem 1.35rem; }
body.hl-product-details-ready #main-body #cPanelPackagePanel .card-body { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; text-align:left !important; }
body.hl-product-details-ready #main-body #cPanelPackagePanel .cpanel-package-details { margin:0 0 1rem; }
body.hl-product-details-ready #main-body #cPanelPackagePanel .cpanel-package-details em { color:#756e79; font-size:.78rem; font-style:normal; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
body.hl-product-details-ready #main-body #cPanelPackagePanel .cpanel-package-details h4 { margin:.3rem 0 .35rem !important; color:var(--hostlabs-accent); font-size:1.4rem; font-weight:700; line-height:1.25; }
body.hl-product-details-ready #main-body #cPanelPackagePanel .cpanel-package-details a { color:#545454; font-size:.95rem; overflow-wrap:anywhere; }
body.hl-product-details-ready #main-body #cPanelPackagePanel .hl-product-domain-row { min-width:0; max-width:100%; }
body.hl-product-details-ready #main-body #cPanelPackagePanel .hl-product-domain-row .hl-directory-ssl { display:inline-block; width:auto; height:auto; margin-right:.35rem; font-size:.75rem; line-height:1; vertical-align:-.25em; }
body.hl-product-details-ready #main-body #cPanelPackagePanel .hl-product-domain-row a { display:inline; max-width:100%; text-decoration:none; }
body.hl-product-details-ready #main-body #cPanelPackagePanel .hl-product-domain-row a:hover { color:#176b9c; text-decoration:none; }
body.hl-product-details-ready #main-body #cPanelPackagePanel .hl-product-domain-text { min-width:0; overflow-wrap:anywhere; text-decoration:underline; text-decoration-color:#1680b9; text-underline-offset:.2em; }
body.hl-product-details-ready #main-body #cPanelPackagePanel .hl-product-external-icon { display:inline-block; margin-left:.35rem; color:#1680b9; font-size:.75rem; line-height:1; vertical-align:-.25em; }
body.hl-product-details-ready #main-body #cPanelPackagePanel p { display:flex; flex-wrap:wrap; gap:.5rem; margin:0; }
body.hl-product-details-ready #main-body #cPanelPackagePanel p .btn { display:inline-flex; align-items:center; justify-content:center; min-height:37px; padding:.4rem .8rem; border:1px solid #d8c1e6; border-radius:.5rem; background:#fff; color:var(--hostlabs-accent); font-size:.8rem; font-weight:600; }
body.hl-product-details-ready #main-body #cPanelPackagePanel p .btn:hover { border-color:var(--hostlabs-accent); background:var(--hostlabs-accent); color:#fff; }
body.hl-product-details-ready #main-body #cPanelPackagePanel .hl-product-primary-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:.5rem; width:100%; margin-top:.5rem; }
body.primary-bg-color.hl-product-details-ready #main-body .hl-product-primary-action { display:inline-flex; align-items:center; justify-content:flex-start; gap:.6rem; min-width:0; min-height:44px; padding:.55rem .85rem; border:1px solid #d8c1e6; border-radius:.5rem; background:#fff; color:var(--hostlabs-accent); font-size:.84rem; font-weight:650; line-height:1.2; text-align:left; text-decoration:none; }
body.primary-bg-color.hl-product-details-ready #main-body .hl-product-primary-action:hover { border-color:var(--hostlabs-accent); background:var(--hostlabs-accent); color:#fff; }
body.primary-bg-color.hl-product-details-ready #main-body .hl-product-primary-action:focus-visible { outline:3px solid #ab6cc9; outline-offset:2px; }
body.hl-product-details-ready #main-body .hl-product-primary-action i { flex:0 0 1.1rem; width:1.1rem; font-size:1rem; text-align:center; }
body.hl-product-details-ready #main-body .hl-product-primary-action .hl-product-action-arrow { margin-left:auto; font-size:.9rem; }
body.hl-product-details-ready #main-body .hl-product-primary-action span { min-width:0; white-space:nowrap; }
body.hl-product-details-ready #main-body #cPanelUsagePanel .cpanel-usage-stats { padding:1.2rem 1.35rem; }
body.hl-product-details-ready #main-body #cPanelUsagePanel .cpanel-usage-stats > .row { margin:0; row-gap:1rem; }
body.hl-product-details-ready #main-body #cPanelUsagePanel .cpanel-usage-stats > .row > :is(#diskUsage,#bandwidthUsage,#emailUsage,#websiteUsage) { flex:0 0 25%; width:25%; max-width:25%; min-width:0; padding:.2rem .35rem; color:#545454; font-size:.82rem; }
body.hl-product-details-ready #main-body #cPanelUsagePanel :is(#diskUsage,#bandwidthUsage,#emailUsage,#websiteUsage) strong { color:#25232a; font-size:.85rem; }
body.hl-product-details-ready #main-body #cPanelUsagePanel .hl-account-usage { display:grid; grid-template-rows:1.25rem 105px auto; justify-items:center; align-content:start; row-gap:.9rem; }
body.hl-product-details-ready #main-body #cPanelUsagePanel .hl-account-usage strong { display:block; margin:0; line-height:1.25rem; }
body.hl-product-details-ready #main-body .hl-account-usage-gauge { position:relative; display:grid; place-items:center; width:105px; height:105px; margin:0 auto; border-radius:50%; background:conic-gradient(from 235deg,var(--hl-usage-color,var(--hostlabs-accent)) 0 var(--hl-usage-arc),#ededed var(--hl-usage-arc) 250deg,transparent 250deg 360deg); }
body.hl-product-details-ready #main-body .hl-account-usage-gauge::before { position:absolute; width:78px; height:78px; border-radius:50%; background:#fff; content:""; }
body.hl-product-details-ready #main-body .hl-account-usage-gauge span { position:relative; z-index:1; color:#545454; font-size:1.25rem; font-weight:700; }
body.hl-product-details-ready #main-body #bandwidthUsage .hl-account-usage-gauge { --hl-usage-color:#d9534f; }
body.hl-product-details-ready #main-body #cPanelUsagePanel .hl-account-usage-gauge--unlimited { background:conic-gradient(from 235deg,var(--hostlabs-accent) 0 16deg,#ededed 16deg 234deg,var(--hostlabs-accent) 234deg 250deg,transparent 250deg 360deg); }
body.hl-product-details-ready #main-body #cPanelUsagePanel .hl-account-usage-gauge--unlimited span { font-size:1.65rem; }
body.hl-product-details-ready #main-body .hl-account-usage-copy { margin:0; color:#545454; font-size:.82rem; line-height:1.4; overflow-wrap:anywhere; }
body.hl-product-details-ready #main-body #cPanelUsagePanel .limit-near { margin:1rem 0 0; color:#82778a; }
body.hl-product-details-ready #main-body #cPanelQuickShortcutsPanel .cpanel-feature-row { margin:0 -.35rem; }
body.hl-product-details-ready #main-body #cPanelQuickShortcutsPanel .cpanel-feature-row > div { flex:0 0 20%; max-width:20%; padding:.3rem .35rem; }
body.hl-product-details-ready #main-body #cPanelQuickShortcutsPanel .cpanel-feature-row a { display:flex !important; flex-direction:column; align-items:center; justify-content:center; min-height:86px; margin:0 !important; padding:.6rem .2rem; border:1px solid transparent; border-radius:.55rem; color:var(--hostlabs-accent); font-size:.75rem; font-weight:600; line-height:1.25; text-decoration:none; overflow-wrap:anywhere; }
body.hl-product-details-ready #main-body #cPanelQuickShortcutsPanel .cpanel-feature-row a:hover { border-color:#ead9f2; background:#faf6fc; }
body.hl-product-details-ready #main-body #cPanelQuickShortcutsPanel .cpanel-feature-row img { width:38px; height:38px; margin:0 0 .5rem; object-fit:contain; }
body.hl-product-details-ready #main-body .hl-product-cancellation { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:1.25rem 0; padding:1rem 1.35rem; border:1px solid #f1d7dc; border-left:4px solid #d95362; border-radius:.9rem; background:#fffafa; box-shadow:0 8px 26px #481f6409; }
body.hl-product-details-ready #main-body .hl-product-cancellation-copy { display:flex; flex-direction:column; gap:.2rem; min-width:0; }
body.hl-product-details-ready #main-body .hl-product-cancellation-copy strong { color:#9c3544; font-size:.85rem; }
body.hl-product-details-ready #main-body .hl-product-cancellation-copy span { color:#756e79; font-size:.76rem; }
body.primary-bg-color.hl-product-details-ready #main-body .hl-product-cancel-link { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; flex:none; min-height:40px; padding:.5rem .8rem; border:1px solid #d95362; border-radius:.5rem; background:#fff; color:#a83848; font-size:.8rem; font-weight:650; text-decoration:none; }
body.primary-bg-color.hl-product-details-ready #main-body .hl-product-cancel-link:hover { background:#d95362; color:#fff; }
body.primary-bg-color.hl-product-details-ready #main-body .hl-product-cancel-link:focus-visible { outline:3px solid #d95362; outline-offset:2px; }
body.hl-product-details-ready #main-body .hl-product-extra-row { margin-bottom:1.25rem; }
@media (max-width:991.98px) {
    body.hl-product-details-ready #main-body #cPanelUsagePanel .cpanel-usage-stats > .row > :is(#diskUsage,#bandwidthUsage,#emailUsage,#websiteUsage) { flex-basis:50%; width:50%; max-width:50%; }
}
@media (max-width:1199.98px) {
    body.hl-product-details-ready #main-body .hl-product-primary-action span { white-space:normal; overflow-wrap:anywhere; }
    body.hl-product-details-ready #main-body #cPanelQuickShortcutsPanel .cpanel-feature-row > div { flex-basis:20%; max-width:20%; }
}
@media (max-width:767.98px) {
    body.hl-product-details-ready #main-body .hl-product-summary-grid { grid-template-columns:1fr; }
}
@media (max-width:575.98px) {
    body.hl-product-details-ready #main-body #cPanelUsagePanel .hl-account-usage { grid-template-rows:2.5rem 105px auto; }
    body.hl-product-details-ready #main-body #cPanelUsagePanel .hl-account-usage strong { align-self:center; }
    body.hl-product-details-ready #main-body .hl-product-summary-grid { gap:.75rem; margin-bottom:.75rem; }
    body.hl-product-details-ready #main-body #cPanelQuickShortcutsPanel.hl-product-detail-section { margin-bottom:.75rem !important; }
    body.hl-product-details-ready #main-body #cPanelPackagePanel .hl-product-primary-actions { gap:.45rem; }
    body.primary-bg-color.hl-product-details-ready #main-body .hl-product-primary-action { min-height:44px; padding:.55rem .8rem; font-size:.82rem; }
    body.hl-product-details-ready #main-body .hl-product-primary-action span { white-space:normal; overflow-wrap:anywhere; }
    body.hl-product-details-ready #main-body #cPanelQuickShortcutsPanel .cpanel-feature-row > div { flex-basis:33.333%; max-width:33.333%; }
    body.hl-product-details-ready #main-body .hl-product-cancellation { flex-direction:column; align-items:flex-start; gap:.7rem; margin:.75rem 0; }
}
@media (min-width:1200px) {
  #main-body .hl-directory-table { table-layout:fixed; }
  #main-body .hl-directory-table .hl-directory-col-service { width:41%; }
  #main-body .hl-directory-table .hl-directory-col-pricing { width:14%; }
  #main-body .hl-directory-table .hl-directory-col-due { width:19%; }
  #main-body .hl-directory-table .hl-directory-col-status { width:14%; }
  #main-body .hl-directory-table .hl-directory-col-actions { width:12%; }
  #main-body .hl-domain-table .hl-domain-col-name { width:29%; }
  #main-body .hl-domain-table .hl-domain-col-renew { width:14%; }
  #main-body .hl-domain-table .hl-domain-col-registered { width:16%; }
  #main-body .hl-domain-table .hl-domain-col-due { width:17%; }
  #main-body .hl-domain-table .hl-domain-col-status { width:12%; }
  #main-body .hl-domain-table .hl-domain-col-actions { width:12%; }
  #main-body .hl-invoice-table .hl-invoice-col-number { width:13%; }
  #main-body .hl-invoice-table .hl-invoice-col-created { width:20%; }
  #main-body .hl-invoice-table .hl-invoice-col-due { width:20%; }
  #main-body .hl-invoice-table .hl-invoice-col-total { width:18%; }
  #main-body .hl-invoice-table .hl-invoice-col-status { width:16%; }
  #main-body .hl-invoice-table .hl-invoice-col-actions { width:13%; }
  #main-body .hl-ticket-table .hl-ticket-col-subject { width:40%; }
  #main-body .hl-ticket-table .hl-ticket-col-department { width:20%; }
  #main-body .hl-ticket-table .hl-ticket-col-status { width:16%; }
  #main-body .hl-ticket-table .hl-ticket-col-updated { width:24%; }
  #main-body .hl-email-table .hl-email-col-date { width:24%; }
  #main-body .hl-email-table .hl-email-col-subject { width:64%; }
  #main-body .hl-email-table .hl-email-col-action { width:12%; }
}
@media (max-width:991.98px) {
  .hl-service-row { grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:.65rem .5rem; }
  .hl-service-identity { grid-column:1; }
  .hl-service-badges { grid-column:2; flex-direction:column; align-items:flex-end; justify-self:end; gap:.25rem; }
  .hl-service-badges .hl-directory-ssl-badge { gap:.25rem; padding-inline:.3rem; font-size:.64rem; }
  #main-body .hl-service-copy .hl-service-price { margin-left:0; }
  #main-body .hl-service-copy .hl-service-renewal { display:block; margin:.25rem 0 0; padding:0; border:0; white-space:normal; }
  .hl-service-actions { grid-column:1/-1; justify-content:flex-end; width:100%; padding:.6rem 0 0; border-left:0; border-top:1px solid #eeeaf1; }
}
@media (max-width:959.98px) {
  .hl-account-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:359.98px) {
  .hl-account-metrics { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
  .hl-signed-in #header .topbar .btn.hl-notification-button,
  .hl-signed-in #header .toolbar .hl-mobile-menu-toggle,
  .hl-menu-icon > span { transition:none; }
  body.primary-bg-color .hl-metric { transition:none; }
  body.primary-bg-color .hl-metric:hover { transform:none; }
  body.primary-bg-color .hl-account-nav > a { transition:none; }
  .hl-service-row, body.primary-bg-color .hl-service-action { transition:none; }
  body.primary-bg-color .hl-service-action:hover { transform:none; }
  .hl-domain-switch-track, .hl-domain-switch-track::before { transition:none; }
}
.hl-workspace-footer { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.75rem; padding:1rem 1.5rem; background:#fff; border-top:1px solid #e7e7ec; color:#7b7585; font-size:.75rem; }
.hl-workspace-footer nav { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; }
.hl-workspace-footer .btn { padding:.2rem .5rem; font-size:.75rem; color:#52505b; background:transparent; border:1px solid #e7e7ec; }
@media (max-width:1199.98px) {
  .hl-account-layout { position:relative; display:block; }
  .hl-account-sidebar { position:absolute; z-index:1050; top:.4rem; right:1rem; width:min(680px,calc(100vw - 2rem)); border:0; background:transparent; }
  #hostlabsAccountNav { padding:.85rem; border:1px solid #e6dbea; border-top:3px solid var(--hostlabs-accent); border-radius:.85rem; background:#fff; box-shadow:0 18px 45px #33213d24; }
  .hl-account-nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.45rem; }
  body.primary-bg-color .hl-account-nav > a { min-width:0; border-color:#eee5f3; border-left-color:#eee5f3; background:#fdfbfe; }
  .hl-account-nav > a > span:not(.hl-nav-count) { min-width:0; }
  .hl-nav-count { flex:none; }
  .hl-workspace #main-body { padding:1.5rem; }
}
@media (max-width:767.98px) {
  .hl-signed-in #header .btn-active-client span { max-width:130px; }
  .hl-signed-in #header .navbar-light { padding:.65rem 1rem; }
  .hl-signed-in #header .navbar-brand .logo-img { width:156px; }
  .hl-workspace #main-body { padding:1rem; }
  #main-body .hl-page-heading h1 { font-size:1.8rem; }
  body.primary-bg-color .hl-account-nav > a { min-height:52px; gap:.5rem; padding:.65rem .6rem; font-size:.88rem; }
  .hl-account-nav > a > i { width:1rem; font-size:1rem; }
  .hl-heading-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; width:100%; }
  .hl-heading-action { display:flex; align-items:center; justify-content:center; gap:.3rem; min-width:0; min-height:44px; padding:.5rem .4rem; line-height:1.25; text-align:center; white-space:normal; }
  .hl-heading-action:only-child { grid-column:1/-1; }
  .hl-unpaid-banner { display:flex; flex-direction:column; align-items:flex-start; gap:.45rem; padding:.85rem 1rem; border-color:#efcfd2; border-left-color:#bf5965; background:#fffafa; box-shadow:0 4px 14px #9f303b0a; }
  .hl-unpaid-banner > i { display:none; }
  .hl-unpaid-banner a { display:inline-flex; align-items:center; align-self:flex-end; min-height:32px; margin-left:auto; }
  body.hl-workspace #header .hl-profile-menu .dropdown-item { padding:.72rem 1rem; font-size:.9rem; }
  .hl-service-row { gap:.4rem; }
  .hl-service-actions { gap:0; }
  body.primary-bg-color .hl-service-action { min-height:34px; padding:.3rem .45rem; border:0; border-radius:0; background:transparent; color:#6b5f72; font-size:.72rem; }
  body.primary-bg-color .hl-service-action-primary { padding-left:0; color:var(--hostlabs-accent); font-weight:700; }
  body.primary-bg-color .hl-service-action + .hl-service-action { border-left:1px solid #e7dfea; }
  body.primary-bg-color .hl-service-action:hover { transform:none; border-color:#e7dfea; background:transparent; color:var(--hostlabs-accent); text-decoration:underline; text-underline-offset:.18em; }
  .hl-panel-grid { grid-template-columns:minmax(0,1fr); }
  .hl-panel-wide { grid-column:auto; }
}
@media (max-width:479.98px) {
  .hl-signed-in #header .navbar-brand { margin-right:.25rem !important; min-width:0; }
  .hl-signed-in #header .navbar-brand .logo-img { width:clamp(132px,38vw,158px); }
  .hl-signed-in #header .btn-active-client span { max-width:85px; }
  .hl-signed-in #header .topbar .d-flex { gap:.25rem; }
  .hl-signed-in #header .navbar-light > .container { gap:.25rem; }
  .hl-signed-in #header .toolbar .ml-3 { margin-left:.25rem !important; }
  .hl-signed-in #header .topbar .btn { padding:.4rem .25rem; }
  body.primary-bg-color .hl-metric { min-height:88px; padding:.75rem; }
  .hl-metric-copy { column-gap:.65rem; }
  .hl-metric-icon { font-size:1.05rem; }
  .hl-services-heading { padding:1rem; }
  .hl-services-count { display:none; }
  .hl-service-row { padding:.75rem 1rem; }
  #main-body .hl-service-copy p { font-size:.8rem; }
}

/* Profile menu owns account utilities; keep the avatar last in the header. */
.hl-signed-in #header .toolbar { order:2; margin-left:auto; }
.hl-signed-in #header .topbar { order:3; margin-left:0; }
.hl-profile-button { display:grid; place-items:center; padding:2px; border:0; border-radius:50%; background:transparent; cursor:pointer; }
.hl-profile-avatar { display:grid; place-items:center; width:40px; height:40px; border:2px solid #fff; border-radius:50%; background:linear-gradient(145deg,#ad67d3,#7435a1); box-shadow:0 0 0 1px #d9bde8,0 3px 8px #481f6424; color:#fff; font-size:16px; transition:box-shadow .18s ease,transform .18s ease; }
.hl-profile-button:hover .hl-profile-avatar,
.hl-profile-button[aria-expanded="true"] .hl-profile-avatar { box-shadow:0 0 0 2px #bd78dc,0 5px 12px #481f6430; transform:translateY(-1px); }
#header .hl-profile-menu { width:270px; max-width:calc(100vw - 24px); padding:.4rem 0; margin-top:.6rem; border:1px solid #e7e7ec; border-radius:.6rem; box-shadow:0 8px 28px rgb(37 35 42 / 10%); }
.hl-profile-identity { padding:.65rem 1rem .8rem; margin-bottom:.3rem; border-bottom:1px solid #eeeef1; color:#25232a; font-size:.8125rem; font-weight:600; overflow-wrap:anywhere; }
#header .hl-profile-menu .dropdown-item { display:flex; align-items:center; gap:.65rem; padding:.6rem 1rem; white-space:normal; color:#52505b; font-size:.8125rem; }
#header .hl-profile-menu .dropdown-item:hover,
#header .hl-profile-menu .dropdown-item:focus { background:#f5f3f7; color:var(--hostlabs-accent); }
.hl-profile-menu .dropdown-item > i { width:1rem; text-align:center; color:#7b7585; }
#header .hl-profile-menu .hl-profile-logout { color:#9f303b; }
/* Public portal shares the marketing site's navigation and lower footer. */
body.hl-public { background:#fafafb; color:#25232a; font-size:14px; }
.hl-public #header { position:sticky; top:0; z-index:100; border-top:0; border-bottom:1px solid #25232a1a; background:#ffffffed; backdrop-filter:blur(20px); }
.hl-portal-nav { max-width:1152px; min-height:80px; margin:auto; padding:16px 32px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.hl-portal-nav img { width:176px; height:auto; }
body.hl-public a.hl-site-signin { display:flex; align-items:center; gap:16px; min-height:44px; padding:6px 8px 6px 24px; border-radius:999px; background:var(--hostlabs-accent); color:#fff; font-size:13px; font-weight:700; box-shadow:0 6px 16px #481f6426; white-space:nowrap; }
.hl-site-signin span { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#ffffff26; }
body.hl-public a { color:var(--hostlabs-accent); }
.hl-landing a:focus-visible, .hl-landing summary:focus-visible { outline:3px solid #b89bd0; outline-offset:4px; }
.hl-landing #main-body { padding:0; min-height:calc(100vh - 360px); }
.hl-landing #main-body > .container { max-width:1152px; padding:0 32px; }
.hl-portal { padding:56px 0 48px; }
.hl-portal-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:28px; }
.hl-landing #main-body .hl-portal-heading h1 { color:#25232a; font-size:26px; font-weight:600; margin:0; letter-spacing:-.6px; }
.hl-portal-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
body.hl-public .hl-portal-option { position:relative; display:flex; flex-direction:row; align-items:center; gap:14px; background:#fff; border:1px solid #e4e2e8; border-radius:12px; padding:20px 16px; text-decoration:none; color:#25232a; min-width:0; min-height:112px; transition:border-color .18s,box-shadow .18s,transform .18s; }
body.hl-public a.hl-portal-option:hover { border-color:#b79bc9; box-shadow:0 8px 24px #481f640c; transform:translateY(-2px); }
.hl-portal-icon { display:grid; place-items:center; width:42px; height:42px; background:#f5eff9; color:var(--hostlabs-accent); border-radius:11px; font-size:19px; flex-shrink:0; }
.hl-landing #main-body .hl-portal-option h3 { color:#25232a; font-size:14px; font-weight:600; margin:0 0 5px; overflow-wrap:anywhere; }
.hl-portal-option p { color:#78717f; font-size:12px; line-height:1.5; margin:0; }
@media (prefers-reduced-motion:reduce) { body.hl-public .hl-portal-option { transition:none; } body.hl-public a.hl-portal-option:hover { transform:none; } }
.hl-portal-footer { border-top:8px solid #dfb0f6; overflow:hidden; background:#210e2e; color:#ead8f4b3; padding-top:20px; }
.hl-portal-footer-lower { max-width:1088px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 0; font-size:14px; }
.hl-portal-footer-lower p { margin:0; }
.hl-portal-footer-lower nav { display:flex; flex-wrap:wrap; gap:24px; }
body.hl-public .hl-portal-footer a { color:#ead8f4b3; font-weight:600; }
body.hl-public .hl-portal-footer a:hover { color:#fff; }
.hl-portal-wordmark { margin-top:32px; padding-bottom:8px; text-align:center; font-size:clamp(4.5rem,20vw,15.5rem); font-weight:800; line-height:.78; letter-spacing:-.08em; background:linear-gradient(#dfb0f64d,#914dc333 68%,#210e2e); background-clip:text; -webkit-text-fill-color:transparent; -webkit-text-stroke:1px #dfb0f647; user-select:none; }
@media (max-width:1100px) {
    .hl-portal-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .hl-portal-footer-lower { margin-inline:32px; }
}
@media (max-width:600px) {
    .hl-portal-nav { padding:16px 20px; gap:12px; }
    .hl-portal-nav img { width:140px; }
    body.hl-public a.hl-site-signin { padding-left:14px; gap:8px; font-size:12px; }
    .hl-landing #main-body > .container { padding:0 20px; }
    .hl-portal { padding:32px 0; }
    .hl-portal-options { grid-template-columns:1fr; }
    .hl-portal-footer-lower { margin-inline:20px; flex-direction:column; text-align:center; }
}

.hl-portal-header-actions { display:flex; align-items:center; gap:28px; }
body.hl-public .hl-portal-package-nav > a { position:relative; display:inline-block; color:var(--hostlabs-accent); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; text-decoration:none; transition:color .2s; }
body.hl-public .hl-portal-package-nav > a:hover { color:var(--hostlabs-accent-hover); }
.hl-portal-package-nav > .hl-catalog-link::after { content:''; position:absolute; left:0; right:0; bottom:-.45rem; height:2px; border-radius:9999px; background:var(--hostlabs-accent); transform:scaleX(.3); animation:hl-package-nav-underline 3.6s ease-in-out infinite; }
@keyframes hl-package-nav-underline { 0%,100% { opacity:.55; transform:scaleX(.3); } 50% { opacity:1; transform:scaleX(1); } }
@media (prefers-reduced-motion:reduce) { .hl-portal-package-nav > .hl-catalog-link::after { animation:none; transform:scaleX(1); } }
@media (max-width:600px) {
    .hl-portal-nav { flex-wrap:wrap; }
    .hl-portal-header-actions { gap:16px; margin-left:auto; }

}

.hl-portal-card-copy { min-width:0; }

/* Shared public ordering shell; native cart forms and scripts remain inherited. */
.hl-portal-package-nav { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.hl-public-cart-count { display:inline-block; min-width:18px; padding:0 4px; border-radius:5px; background:#f1eaf6; text-align:center; }
body.hl-public:not(.hl-landing) { background:#fafafb; }
.hl-public:not(.hl-landing) #main-body { min-height:calc(100vh - 420px); padding:32px 0 48px; }
.hl-public:not(.hl-landing) #main-body > .container { max-width:1152px; }
body.hl-workspace.hl-checkout-workspace #main-body { padding:32px clamp(20px,2.5vw,40px) 48px; }
@media (max-width:767.98px) {
    body.hl-workspace.hl-checkout-workspace #main-body { padding:20px 16px 32px; }
}
body.hl-public .master-breadcrumb { background:#fff; border-bottom:1px solid #e7e7ec; font-size:12px; }
body.hl-public .master-breadcrumb .breadcrumb { background:transparent; margin-bottom:0; padding-block:12px; }

.hl-signin-divider { border-left:1px solid #d3ced7; padding-left:24px; }
.hl-public-cart { display:flex; align-items:center; gap:8px; min-height:44px; padding:8px; font-size:19px; text-decoration:none; }
.hl-public-cart-count { font-size:11px; }
.hl-public-subbar { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.hl-public-subbar > nav { min-width:0; }
.hl-page-navigation { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:24px; }
body.hl-public .hl-page-navigation a { display:inline-flex; align-items:center; min-height:44px; color:#706877; font-size:13px; font-weight:400; text-decoration:none; }
body.hl-public .hl-page-navigation a:hover { color:var(--hostlabs-accent); }
.hl-public #main-body #order-standard_cart .cart-sidebar { display:none; }
.hl-public #main-body #order-standard_cart .cart-body { width:100%; float:none; min-width:0; }
.hl-public #main-body #order-standard_cart .sidebar-collapsed { display:block; }
.hl-public #main-body #order-standard_cart .sidebar-collapsed > .panel { display:none; }
.hl-public #main-body #order-standard_cart .sidebar-collapsed:empty { display:none; }
.hl-public #main-body #order-standard_cart { min-width:0; }
.hl-public a:focus-visible, .hl-public button:focus-visible { outline:3px solid #b89bd0; outline-offset:3px; }
@media (max-width:767px) {
    .hl-public .hl-portal-nav { padding:12px 20px; gap:12px; }
    .hl-public .hl-portal-nav img { width:130px; }
    .hl-portal-header-actions { gap:12px; }
    .hl-signin-divider { padding-left:12px; }
    .hl-public-subbar { flex-wrap:wrap; gap:0; padding-top:4px; padding-bottom:4px; }
    .hl-public-subbar > nav:first-child { flex-basis:100%; }
    .hl-page-navigation { justify-content:flex-start; gap:4px 20px; }
    body.hl-public .hl-page-navigation a { min-height:40px; font-size:12px; }
    .hl-public:not(.hl-landing) #main-body { padding-top:24px; }
    .hl-public #main-body #order-standard_cart .header-lined h1 { font-size:26px; overflow-wrap:anywhere; }
    .hl-public #main-body #order-standard_cart .secondary-cart-body,
    .hl-public #main-body #order-standard_cart .secondary-cart-sidebar { width:100%; float:none; min-width:0; }
    .hl-public #main-body #order-standard_cart .domain-pricing { max-width:100%; overflow-x:auto; }
    .hl-public #main-body #order-standard_cart input:not([type=checkbox]):not([type=radio]),
    .hl-public #main-body #order-standard_cart select,
    .hl-public #main-body #order-standard_cart textarea { max-width:100%; font-size:16px; }
    .hl-public .hl-portal-footer-lower nav { justify-content:center; }
    .hl-public .hl-portal-wordmark { font-size:20vw; }
}
@media (max-width:480px) {
    .hl-landing .hl-portal-nav { flex-wrap:wrap; }
    .hl-landing .hl-portal-header-actions { width:100%; justify-content:space-between; }
    .hl-public:not(.hl-landing) .hl-portal-nav { flex-wrap:nowrap; padding-inline:16px; }
    .hl-public:not(.hl-landing) .hl-portal-nav img { width:110px; }
    body.hl-public:not(.hl-landing) a.hl-site-signin { padding-left:12px; gap:6px; }
    .hl-public:not(.hl-landing) .hl-site-signin span { width:28px; height:28px; }
    .hl-public:not(.hl-landing) .hl-portal-header-actions { gap:8px; }
    .hl-public:not(.hl-landing) .hl-signin-divider { padding-left:8px; }
    body.hl-public .hl-portal-package-nav > a { font-size:11px; letter-spacing:.1em; }
}

/* One content boundary for the portal, ordering screens, header and footer. */
body.hl-public { --hl-public-width:1152px; --hl-public-gutter:32px; }
.hl-public .hl-portal-nav,
.hl-public .master-breadcrumb > .container,
.hl-public #main-body > .container,
.hl-public .hl-portal-footer-lower { box-sizing:border-box; width:100%; max-width:var(--hl-public-width); margin-inline:auto; padding-inline:var(--hl-public-gutter); }
.hl-public .master-breadcrumb .breadcrumb { padding-inline:0; }
@media (max-width:767px) { body.hl-public { --hl-public-gutter:20px; } }

/* Authentication mirrors the main site's focused login presentation. */
body.hl-auth { min-height:100vh; background:#faf9fc; color:#29232f; padding:48px 0; }
.hl-auth #header { position:static; border:0; background:transparent; box-shadow:none; padding:0; }
.hl-auth-logo { display:block; width:160px; margin:0 auto 28px; }
.hl-auth-logo img { display:block; width:160px; height:auto; }
.hl-auth .master-breadcrumb, .hl-auth .hl-portal-footer, .hl-auth #main-body > .container > .row > .col-lg-4 { display:none; }
.hl-auth #main-body { padding:0; background:transparent; min-height:0; }
body.hl-auth { --hl-public-width:512px; }
body.hl-auth.hl-auth-register { --hl-public-width:824px; }
body.hl-auth #main-body > .container { max-width:512px; padding:0 32px; }
.hl-auth.hl-auth-register #main-body > .container { max-width:824px; }
.hl-auth #main-body .primary-content { flex:0 0 100%; max-width:100%; width:100%; padding:0; }
.hl-auth #main-body > .container > .row { margin:0; }
.hl-auth #main-body .card { width:100%; max-width:none; margin:0 0 24px !important; border:1px solid #e8d9f2; border-top:6px solid var(--hostlabs-accent); border-radius:28px; background:#fff; box-shadow:0 16px 36px #481f6414; overflow:hidden; }
.hl-auth #main-body .card-body { padding:32px 28px !important; }
.hl-auth #main-body .card-footer { padding:18px 28px; background:#fff; border-top:1px solid #eeebf1; text-align:center; }
.hl-auth #main-body :is(h1,h3.h3,h6.h3,.card-title) { color:#29232f; font-size:24px; font-weight:700; letter-spacing:-.025em; text-align:center; }
.hl-auth #main-body .text-muted { color:#746b7c !important; font-size:14px; line-height:1.7; }
.hl-auth .login-form .card-body > .mb-4, .hl-auth #main-body .card-body > .mb-4 { text-align:center; }
.hl-auth #main-body :is(.form-control,input.field,select.field) { min-height:48px; border:1px solid #d8d2df; border-radius:12px; background:#fff; color:#29232f; padding:12px 16px; font-size:16px; }
.hl-auth #main-body :is(.form-control,input.field,select.field):focus { border-color:var(--hostlabs-accent); box-shadow:0 0 0 3px #ead9f4; }
.hl-auth #main-body .input-group-prepend { display:none; }
.hl-auth #main-body .input-group > .form-control { border-radius:12px; }
.hl-auth #main-body .input-group:has(.btn-reveal-pw) > .form-control { border-radius:12px 0 0 12px; }
.hl-auth #main-body .btn-reveal-pw { border:1px solid #d8d2df; border-left:0; border-radius:0 12px 12px 0; background:#fff; }
.hl-auth #main-body .btn-reveal-pw:hover { border-color:var(--hostlabs-accent); background:var(--hostlabs-accent); color:#fff; }
.hl-auth #main-body .btn-primary { min-height:48px; border:1px solid var(--hostlabs-accent); border-radius:12px; background:var(--hostlabs-accent); color:#fff; padding:12px 20px; font-size:14px; font-weight:700; }
.hl-auth #main-body .btn-primary:hover { background:var(--hostlabs-button-hover); border-color:var(--hostlabs-button-hover); }
.hl-auth #main-body a:not(.btn) { color:var(--hostlabs-accent); }
.hl-auth .login-form .float-left { float:none !important; }
.hl-auth .login-form #login { width:100%; }
.hl-auth .login-form .card-body > .text-right { text-align:center !important; margin-top:18px; font-size:14px; }
.hl-auth .login-form .form-check-input { position:static; margin:0 6px 0 0; }
.hl-auth #main-body .alert { border-radius:12px; font-size:14px; }
.hl-auth #main-body .has-error .form-control, .hl-auth #main-body .form-control.is-invalid { border-color:#dc3545; }
.hl-auth #main-body .header-lined { margin-bottom:24px; text-align:center; }
.hl-auth #main-body .header-lined h1 { border:0; }
@media (max-width:575px) {
    body.hl-auth { padding:32px 0; }
    .hl-auth #main-body > .container { padding:0 20px; }
    .hl-auth #main-body .card-body { padding:28px 20px !important; }
    .hl-auth #main-body .card-footer { padding:16px 20px; }
}
/* Parent theme container rules must not stretch authentication forms. */
body.hl-auth #main-body > .container { width:100%; max-width:512px !important; margin-inline:auto; }
body.hl-auth.hl-auth-register #main-body > .container { max-width:824px !important; }
body.hl-auth:not(.hl-auth-register) { padding-block:max(32px, calc((100svh - 640px) / 2)); }
body.hl-auth #header { min-height:0; height:auto; margin:0; }
body.hl-auth .hl-auth-logo { width:160px; margin:0 auto 28px; padding:0; }
body.hl-auth #main-body { margin-top:0; }
.hl-auth #main-body .hl-auth-recovery { margin-top:20px; text-align:center; }
.hl-auth #main-body .hl-auth-recovery a { color:var(--hostlabs-accent) !important; font-size:14px; font-weight:600; }
.hl-auth #main-body .hl-auth-recovery a:hover { text-decoration:underline; }

/* Match the main website's auth palette, type and compact composition. */
body.hl-auth { background:#f5f2ee; color:#16111b; font-family:'Segoe UI Variable','Segoe UI',system-ui,sans-serif; }
body.hl-auth:has(.hl-auth-stage) { padding:0; }
.hl-auth-stage { min-height:100svh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:40px 20px; }
.hl-auth-stage > #header, .hl-auth-stage > #main-body { width:100%; }
body.hl-auth .hl-auth-stage #main-body > .container { max-width:448px !important; padding:0; }
.hl-auth #main-body .login-form .card { border-color:#e8d2f1; border-top-color:var(--hostlabs-accent); box-shadow:0 20px 25px -5px #481f641a; }
.hl-auth #main-body .login-form .card-body { padding:32px 28px !important; }
.hl-auth #main-body .login-form h6.h3 { color:#16111b; text-transform:uppercase; line-height:1.3; margin-bottom:8px; }
.hl-auth #main-body .login-form .card-body > .mb-4 { margin-bottom:28px !important; }
.hl-auth #main-body .login-form .text-muted { color:#5a5260 !important; font-size:14px; line-height:24px; }
.hl-auth #main-body .login-form .form-group { margin-bottom:20px !important; }
.hl-auth #main-body .login-form .form-control { border-color:#d3ced7; padding:12px 16px; line-height:24px; height:50px; }
.hl-auth #main-body .login-form .form-control::placeholder { color:#8f8795; opacity:1; }
.hl-auth #main-body .login-form .form-control:focus { outline:0; border-color:var(--hostlabs-accent); box-shadow:0 0 0 2px #e8d2f1; }
.hl-auth #main-body .login-form #login { font-size:16px; line-height:24px; }
.hl-auth #main-body .login-form .card-footer { border:0; padding:0 28px 28px; font-size:14px; }
.hl-auth #main-body .login-form .card-footer .small,
.hl-auth #main-body .login-form .card-footer small { font-size:13px; }
@media (min-width:576px) {
    .hl-auth #main-body .login-form .card-body { padding:36px !important; }
    .hl-auth #main-body .login-form .card-footer { padding:0 36px 28px; }
}

/* Auth retains the public navigation and footer around the focused form. */
body.hl-auth, body.hl-auth:not(.hl-auth-register) { padding:0; }
body.hl-auth #header { background:#fff; border-bottom:1px solid #e6e2eb; }
body.hl-auth .hl-portal-nav,
body.hl-auth .hl-portal-footer-lower { max-width:1152px; }
body.hl-auth .hl-portal-footer { display:block; }
body.hl-auth #main-body { padding:48px 0; min-height:calc(100svh - 340px); }
.hl-auth #main-body .hl-auth-recovery { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:0; }
.hl-auth #main-body .hl-auth-recovery a { padding-inline:12px; line-height:1.5; }
.hl-auth #main-body .hl-auth-recovery a + a { border-left:1px solid #d3ced7; }
.hl-auth #main-body > .container > div > .primary-content > .row.justify-content-center { margin-inline:0; }
.hl-auth #main-body .hl-reset-card .card-body { padding:32px 28px !important; }
.hl-auth #main-body .hl-reset-card h6.h3 { color:#16111b; text-transform:uppercase; line-height:1.3; margin-bottom:8px; }
.hl-auth #main-body .hl-reset-card .card-body > .mb-4 { margin-bottom:28px !important; }
.hl-auth #main-body .hl-reset-card .text-muted { color:#5a5260 !important; font-size:14px; line-height:24px; }
.hl-auth #main-body .hl-reset-form .form-group { margin-bottom:20px; }
.hl-auth #main-body .hl-reset-form .form-control { border-color:#d3ced7; padding:12px 16px; line-height:24px; height:50px; }
.hl-auth #main-body .hl-reset-form .form-control::placeholder { color:#8f8795; opacity:1; }
.hl-auth #main-body .hl-reset-form .form-control:focus { outline:0; border-color:var(--hostlabs-accent); box-shadow:0 0 0 2px #e8d2f1; }
.hl-auth #main-body #resetPasswordButton { width:100%; font-size:16px; line-height:24px; }
.hl-auth-register #main-body #registration { border:1px solid #e8d2f1; border-top:6px solid var(--hostlabs-accent); border-radius:28px; background:#fff; padding:32px 28px; box-shadow:0 20px 25px -5px #481f641a; }
.hl-auth-register #registration .hl-register-intro { text-align:center; margin-bottom:28px; }
.hl-auth-register #registration .hl-register-intro h1 { text-transform:uppercase; margin:0 0 8px; }
.hl-auth-register #registration .hl-register-intro p { margin:0; color:#5a5260; font-size:14px; line-height:24px; }
.hl-auth-register #main-body #registration .card { border:0; border-bottom:1px solid #eeebf1; border-radius:0; box-shadow:none; overflow:visible; }
.hl-auth-register #main-body #registration .card-body { padding:0 0 24px !important; }
.hl-auth-register #main-body #registration .card-title { text-align:left; font-size:16px; letter-spacing:0; margin-bottom:20px; }
.hl-auth-register #main-body #registration .prepend-icon :is(.form-control,.field):not(#inputPhone) { padding-left:16px; }
.hl-auth-register #main-body #registration :is(.form-control,.field)::placeholder { color:#8f8795; opacity:1; }
.hl-auth-register #main-body #registration input[type="submit"] { width:100%; font-size:16px; line-height:24px; }
.hl-auth-register #registration .form-check { text-align:left; font-size:14px; }
.hl-auth-register #registration .hl-address-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; margin:0; }
.hl-auth-register #registration .hl-address-grid > [class*="col-"] { width:100%; max-width:none; min-width:0; padding:0; }
.hl-auth-register #registration .hl-address-grid > .hl-company-field { grid-column:1 / -1; }
.hl-auth-register #registration #containerPassword { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; width:100%; margin:0; overflow:visible; }
.hl-auth-register #registration #containerPassword > .col-sm-6 { width:100%; max-width:none; min-width:0; padding:0; }
.hl-auth-register #registration #containerPassword > #passwdFeedback { grid-column:1 / -1; max-width:100%; }
.hl-auth-register #registration .password-strength-meter { min-width:0; max-width:100%; }
.hl-auth-register #registration #passwordStrengthTextLabel { white-space:normal; overflow-wrap:anywhere; }
.hl-auth-register #registration .intl-tel-input { display:block; width:100%; }
.hl-auth-register #main-body #registration .intl-tel-input #inputPhone { width:100%; padding-left:116px !important; padding-right:16px; }
.hl-auth-register #registration .intl-tel-input .selected-flag { width:104px !important; border-radius:11px 0 0 11px; border-right:1px solid #d3ced7; background:#f6f5f7; }
.hl-auth-register #registration .intl-tel-input .selected-dial-code { font-size:14px; color:#302a35; }
.hl-auth-register #registration .intl-tel-input .country-list { width:300px; max-width:calc(100vw - 80px); border:1px solid #d3ced7; border-radius:8px; font-size:14px; z-index:10; }
.hl-auth-register #registration .hl-register-terms { display:flex; justify-content:center; margin:20px 0; }
.hl-auth-register #registration .hl-register-terms .form-check { margin:0; max-width:100%; }
.hl-auth-register #registration .hl-register-actions { display:flex; flex-direction:column; align-items:center; gap:16px; margin-top:24px; }
.hl-auth-register #registration .hl-register-actions .hl-register-submit,
.hl-auth-register #registration .hl-register-actions .hl-auth-recovery { margin:0; }
.hl-auth-register #registration .hl-register-actions .hl-auth-recovery a { padding:0; }
.hl-auth-register #registration .hl-register-actions .hl-register-submit { order:0; width:50%; }
.hl-auth-register #main-body #registration .hl-register-actions input[type="submit"] { width:100%; padding-inline:12px; }
.hl-auth-register #registration .hl-register-actions .hl-auth-recovery { order:1; }
.hl-auth-register #main-body #registration .hl-mailing-preference { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 20px; align-items:center; }
.hl-auth-register #main-body #registration .hl-mailing-preference .card-title { grid-column:1; margin:0; }
.hl-auth-register #registration .hl-mailing-preference > p { grid-column:1; margin:0; color:#5a5260; font-size:14px; line-height:1.6; }
.hl-auth-register #registration .hl-mailing-preference > :is(.bootstrap-switch,input) { grid-column:2; grid-row:1 / 3; }
.hl-auth-register #registration .hl-register-verification { justify-content:center !important; margin:0 0 24px; }
.hl-auth-register #registration .hl-register-verification > div { flex:0 1 340px; max-width:340px; width:100%; margin:0 !important; padding:0; }
.hl-auth-register #registration #default-captcha-domainchecker { display:grid; grid-template-columns:minmax(0,1fr) 104px; gap:12px; align-items:center; margin:0; padding:16px !important; border:1px solid #e6e2eb; border-radius:8px; background:#faf9fc; }
.hl-auth-register #registration #default-captcha-domainchecker > p { grid-column:1 / -1; margin:0; color:#746b7c; font-size:13px; line-height:1.6; }
.hl-auth-register #registration #default-captcha-domainchecker > .col-6 { width:100%; max-width:none; padding:0; }
.hl-auth-register #registration #default-captcha-domainchecker img { max-width:100%; height:auto; }
.hl-auth-register #main-body #registration #inputCaptcha { width:104px; min-height:44px; height:44px; padding:8px; text-align:center; letter-spacing:.08em; border-radius:7px; }
.hl-auth-register #registration .hl-register-submit { display:flex; justify-content:flex-end; margin:24px 0 0; }
.hl-auth-register #main-body #registration input[type="submit"] { width:auto; padding-inline:24px; }
@media (max-width:575px) {
    .hl-auth-register #main-body #registration { padding:28px 20px; }
    .hl-auth-register #registration .hl-address-grid { grid-template-columns:1fr; }
    .hl-auth-register #registration #containerPassword { grid-template-columns:1fr; }
    .hl-auth-register #registration .hl-register-verification { justify-content:center !important; }
    .hl-auth-register #main-body #registration .hl-mailing-preference { gap:8px 12px; }
}
@media (min-width:576px) {
    .hl-auth #main-body .hl-reset-card .card-body { padding:36px !important; }
}
@media (max-width:575px) {
    body.hl-auth #main-body { padding:32px 0; }
    .hl-auth #main-body .hl-auth-recovery a { padding-inline:8px; font-size:12px; }
}

/* Shared guest ergonomics: predictable mobile actions and room for navigation. */
.hl-public #main-body .primary-content { min-width:0; }
.hl-auth-register #registration .hl-register-terms .form-check { text-align:center; }
@media (max-width:600px) {
    .hl-auth-register #registration .hl-register-actions .hl-register-submit { width:100%; }
    .hl-public #main-body :is(#btnSubmitTicket,#btnSendMessage) { width:100%; }
    .hl-public #main-body .hl-auth-recovery a { display:inline-flex; align-items:center; min-height:44px; }
    .hl-auth-register #registration .generate-password { min-height:44px; }
}
@media (max-width:480px) {
    .hl-auth.hl-public .hl-portal-nav { flex-wrap:wrap; }
    .hl-auth .hl-portal-header-actions { width:100%; justify-content:space-between; }
}
@media (max-width:380px) {
    .hl-public:not(.hl-landing) .hl-portal-nav img { width:100px; }
    .hl-auth-register #registration #default-captcha-domainchecker { grid-template-columns:1fr; justify-items:center; }
    .hl-auth-register #registration #default-captcha-domainchecker > .col-6 { text-align:center; }
    .hl-auth-register #registration #default-captcha-domainchecker img { width:auto; max-width:160px; }
    .hl-auth-register #main-body #registration #inputCaptcha { float:none !important; width:100%; }
}

/* One attribution strip, after all page/sidebar content, on every theme page. */
.hl-attribution { display:block; margin:0; padding:24px 20px; text-align:center; font-size:13px; line-height:1.6; }
body #main-body.hl-has-attribution { padding-bottom:0; }
#main-body.hl-has-attribution .primary-content > :last-child { margin-bottom:0; }
.hl-landing #main-body.hl-has-attribution .hl-portal { padding-bottom:0; }
.hl-public #main-body.hl-has-attribution #order-standard_cart { padding-bottom:0; }
.hl-auth #main-body.hl-has-attribution .login-form .card,
.hl-auth #main-body.hl-has-attribution .primary-content > .row:last-child > .card { margin-bottom:0 !important; }

/* Keep wide WHMCS content inside its own surface on narrow screens. */
@media (max-width:1199.98px) {
    :is(.hl-workspace,.hl-public) #main-body :is(.primary-content,.card,.card-body,.modal-body,.table-container,.dataTables_wrapper) { min-width:0; max-width:100%; }
    :is(.hl-workspace,.hl-public) #main-body :is(.card-body,.modal-body,.alert,.list-group-item) { overflow-wrap:anywhere; }
    :is(.hl-workspace,.hl-public) #main-body :is(.card-body,.modal-body) :is(img,video,iframe) { max-width:100%; }
    :is(.hl-workspace,.hl-public) #main-body pre { max-width:100%; overflow-x:auto; }
    :is(.hl-workspace,.hl-public) #main-body .table-container { overflow-x:auto; -webkit-overflow-scrolling:touch; }
    body.hl-workspace #main-body :is(.hl-service-directory-panel,.hl-domain-directory-panel,.hl-invoice-directory-panel,.hl-ticket-directory-panel,.hl-email-directory-panel) .table-container { overflow:visible; }
    :is(.hl-workspace,.hl-public) #main-body :not(.table-responsive) > table.table:not(.table-list):not(#tableDomainPricing) { display:block; width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
    :is(.hl-workspace,.hl-public) #main-body :not(.table-responsive) > table.table:not(.table-list):not(#tableDomainPricing) :is(th,td) { min-width:7rem; overflow-wrap:break-word; }
    :is(.hl-workspace,.hl-public) #main-body #payMethodList tr > :first-child { min-width:2.5rem; }
    :is(.hl-workspace,.hl-public) #main-body .dataTables_wrapper :is(.dataTables_filter,.dataTables_length,.dataTables_info,.dataTables_paginate) { max-width:100%; }
}
@media (max-width:991.98px) {
    #main-body .hl-directory-table,
    #main-body .hl-directory-table tbody { display:block; width:100% !important; table-layout:auto; }
    #main-body .hl-directory-table :is(colgroup,thead),
    #main-body .hl-directory-table tbody tr.child { display:none !important; }
    #main-body .hl-directory-table tbody tr:not(.child) { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.65rem .8rem; align-items:start; padding:1rem; border-top:1px solid #eeeaf1; }
    #main-body .hl-directory-table tbody tr:not(.child):hover { background:#fcf9fd; }
    #main-body .hl-directory-table tbody tr:not(.child) > td { display:block !important; width:auto !important; min-width:0; padding:0; border:0; background:transparent; overflow-wrap:break-word; }
    #main-body .hl-directory-table tbody tr:not(.child):hover > td { background:transparent; }
    #main-body .hl-directory-table.dtr-inline.collapsed tbody tr:not(.child) > td:first-child { padding-left:0; }
    #main-body .hl-directory-table.dtr-inline.collapsed tbody tr:not(.child) > td:first-child::before { display:none !important; }
    #main-body .hl-directory-table tbody tr:not(.child) > td[data-label] { display:flex !important; grid-column:1/-1; align-items:baseline; justify-content:space-between; gap:1rem; color:#62596a; font-size:.8rem; }
    #main-body .hl-directory-table tbody tr:not(.child) > td[data-label]::before { flex:none; content:attr(data-label); color:#817589; font-size:.74rem; font-weight:600; }
    .hl-directory-meta-value { min-width:0; text-align:right; overflow-wrap:break-word; }
    #main-body .hl-directory-table tbody tr:not(.child) > td.hl-directory-actions-cell { display:flex !important; grid-column:1/-1; justify-content:flex-end; padding-top:.7rem; border-top:1px solid #f0ebf2; }
    #main-body .hl-directory-table tbody tr:not(.child) > td.hl-directory-status-cell { justify-self:end; }
    #main-body .hl-directory-table tbody tr:not(.child) > td:first-child { grid-column:1; grid-row:1; }
    #main-body .hl-directory-table tbody tr:not(.child) > td.dataTables_empty { grid-column:1/-1; padding:.5rem 0; }
    #main-body .hl-directory-table tbody tr:not(.child) > td.hl-directory-status-cell { grid-column:2; grid-row:1; }
    #main-body .hl-directory-table tbody tr:not(.child) > td.hl-directory-service,
    #main-body .hl-directory-table tbody tr:not(.child) > td.hl-domain-name-cell,
    #main-body .hl-directory-table tbody tr:not(.child) > td.hl-ticket-subject { min-width:0; }
    #main-body .hl-directory-table tbody tr:not(.child) > td.hl-email-subject { grid-column:1/-1; grid-row:1; }
    #main-body .hl-directory-table tbody tr:not(.child) > td.hl-email-date { grid-column:1/-1; grid-row:auto; order:2; }
    #main-body .hl-directory-table tbody tr:not(.child) > td.hl-email-subject { order:1; }
    #main-body .hl-directory-table tbody tr:not(.child) > td.hl-directory-actions-cell { order:10; }
    #main-body .hl-invoice-table tbody tr:not(.child) > td.hl-invoice-total { order:2; }
    #main-body .hl-invoice-table tbody tr:not(.child) > td.hl-invoice-date { order:3; }
    #main-body .hl-directory-action-toggle { max-width:100%; white-space:normal; }
    body.primary-bg-color #main-body .hl-directory-action-toggle { min-height:36px; padding:.35rem .7rem; border:1px solid var(--hostlabs-accent); border-radius:.45rem; background:#fff; color:var(--hostlabs-accent); }
    #main-body .hl-directory-action-dropdown { display:block; width:100%; }
    #main-body .hl-directory-action-dropdown > .hl-directory-action-toggle { display:none; }
    #main-body .hl-directory-action-menu { position:static !important; display:flex !important; flex-wrap:wrap; justify-content:flex-end; gap:.35rem; float:none; width:100%; min-width:0; max-width:none; max-height:none; margin:0; padding:0; border:0; background:transparent; box-shadow:none; overflow:visible; transform:none !important; }
    body.primary-bg-color #main-body .hl-directory-action-menu .dropdown-item { display:inline-flex; align-items:center; justify-content:center; width:auto; min-height:32px; padding:.3rem .55rem; border:1px solid #d9cbe2; border-radius:.4rem; background:#fff; color:var(--hostlabs-accent); font-size:.72rem; font-weight:600; line-height:1.25; text-align:center; text-decoration:none; white-space:normal; }
    body.primary-bg-color #main-body .hl-directory-action-menu .dropdown-item:hover,
    body.primary-bg-color #main-body .hl-directory-action-menu .dropdown-item:focus { border-color:var(--hostlabs-accent); background:var(--hostlabs-accent); color:#fff; }
    body.primary-bg-color #main-body .hl-directory-action-menu .dropdown-item:focus-visible { outline:3px solid #ab6cc9; outline-offset:2px; }
    body.primary-bg-color #main-body .hl-directory-action-menu .hl-directory-action-unavailable { display:none !important; }
}
@media (max-width:479.98px) {
    .hl-account-sidebar { right:.5rem; width:calc(100vw - 1rem); }
    body.hl-workspace #main-body { padding:.85rem; }
    #main-body .hl-directory-table thead th,
    #main-body .hl-directory-table tbody td { padding:.7rem .45rem; }
    #main-body .hl-directory-action-toggle { padding:.35rem .45rem; font-size:.75rem; }
    body.hl-workspace[data-page="account-user-management"] #main-body table td .btn,
    body.hl-workspace[data-page="account-paymentmethods"] #main-body table td .btn { margin:.15rem .25rem .15rem 0; white-space:normal; }
}

/* Native invoice content shares the account layout; print only the invoice. */
body.hl-workspace[data-page="viewinvoice"] #main-body .invoice-container { width:100%; max-width:none; margin:0 0 1rem; padding:clamp(1rem,3vw,2rem); border:1px solid #e6dbea; border-radius:.9rem; background:#fff; box-shadow:0 8px 28px #481f640a; }
body.hl-workspace[data-page="viewinvoice"] #main-body .invoice-header img { width:auto; max-width:min(180px,100%); height:auto; max-height:60px; }
body.hl-workspace[data-page="viewinvoice"] #main-body .invoice-container h3 { font-size:1.25rem; }
body.hl-workspace[data-page="viewinvoice"] #main-body .invoice-container address { overflow-wrap:anywhere; }
body.hl-workspace[data-page="viewinvoice"] #main-body .payment-btn-container { margin-top:.9rem; }
body.hl-workspace[data-page="viewinvoice"] #main-body .invoice-container :is(select,input) { max-width:100%; }
body.hl-workspace[data-page="viewinvoice"] #main-body .invoice-container > .btn-group { float:none !important; display:flex; width:fit-content; max-width:100%; margin:1rem 0 0 auto; }
body.hl-workspace[data-page="viewinvoice"] #main-body .invoice-container .card-title.bg-info { padding:.75rem 1rem !important; background:#f6f0fa !important; color:#481f64 !important; font-size:1.1rem; }
@media (max-width:575.98px) {
    body.hl-workspace[data-page="viewinvoice"] #main-body .invoice-col { margin-bottom:1rem; }
    body.hl-workspace[data-page="viewinvoice"] #main-body .invoice-status { margin-bottom:.5rem; }
}
@media print {
    body.hl-workspace[data-page="viewinvoice"] :is(#header,.hl-account-sidebar,.hl-workspace-footer,.hl-skip-link,.master-breadcrumb) { display:none !important; }
    body.hl-workspace[data-page="viewinvoice"] { background:#fff !important; }
    body.hl-workspace[data-page="viewinvoice"] .hl-account-layout { display:block; margin:0; padding:0; }
    body.hl-workspace[data-page="viewinvoice"] #main-body { width:100%; margin:0; padding:0; }
    body.hl-workspace[data-page="viewinvoice"] #main-body .invoice-container { margin:0; padding:0; border:0; box-shadow:none; }
}