/* ============================================================================
   ZinkHost Client Portal V416 — unified responsive redesign layer
   Loaded after legacy portal CSS so every client page shares one UI system.
   ========================================================================== */
:root{
  --zhp-blue:#087cf0;
  --zhp-blue-2:#1769e8;
  --zhp-cyan:#26a9ff;
  --zhp-navy:#10203a;
  --zhp-text:#17243a;
  --zhp-muted:#6f8098;
  --zhp-bg:#f4f7fb;
  --zhp-card:#ffffff;
  --zhp-line:#e4ebf3;
  --zhp-line-strong:#d6e2ee;
  --zhp-soft:#eef6ff;
  --zhp-green:#14a873;
  --zhp-red:#e54858;
  --zhp-orange:#e99728;
  --zhp-purple:#7656e8;
  --zhp-sidebar:264px;
  --zhp-topbar:76px;
  --zhp-radius:18px;
  --zhp-shadow:0 10px 34px rgba(21,49,82,.065);
  --zhp-shadow-hover:0 18px 44px rgba(18,58,103,.105);
}

html{scroll-behavior:smooth}
body.client-body{
  background:
    radial-gradient(circle at 86% -10%,rgba(38,169,255,.09),transparent 28%),
    radial-gradient(circle at 18% 110%,rgba(8,124,240,.055),transparent 30%),
    var(--zhp-bg)!important;
  color:var(--zhp-text)!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  min-height:100vh;
  overflow-x:hidden;
}
body.client-body *,body.client-body *:before,body.client-body *:after{box-sizing:border-box}
body.client-body a{color:inherit;text-decoration:none}
body.client-body button,body.client-body input,body.client-body select,body.client-body textarea{font:inherit}
body.client-body > .premium-footer{display:none!important}

