:root{
 --hz-blue:#175cff;--hz-blue-dark:#10205c;--hz-purple:#683cf6;--hz-green:#12a66a;
 --hz-green-light:#eafaf2;--hz-bg:#f7f9fd;--hz-card:#fff;--hz-text:#10205c;
 --hz-muted:#687895;--hz-border:#e5eaf3;--hz-radius:16px;--hz-shadow:0 8px 30px rgba(41,65,120,.07)
}
.customer-mode.hz-customer{background:var(--hz-bg);color:var(--hz-text)}
.customer-mode.hz-customer .shell{grid-template-columns:252px minmax(0,1fr)}
.customer-mode.hz-customer .sidebar{background:#fff;border-right:1px solid var(--hz-border);padding:22px 17px}
.customer-mode.hz-customer .brand{padding:0 12px 26px;gap:10px;color:#0c1a47;font-size:23px}
.customer-mode.hz-customer .brand img{width:36px;height:36px}
.customer-mode.hz-customer .customer-nav{gap:6px}
.customer-mode.hz-customer .customer-nav .navitem{height:48px;border:0;border-radius:11px;background:transparent;color:#425580;display:flex;gap:13px;align-items:center;padding:0 16px;font-weight:650;transition:all .18s ease}
.customer-mode.hz-customer .customer-nav .navitem:hover{background:#f3f7ff;color:var(--hz-blue);transform:translateX(2px)}
.customer-mode.hz-customer .customer-nav .navitem.selected{background:#edf4ff!important;color:var(--hz-blue)!important;font-weight:800!important}
.customer-mode.hz-customer .hz-nav-glyph{width:21px;height:21px;display:grid;place-items:center;color:inherit;font-size:19px}
.customer-mode.hz-customer .ov-sidebar-bottom{display:grid!important;margin-top:auto;gap:12px}
.customer-mode.hz-customer .ov-help{background:#f5f8ff!important;border:1px solid #e3eaf7!important;border-radius:16px!important;padding:16px!important;color:#1c3062!important}
.customer-mode.hz-customer .ov-help strong{font-size:16px}.customer-mode.hz-customer .ov-help small{color:#71819d}
.customer-mode.hz-customer .sidebar-end{display:none}
.customer-mode.hz-customer .top{height:70px;padding:0 30px;background:#fff;border-bottom:1px solid var(--hz-border);position:sticky;top:0;z-index:50}
.customer-mode.hz-customer .top-brand{font-size:14px;color:#65728f}
.customer-mode.hz-customer .top-brand #pageLabel{color:var(--hz-blue-dark);font-weight:800;letter-spacing:0;text-transform:none}
.customer-mode.hz-customer .cr-global-search{min-width:340px;border:1px solid #dce4f2!important;border-radius:10px!important;background:#fff!important;height:40px!important}
.customer-mode.hz-customer .cr-global-search:after{content:"Ctrl + K";margin-left:auto;background:#f5f7fb;border:1px solid #e2e7ef;border-radius:7px;padding:3px 7px;font-size:12px;color:#6f7c94}
.customer-mode.hz-customer .cr-global-search input{color:#273b68}
.customer-mode.hz-customer .session-tag{background:#eaf9f1;color:#118755;padding:9px 14px}
.customer-mode.hz-customer .ov-top-account{border:0!important;background:transparent!important;color:#1d2e5b!important}
.customer-mode.hz-customer main{max-width:1600px;width:100%;padding:30px 34px 32px}
.customer-mode.hz-customer #customerAccounts{margin-top:0}
.customer-mode.hz-customer .customer-heading{display:none}
.customer-mode.hz-customer #message{position:fixed;z-index:100;top:82px;right:28px;left:auto;width:min(460px,calc(100vw - 40px));margin:0;border-radius:12px}
.hz-root{--pad:0}.hz-greeting{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 18px}
.hz-greeting h1{margin:0 0 2px;font-size:34px;line-height:1.15;letter-spacing:-.045em;color:#0d1b52;font-weight:850}
.hz-greeting p{margin:0;color:#63749b;font-size:17px}
.hz-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:20px;align-items:start}
.hz-main,.hz-rail{display:grid;gap:18px}.hz-panel{background:var(--hz-card);border:1px solid var(--hz-border);border-radius:var(--hz-radius);box-shadow:var(--hz-shadow)}
.hz-panel-head,.hz-mini-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
.hz-panel-head{padding:20px 21px 16px}.hz-title-row,.hz-mini-title{display:flex;align-items:center;gap:12px;min-width:0}
.hz-title-row h2,.hz-mini-title h2{margin:0;color:#10205c;font-size:20px;letter-spacing:-.02em}
.hz-title-row p,.hz-mini-title p{margin:4px 0 0;color:#71809e;font-size:15px}
.hz-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto}
.hz-icon svg{width:22px;height:22px}.hz-icon.blue{background:#edf4ff;color:#175cff}.hz-icon.purple{background:#f3ebff;color:#7138ef}.hz-icon.green{background:#eaf9f1;color:#11955e}.hz-icon.amber{background:#fff4df;color:#c58013}.hz-icon.soft{background:#f5f7fb;color:#4c78e8}.hz-icon.muted{background:#f4f6fa;color:#9aa7bd}
.hz-head-actions{display:flex;gap:10px;position:relative}.hz-primary,.hz-outline,.hz-icon-btn,.hz-text-btn,.hz-kebab,.hz-copy{font:inherit;cursor:pointer;transition:all .18s ease}
.hz-primary{height:44px;padding:0 19px;border:0;border-radius:10px;background:linear-gradient(100deg,#175cff,#512eff);color:white;font-weight:800;box-shadow:0 8px 18px rgba(33,88,240,.18)}
.hz-primary:hover,.hz-outline:hover,.hz-shortcut:hover{transform:translateY(-1px)}
.hz-outline{height:38px;padding:0 14px;border:1px solid #bcd0f3;border-radius:9px;background:#fff;color:#1756db;font-weight:750}
.hz-icon-btn{width:44px;height:44px;border:1px solid #dce4f1;background:#fff;border-radius:10px;color:#506080}.hz-icon-btn svg,.hz-copy svg{width:18px;height:18px}
.hz-add-menu{position:absolute;z-index:90;right:0;top:52px;width:230px;padding:8px;background:#fff;border:1px solid var(--hz-border);border-radius:12px;box-shadow:0 18px 46px rgba(40,55,100,.16);display:grid;gap:3px}
.hz-add-menu button{border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:8px;color:#273b68;font:inherit}.hz-add-menu button:hover{background:#f3f7ff;color:#175cff}
.hz-domain-table{border-top:1px solid #edf0f5}.hz-domain-grid{display:grid;grid-template-columns:1.4fr .72fr .92fr .95fr .8fr;align-items:center;gap:12px;padding:13px 20px}
.hz-domain-labels{background:#f8faff;color:#586989;font-size:13px;font-weight:800}.hz-domain-row{min-height:68px}.hz-domain-name{display:flex;align-items:center;gap:10px;min-width:0}.hz-domain-name .hz-icon{width:32px;height:32px;background:transparent}.hz-domain-name .hz-icon svg{width:23px;height:23px}
.hz-domain-name strong{font-size:16px;overflow:hidden;text-overflow:ellipsis}.hz-pill{justify-self:start;padding:7px 11px;border-radius:999px;font-size:13px;font-weight:800}.hz-pill.ok{background:#eaf9f1;color:#118755;border:1px solid #b7ecd1}.hz-pill.warn{background:#fff4df;color:#b87408;border:1px solid #f5dcad}
.hz-bandwidth,.hz-disk-inline{font-size:15px;color:#334a7b}.hz-row-actions{display:flex;justify-content:flex-end}.hz-site-switch{margin:0 20px 18px;width:min(390px,calc(100% - 40px));height:38px;border:1px solid #dce4f2;border-radius:9px;background:#fff;padding:0 10px;color:#243a70}
.hz-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hz-shortcut{min-height:112px;padding:18px;border:1px solid var(--hz-border);border-radius:15px;background:#fff;box-shadow:var(--hz-shadow);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;text-align:left;color:var(--hz-text);transition:all .18s ease}
.hz-shortcut:hover{box-shadow:0 12px 35px rgba(41,65,120,.11)}.hz-shortcut-copy{display:grid;gap:5px;min-width:0}.hz-shortcut-copy strong{font-size:18px}.hz-shortcut-copy small{font-size:14px;color:#72809a;line-height:1.35}.hz-shortcut-arrow{width:22px;color:#175cff}.hz-shortcut-arrow svg{width:19px;height:19px}
.hz-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hz-list-card{min-height:275px;padding:0 17px 17px}.hz-mini-head{min-height:66px;padding:0 2px;border-bottom:1px solid #edf0f5}.hz-mini-title h2{font-size:18px}.hz-mini-title p{font-size:14px}.hz-mini-title .hz-icon{width:36px;height:36px}.hz-mini-title .hz-icon svg{width:19px;height:19px}
.hz-text-btn{border:0;background:transparent;color:#175cff;font-size:13px;font-weight:800}.hz-count{margin-left:auto;color:#536487;font-size:14px;font-weight:750}
.hz-simple-table,.hz-mail-list,.hz-dns-table{display:grid}.hz-table-head{white-space:pre-wrap;padding:13px 10px;background:#f8faff;color:#65728d;font-size:12px;font-weight:800}.hz-data-row{white-space:pre-wrap;padding:15px 10px;border-bottom:1px solid #edf0f5;color:#1f3568;font-size:14px;line-height:1.6}
.hz-card-empty{min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:#75839e}.hz-card-empty .hz-icon{width:50px;height:50px}.hz-card-empty strong{color:#23396d;font-size:16px}.hz-card-empty small{font-size:14px}.hz-card-empty .hz-outline{margin-top:6px}
.hz-mail-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px 7px;border-bottom:1px solid #edf0f5}.hz-mail-row .hz-icon{width:32px;height:32px}.hz-mail-row .hz-icon svg{width:17px}.hz-mail-row strong{font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis}.hz-mail-row>span{font-size:13px;color:#6f7d97}.hz-kebab{border:0;background:transparent;color:#526486;font-weight:900}.hz-bottom-btn{display:block;margin:16px auto 0}
.hz-dns{padding:0 17px 17px}.hz-dns .hz-mini-head{padding:0 2px}.hz-dns-table{border:1px solid #edf0f5;border-radius:10px;overflow:hidden}
.hz-profile{padding:20px}.hz-profile h2{font-size:20px;margin:0 0 6px}.hz-profile-domain{display:block;color:#6576a0;font-size:15px;margin-bottom:16px}.hz-quick-link{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;background:#f5f8fd;border-radius:11px;padding:11px;color:#627298;font-size:13px}.hz-quick-link>svg{width:17px}.hz-quick-link strong{color:#175cff;overflow:hidden;text-overflow:ellipsis}.hz-copy{border:0;background:transparent;color:#4f63a0;padding:3px}
.hz-profile-rows{display:grid;margin-top:14px}.hz-profile-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid #eef1f6;color:#42567f;font-size:14px}.hz-profile-row svg{width:20px;height:20px;color:#435ab2}.hz-profile-row strong{font-size:14px;color:#172b62}
.hz-metrics{padding:10px 16px}.hz-usage-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #edf0f5}.hz-usage-row:last-child{border-bottom:0}.hz-usage-row>div:nth-child(2){display:grid;gap:4px}.hz-usage-row strong{font-size:15px}.hz-usage-row span{color:#657493;font-size:13px}.hz-chevron{font-size:21px!important;color:#49629c!important}
.hz-ring{--hz-pct:0;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#1b8bf3 calc(var(--hz-pct)*1%),#e6edf8 0);position:relative}.hz-ring:before{content:"";position:absolute;inset:6px;background:#fff;border-radius:50%}.hz-ring strong{position:relative;z-index:1;font-size:14px;color:#175cff}
.hz-health{padding:20px;display:grid;grid-template-columns:auto 1fr;column-gap:11px;align-items:start}.hz-health .hz-icon{grid-row:1/3;width:40px;height:40px}.hz-health h3{margin:2px 0 4px;font-size:16px}.hz-health p{grid-column:2;margin:0;color:#6d7c96;font-size:14px;line-height:1.45}.hz-health.ok{background:#fbfffd}.hz-health.warn{background:#fffdf8}
.hz-empty{background:#fff;border:1px solid var(--hz-border);border-radius:18px;min-height:330px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center}.hz-empty h2{margin:0}.hz-empty p{margin:0;color:var(--hz-muted)}
.hz-skeleton{display:grid;gap:10px;padding:18px}.hz-sk{height:15px;border-radius:8px;background:linear-gradient(90deg,#f2f5fa,#e8edf6,#f2f5fa);background-size:220% 100%;animation:hz-shimmer 1.2s infinite}.hz-sk:nth-child(even){width:72%}@keyframes hz-shimmer{to{background-position:-220% 0}}
@media(max-width:1280px){.hz-layout{grid-template-columns:minmax(0,1fr) 270px}.hz-shortcuts{grid-template-columns:repeat(2,1fr)}.customer-mode.hz-customer .cr-global-search{min-width:250px}}
@media(max-width:1050px){.hz-layout{grid-template-columns:1fr}.hz-rail{grid-template-columns:repeat(2,1fr)}.hz-profile{grid-column:1/-1}.hz-pair{grid-template-columns:1fr}.customer-mode.hz-customer .top{padding:0 18px}.customer-mode.hz-customer .cr-global-search:after{display:none}}
@media(max-width:960px){.customer-mode.hz-customer .shell{grid-template-columns:76px 1fr}.customer-mode.hz-customer .sidebar{padding:16px 8px}.customer-mode.hz-customer .brand span{display:none}.customer-mode.hz-customer .customer-nav .navitem{justify-content:center;padding:0}.customer-mode.hz-customer .customer-nav .navitem span:last-child{display:none}.customer-mode.hz-customer .ov-sidebar-bottom{display:none!important}}
@media(max-width:720px){.customer-mode.hz-customer .shell{display:block}.customer-mode.hz-customer .sidebar{height:62px;position:relative}.customer-mode.hz-customer .brand{float:left;padding:0}.customer-mode.hz-customer .mobile-nav{display:block;float:right}.customer-mode.hz-customer .customer-nav:not(.open){display:none!important}.customer-mode.hz-customer .customer-nav.open{position:absolute;top:62px;left:0;right:0;z-index:80;background:#fff;padding:10px;display:grid!important;box-shadow:0 12px 30px rgba(20,40,90,.14)}.customer-mode.hz-customer .customer-nav.open .navitem{justify-content:flex-start}.customer-mode.hz-customer .customer-nav.open .navitem span:last-child{display:inline}.customer-mode.hz-customer .top{height:58px}.customer-mode.hz-customer .top-brand{display:none}.customer-mode.hz-customer .cr-global-search{min-width:0;width:44px;overflow:hidden}.customer-mode.hz-customer .cr-global-search input{width:0;padding:0}.customer-mode.hz-customer .session-tag{display:none}.customer-mode.hz-customer main{padding:20px 13px}.hz-greeting h1{font-size:27px}.hz-greeting p{font-size:15px}.hz-panel-head{align-items:flex-start;flex-direction:column}.hz-head-actions{width:100%}.hz-primary{flex:1}.hz-domain-labels{display:none}.hz-domain-grid{grid-template-columns:1fr 1fr}.hz-domain-row>*:nth-child(3),.hz-domain-row>*:nth-child(4){display:none}.hz-row-actions{justify-content:flex-end}.hz-shortcuts,.hz-rail{grid-template-columns:1fr}.hz-profile{grid-column:auto}.hz-pair{grid-template-columns:1fr}.hz-shortcut{min-height:96px}.hz-dns .hz-data-row,.hz-dns .hz-table-head{font-size:12px}.hz-site-switch{width:calc(100% - 30px);margin:0 15px 15px}}
.hz-search-results{position:fixed;z-index:120;top:62px;right:290px;width:min(430px,calc(100vw - 40px));padding:8px;background:#fff;border:1px solid var(--hz-border);border-radius:12px;box-shadow:0 18px 48px rgba(29,47,91,.16);display:grid;gap:3px}.hz-search-results button{border:0;background:#fff;color:#2b3f71;text-align:left;padding:11px 12px;border-radius:8px;font:inherit}.hz-search-results button:hover{background:#f3f7ff;color:#175cff}
@media(max-width:1050px){.hz-search-results{right:20px;top:60px}}

/* Readable customer workspace scale. */
.customer-mode.hz-customer{font-size:16px}
.customer-mode.hz-customer .customer-nav .navitem{font-size:16px;min-height:52px}
.customer-mode.hz-customer #customerAccounts p{line-height:1.6}
.customer-mode.hz-customer #customerAccounts input,.customer-mode.hz-customer #customerAccounts select{font-size:15px;min-height:42px}
.customer-mode.hz-customer .hz-primary{height:48px;font-size:16px}
.customer-mode.hz-customer .hz-outline{height:42px;font-size:15px}
.customer-mode.hz-customer .hz-domain-row{min-height:76px}
.customer-mode.hz-customer .hz-data-row{padding-top:17px;padding-bottom:17px}
.customer-mode.hz-customer .hz-shortcut{min-height:124px}
.customer-mode.hz-customer .hz-profile-row{padding-top:15px;padding-bottom:15px}
.customer-mode.hz-customer .hz-layout{grid-template-columns:minmax(0,1fr) 320px}
@media(max-width:1280px){.customer-mode.hz-customer .hz-layout{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:1050px){.customer-mode.hz-customer .hz-layout{grid-template-columns:1fr}}
@media(max-width:720px){.customer-mode.hz-customer .hz-shortcut{min-height:104px}.customer-mode.hz-customer .hz-domain-grid{gap:10px}.customer-mode.hz-customer .hz-quick-link{grid-template-columns:auto 1fr auto}.customer-mode.hz-customer .hz-quick-link>span{display:none}}