/* ---- app shell ----------------------------------------------------------- */
.client-shell{display:block!important;width:100%!important;max-width:none!important;margin:0!important;min-height:100vh!important}
.client-sidebar{
  position:fixed!important;inset:0 auto 0 0!important;width:var(--zhp-sidebar)!important;height:100dvh!important;
  display:flex!important;flex-direction:column!important;padding:0 14px 18px!important;overflow:auto!important;
  background:rgba(255,255,255,.97)!important;border:0!important;border-right:1px solid var(--zhp-line)!important;
  box-shadow:10px 0 38px rgba(22,52,86,.035)!important;z-index:160!important;
  scrollbar-width:thin;scrollbar-color:#dce7f3 transparent;
  transition:width .25s ease,transform .25s ease,box-shadow .25s ease!important;
}
.client-brand{
  min-height:var(--zhp-topbar)!important;height:var(--zhp-topbar)!important;margin:0 -14px 10px!important;padding:0 24px!important;
  display:flex!important;align-items:center!important;border-bottom:1px solid #edf2f7!important;background:#fff!important;
}
.client-brand img{display:block!important;height:40px!important;width:auto!important;max-width:188px!important;object-fit:contain!important}
.mobile-drawer-head{display:none}
.client-nav{display:grid!important;gap:5px!important;margin:8px 0 16px!important;padding:0!important}
.client-nav a{
  position:relative!important;display:flex!important;align-items:center!important;gap:13px!important;min-height:48px!important;
  padding:0 15px!important;border-radius:13px!important;color:#40536d!important;font-size:13px!important;font-weight:700!important;
  border:1px solid transparent!important;transition:background .18s ease,color .18s ease,border .18s ease,transform .18s ease!important;
}
.client-nav a svg{width:20px!important;height:20px!important;flex:0 0 20px!important;color:#557594!important;transition:.18s ease!important}
.client-nav a:hover{background:#f5f9fe!important;border-color:#e8f0f8!important;color:var(--zhp-blue)!important;transform:translateX(2px)}
.client-nav a:hover svg{color:var(--zhp-blue)!important}
.client-nav a.selected{
  color:#086ee0!important;background:linear-gradient(100deg,#eaf5ff 0%,#f5faff 100%)!important;border-color:#dceeff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)!important;font-weight:850!important;
}
.client-nav a.selected:before{
  content:""!important;position:absolute!important;left:-14px!important;top:8px!important;bottom:8px!important;width:4px!important;
  border-radius:0 8px 8px 0!important;background:linear-gradient(180deg,var(--zhp-cyan),var(--zhp-blue-2))!important;
  box-shadow:0 0 16px rgba(8,124,240,.24)!important;
}
.client-nav a.selected svg{color:var(--zhp-blue)!important}
.client-nav-badge{margin-left:auto!important;min-width:22px!important;height:22px!important;padding:0 6px!important;border-radius:999px!important;background:#e84959!important;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;font-size:10px!important}
.side-help{
  margin-top:auto!important;padding:17px!important;border:1px solid #ddebfa!important;border-radius:17px!important;text-align:center!important;
  background:linear-gradient(145deg,#f8fbff,#edf6ff)!important;box-shadow:inset 0 1px 0 #fff!important;
}
.side-help-icon{width:46px!important;height:46px!important;margin:0 auto 10px!important;border-radius:14px!important;background:#dff0ff!important;color:var(--zhp-blue)!important;display:grid!important;place-items:center!important}
.side-help b{font-size:14px!important;color:var(--zhp-navy)!important}.side-help p{margin:5px 0 12px!important;color:var(--zhp-muted)!important;font-size:11px!important;line-height:1.5!important}
.side-help a{height:39px!important;border-radius:10px!important;background:linear-gradient(135deg,#1389fa,#0a69e8)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:11px!important;font-weight:850!important;box-shadow:0 9px 20px rgba(8,124,240,.16)!important}
.mobile-drawer-logout{display:none}

.client-header{height:0!important;min-height:0!important}
.zh-portal-topbar{
  position:fixed!important;left:var(--zhp-sidebar)!important;right:0!important;top:0!important;height:var(--zhp-topbar)!important;z-index:150!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:0 28px!important;
  background:rgba(255,255,255,.88)!important;border-bottom:1px solid rgba(221,231,241,.9)!important;
  box-shadow:0 4px 24px rgba(22,52,86,.035)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  transition:left .25s ease!important;
}
.zh-topbar-left,.zh-topbar-right{display:flex!important;align-items:center!important}.zh-topbar-left{gap:13px!important;min-width:0!important;flex:1!important}.zh-topbar-right{gap:10px!important;flex:0 0 auto!important}
.zh-menu-btn,.zh-round-action,.zh-portal-topbar .notify-bell{
  width:43px!important;height:43px!important;min-width:43px!important;border-radius:13px!important;border:1px solid #e1eaf3!important;background:#f8fafc!important;color:#375a7d!important;
  display:grid!important;place-items:center!important;cursor:pointer!important;box-shadow:0 2px 7px rgba(20,48,80,.025)!important;transition:.18s ease!important;
}
.zh-menu-btn:hover,.zh-round-action:hover,.zh-portal-topbar .notify-bell:hover{background:#eef7ff!important;color:var(--zhp-blue)!important;border-color:#cfe6fb!important;transform:translateY(-1px)!important}
.zh-menu-btn svg,.zh-round-action svg,.zh-portal-topbar .notify-bell svg{width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important}
.zh-search-wrap{position:relative!important;width:min(470px,46vw)!important;display:block!important}
.zh-search-wrap>svg{position:absolute!important;left:15px!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;color:#75869a!important;z-index:1!important}
.zh-search-input{
  width:100%!important;height:43px!important;padding:0 16px 0 43px!important;border:1px solid #e2eaf2!important;border-radius:13px!important;
  background:#f6f8fb!important;color:#22344f!important;font-size:13px!important;outline:0!important;transition:.18s ease!important;
}
.zh-search-input::placeholder{color:#94a1b2!important}.zh-search-input:focus{background:#fff!important;border-color:#acd5fb!important;box-shadow:0 0 0 4px rgba(8,124,240,.08)!important}
.zh-user-chip{display:flex!important;align-items:center!important;gap:10px!important;padding:4px 6px 4px 4px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:var(--zhp-text)!important;cursor:pointer!important;transition:.18s ease!important}
.zh-user-chip:hover{background:#f6f9fc!important}.zh-user-avatar{width:40px!important;height:40px!important;border-radius:13px!important;background:linear-gradient(145deg,#1a91fa,#0a6de6)!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:900!important;border:3px solid #e7f3ff!important;box-shadow:0 5px 14px rgba(8,124,240,.18)!important}
.zh-user-copy{display:flex!important;flex-direction:column!important;line-height:1.15!important}.zh-user-copy strong{font-size:13px!important;max-width:150px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.zh-user-copy small{font-size:10px!important;color:#8493a6!important;margin-top:4px!important}
.zh-user-popover,.notify-popover{
  border:1px solid #dfe8f1!important;border-radius:16px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 22px 58px rgba(19,47,80,.16)!important;overflow:hidden!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
.zh-user-popover{top:52px!important;width:205px!important;padding:7px!important}.zh-user-popover a{min-height:40px!important;border-radius:10px!important;padding:0 11px!important;font-size:12px!important;font-weight:750!important;color:#4f627b!important}.zh-user-popover a:hover{background:#eff7ff!important;color:var(--zhp-blue)!important}
.notify-popover{top:52px!important;width:min(390px,calc(100vw - 32px))!important;right:0!important}.notify-pop-head{padding:15px 16px!important;border-bottom:1px solid #edf2f7!important}.notify-pop-head strong{font-size:14px!important}.notify-pop-head a{font-size:11px!important;color:var(--zhp-blue)!important;font-weight:800!important}
.notify-count{position:absolute!important;right:-4px!important;top:-5px!important;min-width:18px!important;height:18px!important;border-radius:999px!important;padding:0 5px!important;background:#e84a5a!important;color:#fff!important;border:2px solid #fff!important;font-size:9px!important;font-weight:900!important;display:inline-flex;align-items:center;justify-content:center}
.zh-mobile-topbar,.zh-mobile-bottom-nav{display:none!important}
.client-sidebar-overlay{display:none}

.client-content{
  margin-left:var(--zhp-sidebar)!important;padding:calc(var(--zhp-topbar) + 30px) clamp(24px,3vw,42px) 48px!important;min-width:0!important;max-width:none!important;
  min-height:100vh!important;background:transparent!important;transition:margin-left .25s ease!important;
}
.client-content>*{width:100%!important;max-width:1320px!important;margin-left:auto!important;margin-right:auto!important}

/* Desktop compact sidebar */
@media(min-width:901px){
  body.zh-desktop-sidebar-collapsed .client-sidebar{width:84px!important}
  body.zh-desktop-sidebar-collapsed .client-brand{padding:0!important;justify-content:center!important}
  body.zh-desktop-sidebar-collapsed .client-brand img{display:none!important}
  body.zh-desktop-sidebar-collapsed .client-brand:after{content:"Z";display:grid;width:42px;height:42px;border-radius:13px;place-items:center;background:linear-gradient(145deg,#168efa,#0b68e5);color:#fff;font-size:21px;font-weight:950;box-shadow:0 8px 18px rgba(8,124,240,.2)}
  body.zh-desktop-sidebar-collapsed .client-nav a{justify-content:center!important;padding:0!important}
  body.zh-desktop-sidebar-collapsed .client-nav a span,body.zh-desktop-sidebar-collapsed .client-nav-badge,body.zh-desktop-sidebar-collapsed .side-help{display:none!important}
  body.zh-desktop-sidebar-collapsed .client-nav a.selected:before{left:-14px!important}
  body.zh-desktop-sidebar-collapsed .zh-portal-topbar{left:84px!important}
  body.zh-desktop-sidebar-collapsed .client-content{margin-left:84px!important}
}

/* ---- shared typography & controls --------------------------------------- */
.portal-page-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;margin-bottom:23px!important}
.portal-page-head>div{min-width:0!important}.portal-page-head .eyebrow,.client-content>.eyebrow,.client-settings-card>.eyebrow{font-size:11px!important;letter-spacing:.15em!important;font-weight:900!important;color:#7b8ca1!important;text-transform:uppercase!important}
.portal-page-head h1{margin:6px 0 7px!important;color:var(--zhp-navy)!important;font-size:clamp(28px,2.35vw,37px)!important;line-height:1.05!important;letter-spacing:-1.05px!important;font-weight:900!important}.portal-page-head p{margin:0!important;color:var(--zhp-muted)!important;font-size:13px!important;line-height:1.55!important;max-width:680px!important}
.btn,.mobile-primary-action{
  min-height:43px!important;padding:0 18px!important;border:1px solid transparent!important;border-radius:12px!important;background:linear-gradient(135deg,#138afa,#096be8)!important;color:#fff!important;font-size:12px!important;font-weight:850!important;letter-spacing:.005em!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:pointer!important;box-shadow:0 8px 19px rgba(8,124,240,.15)!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.btn:hover,.mobile-primary-action:hover{transform:translateY(-1px)!important;box-shadow:0 12px 26px rgba(8,124,240,.22)!important;filter:saturate(1.05)!important}
.btn:active,.mobile-primary-action:active{transform:translateY(0)!important}.btn.ghost{background:#fff!important;color:#376180!important;border-color:#dbe6f0!important;box-shadow:none!important}.btn.ghost:hover{background:#f4f9fe!important;color:var(--zhp-blue)!important;border-color:#bfddf8!important;box-shadow:none!important}.btn.danger,.danger.btn{background:#fff4f5!important;color:#d94756!important;border-color:#ffd6da!important;box-shadow:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(8,124,240,.18)!important;outline-offset:2px!important}

.panel,.client-settings-card{
  background:rgba(255,255,255,.98)!important;border:1px solid var(--zhp-line)!important;border-radius:var(--zhp-radius)!important;box-shadow:var(--zhp-shadow)!important;
}
.panel{padding:22px!important}.table-panel{padding:0!important;overflow:hidden!important}.panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:15px!important}.panel-head h2{margin:0!important;color:var(--zhp-navy)!important}

.status-badge,.zh-status-pill,.zh-ticket-status{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:27px!important;padding:0 10px!important;border-radius:999px!important;border:1px solid #dfe8f1!important;background:#f4f7fa!important;color:#54657b!important;font-size:10px!important;font-weight:850!important;white-space:nowrap!important;line-height:1!important;
}
.status-badge.success,.zh-status-pill.success,.service-status-success{background:#eaf9f3!important;color:#0e9164!important;border-color:#cef0e1!important}.status-badge.pending,.zh-status-pill.pending{background:#fff6e8!important;color:#b96c0b!important;border-color:#f8e1b8!important}.status-badge.failed,.status-badge.cancelled,.zh-status-pill.failed,.zh-status-pill.cancelled{background:#fff0f2!important;color:#cc3f51!important;border-color:#ffd7dd!important}.status-badge.paid,.status-badge.completed{background:#eaf9f3!important;color:#0e9164!important;border-color:#cef0e1!important}

/* inputs */
.client-body input:not([type="checkbox"]):not([type="radio"]),.client-body select,.client-body textarea{
  width:100%;border:1px solid #d9e4ee!important;border-radius:12px!important;background:#fbfcfe!important;color:#21334d!important;box-shadow:inset 0 1px 1px rgba(19,48,82,.02)!important;outline:0!important;transition:.18s ease!important;
}
.client-body input:not([type="checkbox"]):not([type="radio"]),.client-body select{min-height:45px;padding:0 13px!important}.client-body textarea{min-height:125px;padding:12px 13px!important;resize:vertical}.client-body input::placeholder,.client-body textarea::placeholder{color:#9ba8b7!important}
.client-body input:focus,.client-body select:focus,.client-body textarea:focus{background:#fff!important;border-color:#9dccf7!important;box-shadow:0 0 0 4px rgba(8,124,240,.075)!important}
.client-body label{color:#455b73;font-size:12px;font-weight:750}
.form-result{font-size:12px!important;font-weight:700!important;margin:10px 0 0!important}

/* ---- dashboard ----------------------------------------------------------- */
.zh-dashboard-hero{display:grid!important;grid-template-columns:minmax(310px,.86fr) minmax(480px,1.14fr)!important;gap:22px!important;align-items:center!important;margin-bottom:20px!important}
.zh-welcome-copy{padding:8px 2px!important}.zh-welcome-copy h1{margin:0 0 8px!important;color:var(--zhp-navy)!important;font-size:clamp(28px,2.4vw,38px)!important;line-height:1.08!important;letter-spacing:-1.1px!important;font-weight:900!important}.zh-welcome-copy h1 span{color:#0b74e7!important}.zh-welcome-copy p{margin:0!important;color:var(--zhp-muted)!important;font-size:13px!important}
.zh-promo-card{
  position:relative!important;overflow:hidden!important;min-height:142px!important;padding:26px 205px 24px 27px!important;border-radius:20px!important;
  background:linear-gradient(118deg,#168dfa 0%,#0875ec 48%,#0a55d4 100%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 18px 42px rgba(4,94,211,.18)!important;
}
.zh-promo-card:before{content:"";position:absolute;inset:-80px auto auto -55px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.07)}
.zh-promo-card:after{content:"";position:absolute;right:-65px;bottom:-105px;width:260px;height:260px;border-radius:50%;border:45px solid rgba(255,255,255,.055)}
.zh-promo-card h3{position:relative;z-index:2;margin:0 0 7px!important;font-size:19px!important;letter-spacing:-.3px}.zh-promo-card p{position:relative;z-index:2;margin:0 0 16px!important;max-width:390px!important;color:rgba(255,255,255,.9)!important;font-size:11.5px!important;line-height:1.55!important}.zh-promo-btn{position:relative;z-index:2;min-height:38px!important;padding:0 14px!important;border-radius:10px!important;background:#fff!important;color:#0a6ce4!important;font-size:11px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;gap:7px!important;box-shadow:0 7px 18px rgba(0,46,118,.14)!important}.zh-promo-close{z-index:5!important;right:13px!important;top:13px!important;width:29px!important;height:29px!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.15)!important}.zh-server-art{right:36px!important;bottom:15px!important;transform:scale(1.08)!important;z-index:2!important}
.metric-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-bottom:20px!important}
.metric{
  position:relative!important;min-height:132px!important;padding:19px 17px!important;display:flex!important;align-items:flex-start!important;gap:13px!important;overflow:hidden!important;
  background:#fff!important;border:1px solid var(--zhp-line)!important;border-radius:18px!important;box-shadow:var(--zhp-shadow)!important;transition:.2s ease!important;
}
.metric:hover{transform:translateY(-3px)!important;box-shadow:var(--zhp-shadow-hover)!important;border-color:#d9e7f4!important}.metric:before{content:"";position:absolute;right:-42px;top:-42px;width:128px;height:128px;border-radius:50%;background:var(--metric-wave,#edf6ff);opacity:.55}.metric:after{content:""!important;position:absolute!important;left:-5%!important;right:-5%!important;bottom:-54px!important;height:82px!important;border-radius:50%!important;background:var(--metric-wave,#edf6ff)!important;opacity:.58!important;transform:rotate(-3deg)!important}.zh-card-icon{position:relative!important;z-index:2!important;width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:15px!important;display:grid!important;place-items:center!important}.zh-card-icon.blue{background:#e6f3ff!important;color:#1682ef!important}.zh-card-icon.green{background:#e8f9f3!important;color:#12aa78!important}.zh-card-icon.red{background:#fff0f2!important;color:#e54e5d!important}.zh-card-icon.purple{background:#f0edff!important;color:#7558e5!important}.metric>div:not(.zh-card-icon){position:relative!important;z-index:2!important;min-width:0}.metric small{display:block!important;color:#7a899d!important;font-size:10.5px!important;font-weight:800!important;white-space:nowrap!important}.metric strong{display:block!important;margin:5px 0 2px!important;color:var(--zhp-navy)!important;font-size:28px!important;line-height:1!important;letter-spacing:-.6px!important}.metric em{display:block!important;color:#8b9aad!important;font-size:9.5px!important;font-style:normal!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.zh-dashboard-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-bottom:18px!important}.zh-panel{background:#fff!important;border:1px solid var(--zhp-line)!important;border-radius:18px!important;box-shadow:var(--zhp-shadow)!important;overflow:hidden!important}.zh-panel-head{height:58px!important;padding:0 19px!important;border-bottom:1px solid #edf2f7!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important}.zh-panel-head h2{margin:0!important;color:var(--zhp-navy)!important;font-size:15px!important;letter-spacing:-.2px!important}.zh-panel-head a{color:var(--zhp-blue)!important;font-size:10.5px!important;font-weight:850!important}.zh-list-row{min-height:70px!important;padding:12px 17px!important;border-bottom:1px solid #eff3f7!important;display:flex!important;align-items:center!important;gap:12px!important}.zh-list-row:last-child{border-bottom:0!important}.zh-row-icon{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:13px!important;background:#edf6ff!important;color:var(--zhp-blue)!important;display:grid!important;place-items:center!important}.zh-row-main{min-width:0!important;flex:1!important}.zh-row-copy strong{display:block!important;color:#1a2b44!important;font-size:12.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.zh-row-copy small{display:block!important;margin-top:4px!important;color:#8593a6!important;font-size:10px!important}.zh-row-action{min-height:34px!important;padding:0 11px!important;border:1px solid #dfe8f1!important;border-radius:9px!important;background:#fff!important;color:#4a627d!important;font-size:10px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;gap:6px!important}.zh-row-action:hover{background:#eff7ff!important;color:var(--zhp-blue)!important;border-color:#cae2f8!important}
.zh-table-scroll{overflow:auto!important}.zh-table-mini{width:100%!important;border-collapse:collapse!important;min-width:500px!important}.zh-table-mini th{background:#f8fafc!important;color:#7d8b9c!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.08em!important}.zh-table-mini th,.zh-table-mini td{padding:12px 16px!important;border-bottom:1px solid #eef2f6!important;text-align:left!important}.zh-table-mini td{font-size:11px!important;color:#465a72!important}.zh-table-mini tbody tr:hover{background:#fbfdff!important}
.zh-empty-inline{padding:28px!important;text-align:center!important;color:#8494a8!important;font-size:11px!important}.zh-empty-inline strong{display:block!important;color:#33475f!important;margin-bottom:4px!important}

/* ---- service/domain/order/invoice lists ---------------------------------- */
.portal-cards{display:grid!important;gap:14px!important}.service-card,.service-card-premium,.domain-list-card{
  border:1px solid var(--zhp-line)!important;border-radius:17px!important;background:#fff!important;box-shadow:var(--zhp-shadow)!important;transition:.2s ease!important;
}
.service-card:hover,.service-card-premium:hover,.domain-list-card:hover{border-color:#d3e5f6!important;box-shadow:var(--zhp-shadow-hover)!important;transform:translateY(-2px)!important}
.service-card{padding:18px!important;display:flex!important;align-items:center!important;gap:16px!important}.service-card-icon{width:54px!important;height:54px!important;flex:0 0 54px!important;border-radius:15px!important;background:linear-gradient(145deg,#edf7ff,#e4f1ff)!important;color:var(--zhp-blue)!important;display:grid!important;place-items:center!important}.service-card-main{min-width:0!important;flex:1!important}.service-card-main h2{margin:0 0 5px!important;color:var(--zhp-navy)!important;font-size:17px!important}.service-card-main p{margin:0!important;color:var(--zhp-muted)!important;font-size:11.5px!important}.service-actions{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important}
.empty-portal{padding:58px 24px!important;text-align:center!important}.empty-icon{width:58px!important;height:58px!important;border-radius:17px!important;margin:0 auto 13px!important;background:#edf6ff!important;color:var(--zhp-blue)!important;display:grid!important;place-items:center!important;font-size:24px!important}.empty-icon svg{width:25px!important;height:25px!important;stroke:currentColor!important;fill:none!important}.empty-portal h2{margin:0 0 7px!important;color:var(--zhp-navy)!important;font-size:19px!important}.empty-portal p{margin:0 auto 18px!important;color:var(--zhp-muted)!important;font-size:12px!important;line-height:1.6!important;max-width:520px!important}
.domain-manager-panel{margin-top:18px!important}.domain-manager-card{border:1px solid var(--zhp-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--zhp-shadow)!important;overflow:hidden!important}.domain-manager-head{padding:19px 21px!important;border-bottom:1px solid #edf2f7!important}.domain-tabs{padding:10px!important;background:#f7f9fc!important;border-bottom:1px solid #e8eef5!important}.domain-tabs button{border-radius:10px!important}.domain-control-block{border:1px solid #e5ecf3!important;border-radius:14px!important;background:#fbfdff!important;padding:17px!important}.domain-control-title h3{color:var(--zhp-navy)!important}.domain-safe-note{border-radius:12px!important}

.table-wrap{overflow:auto!important;scrollbar-width:thin;scrollbar-color:#d6e2ee transparent}.table-wrap table{width:100%!important;min-width:760px!important;border-collapse:separate!important;border-spacing:0!important}.table-wrap thead th{position:sticky;top:0;z-index:1;background:#f7f9fc!important;color:#78889c!important;font-size:10px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.075em!important}.table-wrap th,.table-wrap td{padding:15px 18px!important;border-bottom:1px solid #edf2f6!important;text-align:left!important}.table-wrap tbody td{color:#40546d!important;font-size:12px!important}.table-wrap tbody tr{transition:.15s ease!important}.table-wrap tbody tr:hover{background:#fbfdff!important}.table-wrap tbody tr:last-child td{border-bottom:0!important}.zh-pkr{color:#0f9a68!important;font-weight:800!important;font-size:10.5px!important;margin-top:3px!important}

/* ---- payments ------------------------------------------------------------ */
.zh-payments-page{gap:20px!important}.zh-pay-head h1{font-size:34px!important;letter-spacing:-1px!important}.zh-wallet-hero{
  border-radius:22px!important;padding:27px 30px!important;min-height:208px!important;grid-template-columns:minmax(300px,1fr) 330px!important;
  background:linear-gradient(104deg,#0e84f6 0%,#0975ed 50%,#135fda 100%)!important;border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 20px 46px rgba(6,100,218,.18)!important;
}
.zh-wallet-copy small{font-size:12px!important;color:#dcefff!important}.zh-wallet-copy h2{font-size:clamp(46px,4.7vw,68px)!important;letter-spacing:-2px!important}.zh-wallet-copy p{font-size:13px!important;max-width:420px!important;color:#e8f4ff!important}.zh-wallet-copy .btn{height:47px!important;min-height:47px!important;padding:0 22px!important;border-radius:12px!important;background:#fff!important;color:#0b6ce6!important;font-size:13px!important;box-shadow:0 10px 24px rgba(0,48,115,.16)!important}.zh-wallet-art{transform:scale(.98)}
.zh-payments-section-title{margin-top:2px!important}.zh-payments-section-title h3{font-size:17px!important;color:var(--zhp-navy)!important}.zh-method-note{color:var(--zhp-muted)!important;font-size:11px!important}.zh-payment-method-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}.zh-pay-method-card{min-height:88px!important;padding:14px!important;border:1px solid var(--zhp-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--zhp-shadow)!important;transition:.18s ease!important;text-align:left!important}.zh-pay-method-card:hover{transform:translateY(-2px)!important;border-color:#cfe2f5!important;box-shadow:var(--zhp-shadow-hover)!important}.zh-pay-method-card strong{color:#253851!important;font-size:12px!important}.zh-pay-method-card small{color:#8493a6!important;font-size:9.5px!important}.zh-pay-method-card .go{color:var(--zhp-blue)!important}.zh-logo-box{border:1px solid #e4eaf1!important;background:#fff!important;border-radius:10px!important;box-shadow:0 3px 10px rgba(20,48,80,.04)!important}
.zh-payments-table-panel{border-radius:18px!important}.zh-table-head{padding:16px 18px!important;border-bottom:1px solid #edf2f7!important}.zh-payments-toolbar{display:flex!important;align-items:center!important;gap:10px!important}.zh-pay-search{position:relative!important}.zh-pay-search input{min-width:230px!important}.zh-action-dots{width:34px!important;height:34px!important;border:1px solid #e0e8f0!important;border-radius:10px!important;background:#fff!important;color:#63758a!important;display:grid!important;place-items:center!important}.zh-action-dots:hover{background:#eff7ff!important;color:var(--zhp-blue)!important}.zh-col-date small,.zh-method-info small,.zh-description small{display:block!important;color:#8a98aa!important;font-size:9.5px!important;margin-top:3px!important}.zh-method-info{display:flex!important;align-items:center!important;gap:9px!important}.zh-amount{font-weight:900!important;color:#22364f!important}.zh-empty-payments{padding:40px 20px!important;text-align:center!important}
.zh-wallet-modal{backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}.zh-wallet-dialog{border:1px solid #dfe9f2!important;border-radius:22px!important;background:#fff!important;box-shadow:0 28px 90px rgba(14,40,72,.28)!important}.zh-wallet-method-pick button{border-radius:13px!important}.zh-wallet-method-pick button.active{border-color:#85c2f8!important;background:#eef7ff!important;box-shadow:0 0 0 3px rgba(8,124,240,.07)!important}

/* ---- tickets ------------------------------------------------------------- */
.ticket-layout{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr)!important;gap:18px!important;align-items:start!important}.ticket-layout .panel{padding:20px!important}.ticket-layout .ticket-thread-panel{grid-column:1/-1!important}.ticket-click{border:1px solid #e4ebf2!important;border-radius:14px!important;background:#fff!important;transition:.18s ease!important}.ticket-click:hover{border-color:#c7dff5!important;box-shadow:0 10px 25px rgba(8,94,177,.07)!important}.ticket-row{padding:15px!important;border:0!important;margin:0!important}.ticket-row h3{color:#1e3149!important;font-size:14px!important}.ticket-row p{color:var(--zhp-muted)!important;font-size:11px!important}.ticket-message{border-radius:15px!important;border-color:#e2eaf2!important;background:#f8fafc!important}.ticket-message.admin-msg{background:#eef7ff!important;border-color:#d2e8fb!important}.ticket-reply{border-top-color:#e6edf4!important}.ticket-reply-bar{align-items:center!important}
.mobile-ticket-fab{box-shadow:0 12px 28px rgba(8,124,240,.28)!important}

/* ---- profile / security / settings -------------------------------------- */
.profile-panel{max-width:980px!important;padding:24px!important}.profile-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}.profile-grid input,.profile-grid select{margin:0!important}.billing-note{border-radius:14px!important;background:#f0f7ff!important;border:1px solid #dbeeff!important;color:#52708e!important;padding:14px 15px!important}
.security-card{max-width:780px!important;margin-bottom:16px!important}.security-card h2,.security-info h2{margin:0 0 8px!important;color:var(--zhp-navy)!important;font-size:18px!important}.muted{color:var(--zhp-muted)!important;font-size:12px!important;line-height:1.55!important}.twofa-box{border:1px solid #e2eaf2!important;border-radius:14px!important;background:#f9fbfd!important;padding:15px!important}.security-info{max-width:780px!important}.security-row{padding:13px 0!important;border-bottom:1px solid #edf2f6!important;color:#4b6179!important;font-size:12px!important}
.client-settings-grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)!important;gap:18px!important;align-items:start!important}.client-settings-card{padding:22px!important}.client-settings-card h2{margin:6px 0 7px!important;color:var(--zhp-navy)!important;font-size:19px!important}.client-settings-card>p{margin:0 0 17px!important;color:var(--zhp-muted)!important;font-size:12px!important;line-height:1.55!important}.client-settings-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}.client-settings-form.single{grid-template-columns:1fr!important}.client-settings-form label{display:grid!important;gap:6px!important}.client-settings-actions{display:flex!important;gap:9px!important;flex-wrap:wrap!important;margin-top:16px!important}.client-2fa{margin-top:20px!important;padding:16px!important;border:1px solid #e3ebf3!important;border-radius:15px!important;background:#f9fbfd!important}.client-2fa h3{margin:0 0 4px!important;color:#293e57!important;font-size:14px!important}.client-2fa p{margin:0!important;color:var(--zhp-muted)!important;font-size:11px!important}.client-account-row{min-height:45px!important;border-bottom:1px solid #edf2f6!important}.client-settings-note{margin-top:14px!important;padding:13px!important;border-radius:12px!important;background:#f4f8fc!important;color:#6b7d91!important;font-size:11px!important;line-height:1.55!important}

/* ---- notifications ------------------------------------------------------- */
.notification-list{display:grid!important;gap:12px!important}.notification-item{position:relative!important;display:flex!important;gap:14px!important;padding:17px!important;border:1px solid var(--zhp-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--zhp-shadow)!important;transition:.18s ease!important;cursor:pointer!important}.notification-item:hover{transform:translateY(-2px)!important;border-color:#d4e5f4!important;box-shadow:var(--zhp-shadow-hover)!important}.notification-icon{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:13px!important;background:#edf6ff!important;color:var(--zhp-blue)!important;display:grid!important;place-items:center!important}.notification-icon svg{width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important}.notification-copy{min-width:0!important;flex:1!important}.notification-copy b{color:#243850!important;font-size:13px!important}.notification-copy p{margin:4px 0 6px!important;color:var(--zhp-muted)!important;font-size:11.5px!important;line-height:1.55!important}.notification-copy small{color:#94a1b1!important;font-size:10px!important}.notification-link{display:inline-flex!important;margin-top:7px!important;color:var(--zhp-blue)!important;font-size:10.5px!important;font-weight:850!important}

/* ---- mobile generated helpers ------------------------------------------- */
.mobile-list-tools,.mobile-settings-screen,.mobile-settings-menu,.zh-mobile-detail-screen,.zh-domain-detail-screen{max-width:none!important}.mobile-search-field{border-color:#e2eaf2!important;background:#fff!important;box-shadow:0 5px 16px rgba(23,55,88,.035)!important}.mobile-filter-chips button{transition:.18s ease!important}.mobile-filter-chips button.active{box-shadow:0 7px 18px rgba(8,124,240,.18)!important}.zh-setting-row,.mobile-settings-menu>button,.mobile-settings-menu>label{border-color:#e6edf4!important;background:#fff!important}.zh-security-info-toast{border-radius:14px!important;box-shadow:0 16px 45px rgba(14,43,76,.18)!important}
.mobile-page-action-v416{display:none}

/* ---- dark mode cleanup --------------------------------------------------- */
body.portal-dark,html.portal-dark-preload body.client-body{
  --zhp-bg:#0f1724;--zhp-card:#151f2e;--zhp-text:#e8eff8;--zhp-navy:#f1f6fc;--zhp-muted:#91a2b7;--zhp-line:#263447;--zhp-line-strong:#314258;--zhp-soft:#172a40;
  background:radial-gradient(circle at 80% -10%,rgba(21,124,238,.14),transparent 28%),#0f1724!important;color:#e8eff8!important;
}
body.portal-dark .client-sidebar,body.portal-dark .client-brand,body.portal-dark .zh-portal-topbar,body.portal-dark .panel,body.portal-dark .zh-panel,body.portal-dark .metric,body.portal-dark .service-card,body.portal-dark .service-card-premium,body.portal-dark .domain-list-card,body.portal-dark .client-settings-card,body.portal-dark .notification-item,body.portal-dark .zh-pay-method-card{background:#151f2e!important;border-color:#273649!important;color:#e8eff8!important}
body.portal-dark .zh-portal-topbar{background:rgba(20,30,44,.9)!important}.portal-dark .zh-search-input,.portal-dark input:not([type=checkbox]):not([type=radio]),.portal-dark select,.portal-dark textarea{background:#101a28!important;border-color:#2b3a4d!important;color:#e7eef7!important}.portal-dark .client-nav a{color:#a9b7c9!important}.portal-dark .client-nav a:hover{background:#172638!important}.portal-dark .client-nav a.selected{background:#18304a!important;border-color:#21466b!important;color:#68b9ff!important}.portal-dark .zh-welcome-copy h1,.portal-dark .portal-page-head h1,.portal-dark .zh-panel-head h2,.portal-dark .service-card-main h2,.portal-dark .client-settings-card h2,.portal-dark .security-card h2,.portal-dark .security-info h2{color:#f0f5fb!important}.portal-dark .table-wrap thead th{background:#121c2a!important}.portal-dark .table-wrap tbody tr:hover{background:#172433!important}.portal-dark .btn.ghost{background:#172332!important;color:#b8c8da!important;border-color:#314258!important}.portal-dark .notification-copy b{color:#e5edf6!important}.portal-dark .side-help{background:linear-gradient(145deg,#172637,#142131)!important;border-color:#27415d!important}.portal-dark .zh-user-popover,.portal-dark .notify-popover{background:#151f2e!important;border-color:#2d3d50!important}

/* ========================================================================
   Responsive tablet/mobile app layout
   ====================================================================== */
@media(max-width:1100px) and (min-width:901px){
  .zh-dashboard-hero{grid-template-columns:1fr!important}.zh-promo-card{min-height:130px!important}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.client-settings-grid{grid-template-columns:1fr!important}.zh-payment-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:900px){
  :root{--zhp-mobile-top:64px;--zhp-mobile-bottom:66px}
  body.client-body{padding:0!important;background:#f5f8fc!important}
  body.client-body.zh-drawer-open{overflow:hidden!important}
  .zh-desktop-topbar{display:none!important}.client-brand{display:none!important}.side-help{display:none!important}
  .client-sidebar{
    display:flex!important;position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:0!important;width:min(86vw,344px)!important;height:100dvh!important;
    padding:0 14px 18px!important;border:0!important;border-right:1px solid #dce6f0!important;border-radius:0 22px 22px 0!important;background:#fff!important;
    box-shadow:22px 0 62px rgba(10,34,60,.2)!important;transform:translate3d(-105%,0,0)!important;pointer-events:none!important;z-index:10002!important;overflow-y:auto!important;
    transition:transform .24s cubic-bezier(.2,.8,.2,1)!important;
  }
  .client-sidebar.open{transform:translate3d(0,0,0)!important;pointer-events:auto!important}
  .mobile-drawer-head{display:flex!important;height:72px!important;min-height:72px!important;margin:0 -14px 9px!important;padding:0 16px 0 18px!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #edf2f7!important}
  .mobile-drawer-logo img{display:block!important;height:38px!important;max-width:174px!important;width:auto!important}.mobile-drawer-head button{width:38px!important;height:38px!important;border:1px solid #e1eaf2!important;border-radius:12px!important;background:#f7f9fc!important;color:#516a84!important;display:grid!important;place-items:center!important}.mobile-drawer-head button svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important}
  .client-nav{gap:4px!important;margin:7px 0 14px!important}.client-nav a{min-height:46px!important;border-radius:12px!important;font-size:12.5px!important;padding:0 14px!important}.client-nav a.selected:before{left:-14px!important}.mobile-drawer-logout{display:flex!important;margin-top:auto!important;min-height:46px!important;padding:0 14px!important;border-radius:12px!important;align-items:center!important;gap:12px!important;color:#d34756!important;background:#fff4f5!important;border:1px solid #ffe0e4!important;font-size:12px!important;font-weight:850!important}.mobile-drawer-logout svg{width:19px!important;height:19px!important;stroke:currentColor!important;fill:none!important}
  .client-sidebar-overlay{display:block!important;position:fixed!important;inset:0!important;z-index:10001!important;background:rgba(9,27,49,.52)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:.2s ease!important}.client-sidebar-overlay.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}

  .zh-mobile-topbar{
    display:grid!important;position:fixed!important;left:0!important;right:0!important;top:0!important;height:calc(var(--zhp-mobile-top) + env(safe-area-inset-top))!important;z-index:900!important;
    grid-template-columns:46px 1fr 46px!important;align-items:end!important;padding:env(safe-area-inset-top) 12px 8px!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid #e5edf5!important;
    backdrop-filter:blur(17px)!important;-webkit-backdrop-filter:blur(17px)!important;box-shadow:0 4px 20px rgba(18,47,81,.05)!important;
  }
  .zh-mobile-topbar.dashboard-top{grid-template-columns:46px 1fr 42px 44px!important;gap:5px!important}.zh-mobile-top-action,.zh-mobile-back,.zh-mobile-more,.zh-mobile-notify{width:40px!important;height:40px!important;border:1px solid #e4ebf3!important;border-radius:12px!important;background:#f8fafc!important;color:#425f7e!important;display:grid!important;place-items:center!important;align-self:center!important}.zh-mobile-top-action svg,.zh-mobile-back svg,.zh-mobile-more svg,.zh-mobile-notify svg{width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important}.zh-mobile-logo{display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;min-width:0!important}.zh-mobile-logo img{display:block!important;height:37px!important;max-width:154px!important;width:auto!important}.zh-mobile-profile{display:flex!important;align-items:center!important;justify-content:center!important;gap:1px!important;align-self:center!important}.zh-mobile-profile>span{width:38px!important;height:38px!important;border-radius:12px!important;background:linear-gradient(145deg,#168efa,#0a69e6)!important;color:#fff!important;display:grid!important;place-items:center!important;border:3px solid #e7f3ff!important}.zh-mobile-profile>svg{width:13px!important;height:13px!important;color:#6f8298!important}.zh-mobile-page-title{align-self:center!important;text-align:center!important;font-size:16px!important;line-height:1.2!important;color:#1a2a42!important;font-weight:900!important;letter-spacing:-.2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.zh-mobile-notify{position:relative!important}.zh-mobile-notify .notify-count{right:-4px!important;top:-5px!important}

  .zh-mobile-bottom-nav{
    display:grid!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:calc(var(--zhp-mobile-bottom) + env(safe-area-inset-bottom))!important;z-index:900!important;
    grid-template-columns:repeat(5,1fr)!important;padding:5px 7px env(safe-area-inset-bottom)!important;background:rgba(255,255,255,.97)!important;border-top:1px solid #e3ebf3!important;
    box-shadow:0 -8px 28px rgba(19,48,82,.07)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
  }
  .zh-mobile-bottom-nav a,.zh-mobile-bottom-nav button{min-width:0!important;border:0!important;background:transparent!important;border-radius:13px!important;padding:5px 2px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;color:#677b93!important;font-size:9px!important;font-weight:750!important;line-height:1!important;cursor:pointer!important}.zh-mobile-bottom-nav svg{width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important}.zh-mobile-bottom-nav .selected{background:#eaf4ff!important;color:#0877e9!important;font-weight:900!important}.zh-mobile-bottom-nav .selected svg{stroke-width:2.2!important}

  .client-content{margin-left:0!important;padding:calc(var(--zhp-mobile-top) + env(safe-area-inset-top) + 18px) 15px calc(var(--zhp-mobile-bottom) + env(safe-area-inset-bottom) + 28px)!important;min-height:100dvh!important;background:transparent!important}.client-content>*{max-width:none!important}
  .portal-page-head{margin-bottom:15px!important;align-items:center!important}.portal-page-head .eyebrow{display:none!important}.portal-page-head h1{font-size:24px!important;margin:0 0 5px!important}.portal-page-head p{font-size:11.5px!important}.portal-page-head>.btn,.portal-page-head>a.btn{min-height:39px!important;padding:0 13px!important;font-size:10.5px!important}

  .panel,.client-settings-card,.zh-panel{border-radius:16px!important;box-shadow:0 8px 26px rgba(22,55,89,.055)!important}.panel{padding:16px!important}.table-panel{padding:0!important}
  .btn,.mobile-primary-action{min-height:42px!important;border-radius:11px!important;padding:0 15px!important;font-size:11px!important}
  .mobile-page-action-v416{display:flex!important;width:100%!important;margin:0 0 13px!important}

  /* dashboard */
  .zh-dashboard-hero{display:block!important;margin-bottom:14px!important}.zh-welcome-copy{padding:1px 1px 14px!important}.zh-welcome-copy h1{font-size:27px!important;letter-spacing:-.8px!important;margin-bottom:5px!important}.zh-welcome-copy p{font-size:11px!important}.zh-promo-card{min-height:124px!important;padding:19px 135px 18px 18px!important;border-radius:17px!important}.zh-promo-card h3{font-size:15px!important}.zh-promo-card p{font-size:9.5px!important;line-height:1.45!important;margin-bottom:12px!important}.zh-promo-btn{min-height:33px!important;padding:0 11px!important;font-size:9.5px!important}.zh-server-art{right:7px!important;bottom:7px!important;transform:scale(.72)!important;transform-origin:right bottom!important}.zh-promo-close{width:25px!important;height:25px!important;right:8px!important;top:8px!important}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important}.metric{min-height:108px!important;padding:13px 11px!important;border-radius:15px!important;gap:9px!important}.metric:hover{transform:none!important}.zh-card-icon{width:41px!important;height:41px!important;flex-basis:41px!important;border-radius:13px!important}.zh-card-icon svg{width:19px!important;height:19px!important}.metric small{font-size:9.5px!important}.metric strong{font-size:24px!important;margin-top:4px!important}.metric em{font-size:8.5px!important}.zh-dashboard-grid{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:12px!important}.zh-dashboard-grid + .zh-dashboard-grid{grid-template-columns:1fr!important}.zh-panel-head{height:50px!important;padding:0 14px!important}.zh-panel-head h2{font-size:13px!important}.zh-panel-head a{font-size:9.5px!important}.zh-list-row{min-height:65px!important;padding:11px 13px!important}.zh-row-icon{width:39px!important;height:39px!important;flex-basis:39px!important}.zh-row-copy strong{font-size:11.5px!important}.zh-row-copy small{font-size:9px!important}.zh-table-scroll{overflow:auto!important}.zh-table-mini{min-width:500px!important}

  /* list pages */
  .portal-cards{gap:11px!important}.service-card{padding:14px!important;border-radius:15px!important;gap:12px!important}.service-card:hover,.domain-list-card:hover{transform:none!important}.service-card-icon{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:14px!important}.service-card-main h2{font-size:14px!important}.service-card-main p{font-size:10.5px!important}.service-actions{gap:7px!important}
  .mobile-list-tools{margin-bottom:13px!important}.mobile-search-field{height:44px!important;border-radius:13px!important}.mobile-search-field input{font-size:12px!important}.mobile-filter-chips{gap:8px!important;margin-top:10px!important;overflow-x:auto!important;scrollbar-width:none!important}.mobile-filter-chips::-webkit-scrollbar{display:none}.mobile-filter-chips button{height:35px!important;min-width:70px!important;padding:0 14px!important;border-radius:999px!important;border:1px solid #e0e9f2!important;background:#fff!important;color:#52677e!important;font-size:10.5px!important;font-weight:800!important;white-space:nowrap!important}.mobile-filter-chips button.active{background:linear-gradient(135deg,#148bf9,#0a6be8)!important;color:#fff!important;border-color:#0d74eb!important}
  .zh-mobile-service-card,.zh-mobile-domain-card{border-radius:16px!important;border:1px solid #e5ecf3!important;background:#fff!important;box-shadow:0 8px 24px rgba(23,56,90,.055)!important}.zh-mobile-service-summary,.zh-mobile-domain-summary{padding:15px!important}.zh-mobile-service-main h2,.zh-mobile-domain-main h2{font-size:14px!important;color:#1a2b43!important}.zh-mobile-service-main p,.zh-mobile-domain-main p{font-size:10.5px!important;color:#78899e!important}.mobile-card-chevron{color:var(--zhp-blue)!important}
  .zh-mobile-detail-screen,.zh-domain-detail-screen{background:#f5f8fc!important}.zh-mobile-detail-hero,.zh-domain-detail-hero{text-align:center!important}.zh-service-detail-tabs,.zh-domain-tabs{gap:7px!important}.zh-service-detail-tabs button,.zh-domain-tabs button{min-height:38px!important;border-radius:11px!important;font-size:10.5px!important}.zh-service-overview-table,.zh-domain-overview-table{border-radius:14px!important;border:1px solid #e4ebf3!important;background:#fff!important}

  /* mobile tables rendered as cards by legacy mobile layer */
  .table-wrap{overflow:visible!important}.table-wrap table{min-width:0!important}.table-wrap thead{display:none!important}.table-wrap tbody{display:grid!important;gap:10px!important;padding:0!important}.table-wrap tbody tr{display:grid!important;border:1px solid #e4ebf3!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 22px rgba(22,55,89,.05)!important;overflow:hidden!important}.table-wrap tbody td{border:0!important;padding:11px 13px!important;font-size:11px!important}.table-wrap tbody tr:hover{background:#fff!important}

  /* payments */
  .zh-payments-page{gap:14px!important}.zh-pay-head{display:none!important}.zh-wallet-hero{grid-template-columns:1fr!important;min-height:auto!important;padding:20px!important;border-radius:18px!important}.zh-wallet-copy small{font-size:10px!important}.zh-wallet-copy h2{font-size:43px!important}.zh-wallet-copy p{font-size:11px!important;margin:10px 0 16px!important}.zh-wallet-copy .btn{height:42px!important;min-height:42px!important;font-size:11.5px!important}.zh-wallet-art-wrap{display:none!important}.zh-payment-methods-desktop{display:none!important}.mobile-payment-methods{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.mobile-payment-method{border-radius:15px!important;border:1px solid #e4ebf3!important;background:#fff!important;box-shadow:0 7px 21px rgba(23,55,89,.05)!important}.zh-payments-table-panel{border-radius:16px!important}.zh-table-head{padding:13px!important}.zh-payments-toolbar{width:100%!important;display:grid!important;grid-template-columns:1fr 112px!important}.zh-pay-search input{min-width:0!important}.zh-payments-page .table-wrap tbody{gap:9px!important}.zh-payments-page .table-wrap tbody tr{grid-template-columns:1fr auto!important;align-items:center!important;padding:12px 13px!important}.zh-payments-page .table-wrap tbody td{padding:2px 0!important}.zh-payments-page .mobile-main-cell{grid-column:1/2!important;display:flex!important;align-items:center!important;gap:9px!important}.zh-payments-page .mobile-main-cell span b{display:block!important;font-size:11.5px!important;color:#263b54!important}.zh-payments-page .mobile-main-cell span small{font-size:9px!important;color:#8595a8!important}.zh-payments-page .mobile-payment-method,.zh-payments-page .mobile-date-cell{display:none!important}.zh-payments-page .mobile-amount-cell{grid-column:2!important;grid-row:1!important;text-align:right!important;font-weight:900!important;color:#243851!important}.zh-payments-page .mobile-status-cell{grid-column:1/3!important;margin-top:7px!important}

  /* ticket/profile/security/settings */
  .ticket-layout{display:block!important}.ticket-layout>.panel{margin-bottom:12px!important}.ticket-composer{display:none!important}.mobile-ticket-compose .ticket-composer{display:block!important;position:fixed!important;inset:calc(var(--zhp-mobile-top) + env(safe-area-inset-top)) 0 calc(var(--zhp-mobile-bottom) + env(safe-area-inset-bottom))!important;z-index:850!important;border-radius:0!important;overflow:auto!important;background:#f5f8fc!important;padding:17px 15px!important}.ticket-row{padding:13px!important}.ticket-row h3{font-size:13px!important}.ticket-row p{font-size:10px!important}.ticket-thread-panel{border-radius:16px!important}.ticket-message{max-width:90%!important;padding:11px 12px!important;font-size:11px!important}.profile-panel{padding:16px!important}.profile-grid{grid-template-columns:1fr!important;gap:10px!important}.security-card,.security-info{max-width:none!important}.client-settings-grid{display:block!important}.client-settings-card{margin-bottom:12px!important;padding:17px!important}.client-settings-form{grid-template-columns:1fr!important;gap:10px!important}.mobile-settings-screen h3{font-size:12px!important;color:#415870!important;margin:16px 2px 8px!important}.mobile-settings-menu{border-radius:16px!important;overflow:hidden!important;box-shadow:0 7px 22px rgba(22,55,89,.05)!important}.zh-setting-row,.mobile-settings-menu>button,.mobile-settings-menu>label{min-height:58px!important;padding:10px 13px!important}.zh-setting-row b,.mobile-settings-menu b{font-size:11.5px!important}.zh-setting-row small,.mobile-settings-menu small{font-size:9.5px!important;color:#8695a7!important}
  .notification-item{padding:14px!important;border-radius:15px!important}.notification-item:hover{transform:none!important}.notification-icon{width:40px!important;height:40px!important;flex-basis:40px!important}.notification-copy b{font-size:12px!important}.notification-copy p{font-size:10.5px!important}.notification-copy small{font-size:9px!important}

  body.portal-dark{background:#0f1724!important}.portal-dark .zh-mobile-topbar,.portal-dark .zh-mobile-bottom-nav,.portal-dark .client-sidebar{background:rgba(20,30,44,.97)!important;border-color:#29384b!important}.portal-dark .zh-mobile-page-title{color:#f0f5fb!important}.portal-dark .zh-mobile-top-action,.portal-dark .zh-mobile-back,.portal-dark .zh-mobile-more,.portal-dark .zh-mobile-notify{background:#172332!important;border-color:#2d3d50!important;color:#bdcadd!important}.portal-dark .zh-mobile-bottom-nav a,.portal-dark .zh-mobile-bottom-nav button{color:#91a2b7!important}.portal-dark .zh-mobile-bottom-nav .selected{background:#19334d!important;color:#65b6ff!important}.portal-dark .table-wrap tbody tr,.portal-dark .zh-mobile-service-card,.portal-dark .zh-mobile-domain-card,.portal-dark .mobile-payment-method,.portal-dark .mobile-settings-menu{background:#151f2e!important;border-color:#273649!important}
}

@media(max-width:700px){
  .portal-page-head{display:none!important}
  .mobile-page-action-v416{display:flex!important}
  body[data-portal-page="dashboard"] .mobile-page-action-v416,body[data-portal-page="payments"] .mobile-page-action-v416{display:none!important}
  .client-content{padding-left:13px!important;padding-right:13px!important}
  .empty-portal{padding:42px 18px!important}.empty-icon{width:52px!important;height:52px!important}
}

@media(max-width:390px){
  .client-content{padding-left:11px!important;padding-right:11px!important}.zh-mobile-topbar{padding-left:10px!important;padding-right:10px!important}.zh-mobile-logo img{max-width:142px!important;height:35px!important}.zh-welcome-copy h1{font-size:25px!important}.zh-promo-card{padding-right:122px!important}.metric{padding:12px 9px!important}.metric strong{font-size:22px!important}.zh-card-icon{width:38px!important;height:38px!important;flex-basis:38px!important}.zh-payments-toolbar{grid-template-columns:1fr 100px!important}.mobile-payment-methods{gap:8px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}