/* ZinkHost Client Portal — reference-matched light dashboard */
:root{
  --cp-blue:#0b7ef2;
  --cp-blue-dark:#075bd8;
  --cp-blue-soft:#edf6ff;
  --cp-bg:#f4f7fb;
  --cp-card:#ffffff;
  --cp-text:#101b34;
  --cp-muted:#74839a;
  --cp-border:#e1e8f1;
  --cp-green:#11b981;
  --cp-green-soft:#e6f8f1;
  --cp-red:#f04455;
  --cp-red-soft:#ffecef;
  --cp-purple:#8b5cf6;
  --cp-purple-soft:#f0eaff;
  --cp-orange:#f59e42;
  --cp-orange-soft:#fff2e4;
  --cp-sidebar:256px;
  --cp-topbar:74px;
  --cp-shadow:0 8px 28px rgba(22,48,80,.055);
}

*{box-sizing:border-box}
body.client-body{margin:0;background:var(--cp-bg)!important;color:var(--cp-text);min-height:100vh;overflow-x:hidden}
body.client-body > .premium-footer{display:none!important}
.client-body a{text-decoration:none}

/* Fixed app shell */
.client-header{height:var(--cp-topbar);position:relative;z-index:150}
.zh-portal-topbar{position:fixed;z-index:150;left:var(--cp-sidebar);right:0;top:0;height:var(--cp-topbar);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 26px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--cp-border);box-shadow:0 2px 10px rgba(30,58,90,.025);backdrop-filter:blur(14px)}
.zh-topbar-left,.zh-topbar-right{display:flex;align-items:center;gap:14px}.zh-topbar-left{min-width:0;flex:1}.zh-topbar-right{flex:0 0 auto}
.zh-menu-btn,.zh-round-action{width:42px;height:42px;border:1px solid #e3ebf4;border-radius:11px;background:#f7f9fc;color:#42627f;display:grid;place-items:center;cursor:pointer;transition:.18s ease}.zh-menu-btn:hover,.zh-round-action:hover{background:#edf6ff;border-color:#cce4fb;color:var(--cp-blue)}
.zh-menu-btn svg,.zh-round-action svg,.client-nav svg,.zh-card-icon svg,.zh-row-icon svg,.side-help-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.zh-search-wrap{position:relative;width:min(440px,45vw)}.zh-search-wrap>svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#75869d;stroke:currentColor;fill:none;stroke-width:2}
.zh-search-input{width:100%;height:42px;border:1px solid #e4ebf3;border-radius:11px;background:#f3f6fa;color:#24344e;padding:0 16px 0 43px;outline:0;font:inherit;font-size:13px;transition:.18s ease}.zh-search-input::placeholder{color:#8694a7}.zh-search-input:focus{background:#fff;border-color:#b8daf9;box-shadow:0 0 0 3px rgba(11,126,242,.08)}
.zh-mobile-brand{display:none;align-items:center;gap:8px;font-weight:900;font-size:20px;color:#101b34}.zh-mobile-brand img{width:30px;height:30px}

.zh-portal-topbar .notify-wrap{position:relative}.zh-portal-topbar .notify-bell{width:42px;height:42px;border:1px solid #e3ebf4;border-radius:11px;background:#f7f9fc;color:#2f5f8a;display:grid;place-items:center;font-size:0;cursor:pointer;position:relative}.zh-portal-topbar .notify-bell svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9}.zh-portal-topbar .notify-count{right:-3px;top:-5px}
.zh-user-menu-wrap{position:relative}.zh-user-chip{border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:4px 2px 4px 4px;cursor:pointer;color:var(--cp-text);text-align:left}.zh-user-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0a84f7,#28b8f8);color:#fff;font-size:16px;font-weight:900;box-shadow:0 4px 12px rgba(11,126,242,.22);border:3px solid #e9f4ff}.zh-user-copy{display:flex;flex-direction:column;line-height:1.12;min-width:88px}.zh-user-copy strong{font-size:13px;white-space:nowrap;max-width:135px;overflow:hidden;text-overflow:ellipsis}.zh-user-copy small{margin-top:4px;color:#8592a5;font-size:10px}.zh-user-chip>svg{width:15px;height:15px;stroke:#64758c;fill:none;stroke-width:2}
.zh-user-popover{display:none;position:absolute;right:0;top:52px;width:190px;background:#fff;border:1px solid var(--cp-border);border-radius:13px;box-shadow:0 18px 45px rgba(24,52,82,.15);padding:7px;z-index:1000}.zh-user-popover.open{display:block}.zh-user-popover a{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:9px;color:#51627a;font-size:12px;font-weight:700}.zh-user-popover a:hover{background:#f0f7ff;color:var(--cp-blue)}.zh-user-popover svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9}

.client-shell{display:block!important;max-width:none!important;margin:0!important;min-height:100vh!important}.client-sidebar{position:fixed!important;z-index:160;left:0;top:0;bottom:0;width:var(--cp-sidebar);height:100vh;background:#fff!important;border-right:1px solid var(--cp-border)!important;padding:0 14px 18px!important;display:flex!important;flex-direction:column!important;overflow:auto;transition:transform .24s ease;box-shadow:none!important}
.client-brand{height:var(--cp-topbar);display:flex;align-items:center;padding:0 22px;border-bottom:1px solid #edf1f5;margin:0 -14px 8px;color:#101b34}.client-brand img{height:36px;width:auto;max-width:182px;display:block}
.client-nav{display:grid!important;gap:4px!important;margin:8px 0 14px!important}.client-nav a{position:relative;min-height:49px;padding:0 17px!important;border-radius:10px!important;color:#33445d!important;font-size:13px;font-weight:650!important;display:flex!important;align-items:center!important;gap:14px!important;transition:.18s ease}.client-nav a svg{color:#3f6f9f;flex:0 0 21px}.client-nav a:hover{background:#f5f9fd!important;color:var(--cp-blue)!important}.client-nav a.selected{background:#edf6ff!important;color:#075bc4!important;font-weight:750!important}.client-nav a.selected:before{content:"";position:absolute;left:-14px;top:5px;bottom:5px;width:5px;border-radius:0 5px 5px 0;background:var(--cp-blue)}.client-nav a.selected svg{color:var(--cp-blue)}
.side-help{margin-top:auto!important;border:0!important;border-radius:13px!important;background:linear-gradient(150deg,#f4f9ff,#eaf4ff)!important;padding:19px 16px!important;text-align:center;box-shadow:none}.side-help-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;margin:0 auto 11px;background:#dcecff;color:var(--cp-blue)}.side-help b{display:block;font-size:14px!important;color:#18243a}.side-help p{margin:6px 0 13px!important;color:#677991!important;font-size:11px!important;line-height:1.55!important}.side-help a{display:flex!important;align-items:center;justify-content:center;gap:7px;width:100%;height:40px;border-radius:9px;background:linear-gradient(135deg,#0b82f7,#0b6bea);color:#fff!important;font-size:11px!important;font-weight:800!important;box-shadow:0 7px 18px rgba(11,126,242,.18)}
.client-sidebar-overlay{display:none}

.client-content{margin-left:var(--cp-sidebar)!important;padding:calc(var(--cp-topbar) + 24px) 28px 42px!important;min-width:0!important;max-width:none!important;background:var(--cp-bg);min-height:100vh}.client-content>*{max-width:1260px;margin-left:auto;margin-right:auto}
.client-content.portal-loading{opacity:.45;transform:translateY(4px);transition:.12s ease}

/* Dashboard hero */
.zh-dashboard-hero{display:grid;grid-template-columns:minmax(340px,.82fr) minmax(470px,1.18fr);gap:24px;align-items:center;margin-bottom:18px!important}.zh-welcome-copy h1{font-size:30px;line-height:1.18;letter-spacing:-.9px;margin:0 0 7px;color:#101a31}.zh-welcome-copy p{margin:0;color:#77859a;font-size:13px}.zh-welcome-copy h1 span{color:inherit}.zh-promo-card{position:relative;min-height:118px;border-radius:13px;padding:22px 190px 20px 24px;overflow:hidden;color:#fff;background:linear-gradient(115deg,#1688fb 0%,#086ce9 55%,#0652df 100%);box-shadow:0 10px 24px rgba(9,105,230,.13)}.zh-promo-card h3{font-size:17px;margin:0 0 5px}.zh-promo-card p{font-size:11px;line-height:1.45;margin:0 0 13px;color:rgba(255,255,255,.9)}.zh-promo-card .zh-promo-btn{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#0b70e7;border-radius:8px;padding:9px 14px;font-size:11px;font-weight:800;box-shadow:0 4px 10px rgba(0,0,0,.08)}.zh-promo-close{position:absolute;right:10px;top:10px;width:26px;height:26px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;display:grid;place-items:center}.zh-promo-close svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.zh-server-art{position:absolute;right:32px;bottom:12px;width:128px;height:96px;filter:drop-shadow(0 10px 16px rgba(0,38,120,.24))}.zh-server-stack{position:absolute;left:15px;right:5px;height:31px;border-radius:7px;background:linear-gradient(145deg,#c9edff,#67c8ff 55%,#2596f5);transform:skewY(-11deg);box-shadow:0 7px 10px rgba(0,65,150,.22)}.zh-server-stack:before{content:"";position:absolute;left:12px;top:10px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:13px 0 0 rgba(255,255,255,.7)}.zh-server-stack.s1{bottom:7px}.zh-server-stack.s2{bottom:35px;left:22px;right:11px}.zh-server-stack.s3{bottom:62px;left:30px;right:17px}.zh-server-cube{position:absolute;right:0;top:7px;width:24px;height:24px;border:6px solid rgba(117,219,255,.7);transform:rotate(32deg)}

/* Stat cards */
.metric-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-bottom:18px!important}.metric{position:relative;overflow:hidden;min-height:126px;background:#fff!important;border:1px solid var(--cp-border)!important;border-radius:13px!important;padding:18px 17px!important;display:flex!important;align-items:flex-start!important;gap:13px!important;box-shadow:var(--cp-shadow)!important}.metric:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-36px;height:73px;border-radius:50% 50% 0 0/65% 65% 0 0;background:var(--metric-wave,#edf6ff);opacity:.95;transform:rotate(-3deg)}.metric>div:not(.zh-card-icon){position:relative;z-index:2}.zh-card-icon{position:relative;z-index:2;width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center}.zh-card-icon.blue{background:#e5f2ff;color:#1683ee}.zh-card-icon.green{background:#e5f8f1;color:#16b889}.zh-card-icon.red{background:#ffeaee;color:#f04455}.zh-card-icon.purple{background:#efe9ff;color:#8b5cf6}.metric.blue-wave{--metric-wave:#dff1ff}.metric.green-wave{--metric-wave:#dff8ef}.metric.red-wave{--metric-wave:#ffe4e9}.metric.purple-wave{--metric-wave:#ece5ff}.metric small{font-size:12px!important;color:#35445b!important;font-weight:650!important;display:block!important;margin:2px 0 0}.metric strong{font-size:25px!important;line-height:1!important;margin:9px 0 8px!important;color:#131f37!important;display:block!important}.metric em{font-style:normal!important;font-size:10px!important;color:#3fb595!important;display:block!important}.metric.red-wave em{color:#f04455!important}.metric.purple-wave em{color:#467fe3!important}

/* Dashboard panels */
.zh-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px!important}.zh-panel{background:#fff;border:1px solid var(--cp-border);border-radius:13px;box-shadow:var(--cp-shadow);overflow:hidden}.zh-panel-head{height:54px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f5}.zh-panel-head h2{font-size:15px;margin:0;color:#18243a}.zh-panel-head a{font-size:10px;color:#0b75e6;font-weight:800;display:inline-flex;align-items:center;gap:5px}.zh-list{padding:6px 14px 11px}.zh-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:56px;padding:8px 0;border-bottom:1px solid #edf1f5}.zh-list-row:last-child{border-bottom:0}.zh-row-main{display:flex;align-items:center;gap:11px;min-width:0}.zh-row-icon{width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#e8f4ff;color:#1683ee;display:grid;place-items:center}.zh-row-icon.domain{background:#edf5ff;color:#1b7fe8}.zh-row-copy{min-width:0}.zh-row-copy strong{display:block;color:#16223a;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zh-row-copy small{display:block;color:#77879a;font-size:9.8px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zh-status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:62px;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800;background:#e8f8f1;color:#15a875}.zh-status-pill.pending,.zh-status-pill.expiring{background:#fff0de;color:#e68a28}.zh-status-pill.unpaid{background:#ffebee;color:#ec4356}.zh-status-pill.closed{background:#eff2f5;color:#6f7e91}.zh-row-action{min-width:81px;height:33px;padding:0 11px;border:1px solid #dce5ef;border-radius:8px;background:#fff;color:#1f3351;font-size:10px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.zh-row-action.primary{background:#0b7cf0;color:#fff;border-color:#0b7cf0}.zh-row-action:hover{border-color:#b9d8f5;color:#0b74e3}.zh-row-action.primary:hover{color:#fff;background:#086de0}.zh-empty-inline{padding:35px 20px;text-align:center;color:#7b899c;font-size:12px}.zh-empty-inline strong{display:block;color:#33465f;margin-bottom:5px}

.zh-table-mini{width:100%;border-collapse:collapse;font-size:10px}.zh-table-mini thead th{padding:10px 10px;background:#f5f8fb;color:#4f6077;font-size:9px;font-weight:700;text-align:left;border-bottom:1px solid #e5ebf2}.zh-table-mini tbody td{padding:10px;border-bottom:1px solid #edf1f5;color:#26364e;white-space:nowrap}.zh-table-mini tbody tr:last-child td{border-bottom:0}.zh-table-mini .zh-invoice-id{font-weight:700}.zh-table-mini .zh-muted{color:#75859a}.zh-ticket-status{font-size:9px;padding:5px 8px;border-radius:999px;font-weight:800;display:inline-block}.zh-ticket-status.open{background:#e6f2ff;color:#147bdd}.zh-ticket-status.answer{background:#e8f8f1;color:#16a97a}.zh-ticket-status.reply{background:#fff0df;color:#db872c}.zh-ticket-status.closed{background:#eef1f4;color:#6f7e91}

/* Existing client pages */
.portal-page-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;margin-bottom:20px!important}.portal-page-head .eyebrow{font-size:10px!important;letter-spacing:1.8px!important;color:#1683ee!important;font-weight:850!important}.portal-page-head h1{font-size:28px!important;letter-spacing:-.7px!important;margin:6px 0 4px!important;color:#111d35!important}.portal-page-head p{font-size:12px!important;color:#77869a!important;margin:0!important}.portal-page-head .btn{height:40px!important;padding:0 16px!important;border-radius:9px!important;font-size:11px!important}
.client-content .panel{background:#fff!important;border:1px solid var(--cp-border)!important;border-radius:13px!important;box-shadow:var(--cp-shadow)!important;padding:19px!important}.client-content .panel-head h2{font-size:16px!important}.client-content .portal-cards{display:grid;gap:14px}
.table-panel{padding:0!important;overflow:hidden}.table-wrap{overflow:auto}.client-content table{width:100%;border-collapse:collapse}.client-content table thead th{background:#f4f7fa;color:#506078;font-size:10px;font-weight:750;text-align:left;padding:13px 15px;border-bottom:1px solid #e3eaf1;white-space:nowrap}.client-content table tbody td{font-size:11px;padding:14px 15px;color:#25354d;border-bottom:1px solid #edf1f5}.client-content table tbody tr:last-child td{border-bottom:0}
.client-content .service-card,.client-content .service-card-premium{border-radius:13px!important;box-shadow:var(--cp-shadow)!important}.client-content .status-badge{border-radius:999px!important;font-size:9px!important;padding:6px 9px!important}
.client-content .btn{border-radius:9px!important;font-size:11px!important;font-weight:800!important}.client-content input,.client-content select,.client-content textarea{border-radius:9px!important;border-color:#dfe7f0!important}.empty-portal,.empty-service{border-radius:11px!important}.empty-icon{border-radius:12px!important;background:#eaf4ff!important;color:var(--cp-blue)!important}
.domain-manager-panel{margin-top:18px}

/* Notifications / ticket cards */
.notification-item{border-radius:11px!important;border-color:#e1e8f0!important;box-shadow:none!important}.ticket-row{border-radius:11px!important;border-color:#e1e8f0!important;box-shadow:none!important}

/* Rebuilt settings page uses the same portal shell */
.client-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.client-settings-card{background:#fff;border:1px solid var(--cp-border);border-radius:13px;box-shadow:var(--cp-shadow);padding:22px}.client-settings-card h2{font-size:16px;margin:4px 0 6px}.client-settings-card>p{font-size:11px;color:#77869a;line-height:1.55}.client-settings-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.client-settings-form.single{grid-template-columns:1fr}.client-settings-form label{font-size:10px;font-weight:750;color:#53647a}.client-settings-form input,.client-settings-form select{width:100%;height:40px;margin-top:6px;padding:0 11px;background:#fbfcfe;border:1px solid #dfe7ef;border-radius:9px;font:inherit;font-size:11px}.client-settings-actions{margin-top:14px}.client-account-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf1f5;font-size:11px}.client-account-row:last-child{border-bottom:0}.client-account-row span{color:#77869a}.client-account-row strong{color:#25364f}.client-settings-note{padding:12px;border-radius:9px;background:#f2f8ff;color:#5e738e;font-size:10px;line-height:1.5;margin-top:14px}.client-2fa{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;padding-top:16px;border-top:1px solid #edf1f5}.client-2fa h3{font-size:13px;margin:0 0 4px}.client-2fa p{font-size:10px!important;margin:0;color:#78889b}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#cbd7e2;border-radius:99px;cursor:pointer;transition:.2s}.slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:#1685ed}.switch input:checked+.slider:before{transform:translateX(20px)}.twofa-password{margin-top:12px;padding:13px;border:1px dashed #c8daea;border-radius:10px;background:#f9fcff}.twofa-password label{font-size:10px;color:#5e6f84;font-weight:700}.twofa-password input{width:100%;height:40px;margin-top:6px;padding:0 11px}.twofa-password .btn{margin-top:10px}.form-result{font-size:10px;min-height:15px}

/* Optional dark toggle while keeping the same structure */
body.client-body.portal-dark{--cp-bg:#0e1724;--cp-card:#121f2e;--cp-text:#ecf5ff;--cp-muted:#91a2b7;--cp-border:#233246;background:#0e1724!important}.portal-dark .client-sidebar,.portal-dark .zh-portal-topbar,.portal-dark .metric,.portal-dark .zh-panel,.portal-dark .client-content .panel,.portal-dark .client-settings-card{background:#121f2e!important;border-color:#233246!important;color:#edf5ff}.portal-dark .client-content{background:#0e1724}.portal-dark .client-brand{border-color:#233246}.portal-dark .client-nav a{color:#a7b7c9!important}.portal-dark .client-nav a:hover,.portal-dark .client-nav a.selected{background:#172a3f!important;color:#55aaff!important}.portal-dark .zh-search-input,.portal-dark .zh-menu-btn,.portal-dark .zh-round-action,.portal-dark .notify-bell{background:#172536!important;border-color:#28394c!important;color:#a9bbcf}.portal-dark .zh-welcome-copy h1,.portal-dark .metric strong,.portal-dark .zh-panel-head h2,.portal-dark .zh-row-copy strong,.portal-dark .portal-page-head h1{color:#edf5ff!important}.portal-dark .metric small,.portal-dark .zh-table-mini tbody td{color:#becbdd!important}.portal-dark .zh-panel-head,.portal-dark .zh-list-row,.portal-dark .zh-table-mini tbody td,.portal-dark .client-account-row{border-color:#25364a}.portal-dark .zh-table-mini thead th,.portal-dark .client-content table thead th{background:#172536;color:#aab9ca}.portal-dark .side-help{background:#17283c!important}.portal-dark .zh-user-chip{color:#eef6ff}

/* Responsive */
@media(max-width:1120px){.zh-dashboard-hero{grid-template-columns:1fr}.zh-promo-card{min-height:112px}.metric-grid{grid-template-columns:repeat(2,1fr)!important}.zh-dashboard-grid{grid-template-columns:1fr}.zh-search-wrap{width:min(370px,40vw)}}
@media(max-width:900px){:root{--cp-sidebar:252px}.zh-portal-topbar{left:0;padding:0 16px}.client-sidebar{transform:translateX(-102%)}.client-sidebar.open{transform:translateX(0);box-shadow:18px 0 45px rgba(20,44,70,.16)!important}.client-sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(14,29,48,.36);opacity:0;pointer-events:none;transition:.2s;z-index:155}.client-sidebar-overlay.open{opacity:1;pointer-events:auto}.client-content{margin-left:0!important;padding-left:18px!important;padding-right:18px!important}.zh-mobile-brand{display:flex}.zh-search-wrap{width:min(350px,42vw)}}
@media(max-width:700px){.zh-search-wrap{display:none}.zh-user-copy{display:none}.zh-topbar-right{gap:8px}.zh-portal-topbar{height:66px}.client-content{padding-top:86px!important}.zh-dashboard-hero{gap:14px}.zh-welcome-copy h1{font-size:25px}.zh-promo-card{padding:18px 135px 18px 18px}.zh-server-art{right:13px;width:105px}.metric-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.metric{min-height:112px;padding:15px 13px!important}.zh-card-icon{width:42px;height:42px;flex-basis:42px}.zh-dashboard-grid{gap:12px}.portal-page-head{align-items:flex-start!important;flex-direction:column}.client-settings-grid{grid-template-columns:1fr}.client-settings-form{grid-template-columns:1fr}}
@media(max-width:480px){.client-content{padding-left:12px!important;padding-right:12px!important}.zh-mobile-brand span{display:none}.zh-promo-card{padding-right:116px}.zh-promo-card p{max-width:190px}.metric-grid{grid-template-columns:1fr!important}.metric{min-height:102px}.zh-list-row{grid-template-columns:minmax(0,1fr) auto}.zh-list-row .zh-status-pill{display:none}.zh-row-action{min-width:72px}.zh-table-mini{min-width:500px}.zh-panel>.zh-table-scroll{overflow:auto}.zh-user-avatar{width:35px;height:35px}.zh-round-action,.zh-portal-topbar .notify-bell,.zh-menu-btn{width:38px;height:38px}.notify-popover{left:8px!important;right:8px!important;width:auto!important}}
.client-nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#f04455;color:#fff;font-size:9px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}

/* =========================================================
   ZinkHost Mobile Client Portal — reference mobile redesign
   ========================================================= */
.mobile-drawer-head,.mobile-drawer-logout,.zh-mobile-topbar,.zh-mobile-bottom-nav,.mobile-card-chevron,.mobile-service-sub,.mobile-ticket-icon,.mobile-ticket-arrow{display:none}

@media(max-width:700px){
  :root{--mobile-top:58px;--mobile-bottom:62px;--cp-bg:#f7faff}
  html,body.client-body{background:#f7faff!important;color:#0e1930;min-height:100%;-webkit-text-size-adjust:100%}
  body.client-body{padding:0 0 calc(var(--mobile-bottom) + env(safe-area-inset-bottom))!important}
  body.client-body.portal-dark{--cp-bg:#f7faff;--cp-card:#fff;--cp-text:#0e1930;--cp-muted:#718096;--cp-border:#e5edf6;background:#f7faff!important}
  .portal-dark .client-content,.portal-dark .client-sidebar,.portal-dark .zh-panel,.portal-dark .client-content .panel,.portal-dark .client-settings-card{background:#fff!important;color:#0e1930!important;border-color:#e5edf6!important}
  .portal-dark .zh-welcome-copy h1,.portal-dark .metric strong,.portal-dark .zh-panel-head h2,.portal-dark .zh-row-copy strong,.portal-dark .portal-page-head h1{color:#0e1930!important}
  .client-header{height:var(--mobile-top)!important}
  .zh-desktop-topbar{display:none!important}
  .zh-mobile-topbar{position:fixed;display:flex;z-index:170;left:0;right:0;top:0;height:var(--mobile-top);align-items:center;padding:0 14px;background:rgba(255,255,255,.98);border-bottom:1px solid #e8eef5;box-shadow:0 2px 12px rgba(24,60,96,.035);backdrop-filter:blur(14px)}
  .zh-mobile-topbar.dashboard-top{justify-content:space-between}
  .zh-mobile-top-action,.zh-mobile-notify,.zh-mobile-back,.zh-mobile-more{width:36px;height:36px;border:0;background:#f5f9fd;color:#087cf0;border-radius:10px;display:grid;place-items:center;padding:0;position:relative;cursor:pointer}
  .zh-mobile-topbar.section-top .zh-mobile-back,.zh-mobile-topbar.section-top .zh-mobile-more{background:transparent}
  .zh-mobile-top-action svg,.zh-mobile-notify svg,.zh-mobile-back svg,.zh-mobile-more svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .zh-mobile-logo{display:flex;align-items:center;justify-content:center;margin-right:auto;margin-left:10px}.zh-mobile-logo img{height:31px;width:auto;max-width:142px;display:block}
  .zh-mobile-notify{margin-left:auto}.zh-mobile-notify .notify-count{position:absolute;right:-3px;top:-4px;min-width:17px;height:17px;font-size:8px;padding:0 4px;background:#f04455;color:white;border-radius:99px;display:none;align-items:center;justify-content:center;border:2px solid #fff}
  .zh-mobile-topbar.section-top{display:grid;grid-template-columns:38px 1fr 38px;gap:8px}
  .zh-mobile-page-title{text-align:left;font-size:15px;font-weight:850;letter-spacing:-.15px;color:#101b34;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .client-content{margin:0!important;padding:calc(var(--mobile-top) + 14px) 13px calc(var(--mobile-bottom) + 24px)!important;background:#f7faff!important;min-height:100vh!important;max-width:none!important}
  .client-content>*{max-width:none!important;margin-left:0;margin-right:0}
  .portal-page-head{display:none!important}

  /* mobile drawer */
  .client-sidebar{display:flex!important;left:auto!important;right:0!important;top:0!important;width:min(88vw,340px)!important;height:100dvh!important;padding:0 14px 16px!important;border:0!important;border-left:1px solid #e5edf5!important;border-radius:18px 0 0 18px;background:#fff!important;transform:translateX(104%)!important;box-shadow:-20px 0 60px rgba(21,51,82,.12)!important;z-index:190!important}
  .client-sidebar.open{transform:translateX(0)!important}
  .client-sidebar-overlay{display:block!important;z-index:185!important;background:rgba(18,34,54,.38)!important;backdrop-filter:blur(1px)}
  .client-brand{display:none!important}
  .mobile-drawer-head{height:66px;display:flex!important;align-items:center;justify-content:space-between;border-bottom:1px solid #eef2f6;margin:0 -4px 6px;padding:0 6px}
  .mobile-drawer-logo img{height:30px;max-width:150px}.mobile-drawer-head button{width:36px;height:36px;border:0;background:transparent;color:#2d4058;display:grid;place-items:center}.mobile-drawer-head button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}
  .client-nav{gap:2px!important;margin:4px 0 8px!important}.client-nav a{min-height:42px!important;border-radius:8px!important;padding:0 10px!important;font-size:12px!important;gap:11px!important;color:#243750!important}.client-nav a svg{width:18px;height:18px;color:#395b7a}.client-nav a.selected{background:#eaf4ff!important;color:#0877df!important}.client-nav a.selected:before{display:none!important}.client-nav-badge{min-width:18px;height:18px;font-size:8px}
  .side-help{display:none!important}.mobile-drawer-logout{display:flex!important;margin-top:auto;align-items:center;gap:10px;padding:14px 10px;color:#e23b4b!important;font-size:12px;font-weight:750;border-top:1px solid #edf1f5}.mobile-drawer-logout svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9}

  /* bottom navigation */
  .zh-mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:165;left:0;right:0;bottom:0;height:calc(var(--mobile-bottom) + env(safe-area-inset-bottom));padding:5px 7px env(safe-area-inset-bottom);background:rgba(255,255,255,.985);border-top:1px solid #e5edf5;box-shadow:0 -7px 25px rgba(27,57,87,.055)}
  .zh-mobile-bottom-nav a,.zh-mobile-bottom-nav button{border:0;background:transparent;color:#5f748b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:8.5px;font-weight:650;border-radius:9px;padding:2px 0;min-width:0}
  .zh-mobile-bottom-nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.zh-mobile-bottom-nav .selected{background:#0c7ff1;color:#fff;font-weight:800;box-shadow:0 5px 14px rgba(12,127,241,.2)}
  .zh-mobile-bottom-nav .selected svg{stroke-width:2}

  /* Dashboard */
  .zh-dashboard-hero{display:block!important;margin-bottom:13px!important}.zh-welcome-copy{padding:2px 2px 10px}.zh-welcome-copy h1{font-size:23px!important;line-height:1.14!important;letter-spacing:-.65px!important;margin:0 0 5px!important}.zh-welcome-copy p{font-size:11px!important;line-height:1.38!important;max-width:260px}
  .zh-promo-card{min-height:105px!important;border-radius:11px!important;padding:15px 112px 14px 14px!important;margin-top:5px!important;background:linear-gradient(120deg,#168af8,#0872ed 58%,#0661df)!important;box-shadow:0 9px 21px rgba(8,105,228,.15)!important}.zh-promo-card h3{font-size:14px!important;margin-bottom:4px!important}.zh-promo-card p{font-size:9px!important;line-height:1.45!important;max-width:155px!important;margin-bottom:9px!important}.zh-promo-btn{height:29px!important;padding:0 10px!important;font-size:9px!important;border-radius:6px!important}.zh-promo-close{display:none!important}.zh-server-art{right:6px!important;bottom:0!important;width:102px!important;height:92px!important;opacity:.95}
  .metric-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 0 13px!important}.metric{min-height:91px!important;border-radius:10px!important;padding:12px 10px!important;gap:9px!important;box-shadow:0 5px 17px rgba(30,69,105,.045)!important}.zh-card-icon{width:37px!important;height:37px!important;flex-basis:37px!important;border-radius:11px!important}.zh-card-icon svg{width:19px!important;height:19px!important}.metric small{font-size:8.5px!important}.metric strong{font-size:20px!important;margin-top:1px!important}.metric em{display:none!important}
  .zh-dashboard-grid{display:block!important;margin-bottom:10px!important}.zh-dashboard-grid .zh-panel{margin-bottom:10px!important}.zh-dashboard-grid + .zh-dashboard-grid{display:none!important}.zh-panel{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.zh-panel-head{padding:8px 3px!important;border:0!important}.zh-panel-head h2{font-size:12px!important}.zh-panel-head a{font-size:9px!important;color:#087cf0!important}.zh-list{padding:0!important;display:grid;gap:7px}.zh-list-row{background:#fff;border:1px solid #eaf0f6!important;border-radius:10px!important;padding:10px!important;grid-template-columns:minmax(0,1fr) auto!important;box-shadow:0 4px 14px rgba(29,66,100,.04)}.zh-row-icon{width:34px!important;height:34px!important;border-radius:9px!important}.zh-row-icon svg{width:18px!important;height:18px!important}.zh-row-copy strong{font-size:10px!important}.zh-row-copy small{font-size:8.5px!important}.zh-list-row .zh-status-pill{display:inline-flex!important;font-size:8px!important;padding:4px 7px!important}.zh-row-action{min-width:0!important;width:24px!important;height:28px!important;padding:0!important;border:0!important;font-size:0!important;background:transparent!important;color:#087cf0!important}.zh-row-action svg{width:15px;height:15px}

  /* Search + filter bars */
  .mobile-list-tools{margin:-2px 0 11px}.mobile-search-field{height:38px;border:1px solid #e5edf6;background:#f2f7fb;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#7890a6}.mobile-search-field svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.mobile-search-field input{width:100%;height:100%;border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0!important;font-size:10px!important;color:#24364d;outline:0}.mobile-search-field input::placeholder{color:#8ea0b1}.mobile-filter-chips{display:flex;gap:8px;margin-top:9px;overflow:auto;scrollbar-width:none}.mobile-filter-chips::-webkit-scrollbar{display:none}.mobile-filter-chips button{height:29px;min-width:64px;padding:0 12px;border:1px solid #dfe8f1;background:#fff;color:#5c6f84;border-radius:999px;font-size:9px;font-weight:700;white-space:nowrap}.mobile-filter-chips button.active{background:#087cf0;color:#fff;border-color:#087cf0;box-shadow:0 4px 10px rgba(8,124,240,.14)}

  /* Services / domains compact cards */
  .portal-cards,#domainList{display:grid!important;gap:8px!important}.client-content .service-card-premium{background:#fff!important;border:1px solid #e9eff5!important;border-radius:10px!important;box-shadow:0 4px 14px rgba(29,66,100,.04)!important;padding:0!important;overflow:hidden!important}.service-summary{display:grid!important;grid-template-columns:39px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;padding:11px!important}.service-card-icon{width:38px!important;height:38px!important;border-radius:10px!important;background:#eaf5ff!important;color:#0a7ef1!important;font-size:0!important}.service-card-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9}.service-card-main{min-width:0!important}.service-card-main .eyebrow{display:none!important}.service-card-main h2{font-size:10.5px!important;line-height:1.25!important;margin:0 0 2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-card-main p{font-size:8.5px!important;color:#7f8ea2!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-service-sub{display:none!important}.mobile-service-sub{display:block!important}.service-top-meta{grid-column:2;grid-row:2;margin:0!important;justify-content:flex-start!important;gap:0!important}.service-top-meta strong{display:none!important}.service-top-meta .status-badge{font-size:8px!important;padding:4px 9px!important}.service-details-toggle{display:none!important}.mobile-card-chevron{display:grid!important;grid-column:3;grid-row:1 / span 2;place-items:center;width:26px;height:34px;border:0;background:transparent;color:#087cf0;padding:0}.mobile-card-chevron svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.service-card-premium>.service-detail-grid,.service-card-premium>.dashboard-service-actions,.service-card-premium>.domain-card-error{display:none!important}.domain-list-card .service-card-icon{color:#087cf0!important}.domain-list-card .service-card-main p{display:block!important}

  /* Mobile detail pages */
  body.mobile-detail-open{overflow:hidden!important}.zh-mobile-detail-view{position:fixed;z-index:175;inset:0 0 calc(var(--mobile-bottom) + env(safe-area-inset-bottom)) 0;background:#f8fbfe;overflow:hidden}.zh-mobile-detail-head{height:var(--mobile-top);display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;padding:0 10px;background:#fff;border-bottom:1px solid #e8eef5}.zh-mobile-detail-head strong{text-align:left;font-size:14px}.zh-mobile-detail-head button{width:36px;height:36px;border:0;background:transparent;color:#087cf0;display:grid;place-items:center}.zh-mobile-detail-head svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2}.zh-mobile-detail-scroll{height:calc(100% - var(--mobile-top));overflow:auto;padding:13px 13px 25px}.mobile-detail-hero{text-align:center;padding:3px 0 8px}.mobile-detail-icon{width:54px;height:54px;border-radius:13px;display:grid;place-items:center;margin:0 auto 8px;background:linear-gradient(145deg,#e6f4ff,#f3f9ff);color:#087cf0}.mobile-detail-icon svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.9}.mobile-detail-hero h2{font-size:13px;margin:0 0 2px}.mobile-detail-hero p{font-size:9px;color:#8392a5;margin:2px 0 5px}.mobile-detail-hero .status-badge{font-size:8px!important;padding:4px 9px!important}.mobile-detail-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;background:#f0f5f9;border-radius:9px;margin:5px 0 11px}.mobile-detail-tabs button{height:31px;border:0;border-radius:7px;background:transparent;color:#72859a;font-size:9px;font-weight:750}.mobile-detail-tabs button.active{background:#087cf0;color:#fff;box-shadow:0 3px 10px rgba(8,124,240,.16)}.mobile-detail-tab,.mobile-domain-tab{display:none}.mobile-detail-tab.active,.mobile-domain-tab.active{display:block}.mobile-detail-info{background:#fff;border:1px solid #e8eef5;border-radius:10px;overflow:hidden}.mobile-detail-info>div{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:8px 10px;border-bottom:1px solid #eef2f6}.mobile-detail-info>div:last-child{border-bottom:0}.mobile-detail-info span{font-size:8.5px;color:#71849a}.mobile-detail-info b{font-size:9px;color:#1f3047;text-align:right;font-weight:700}.mobile-green{color:#13a975!important}.mobile-stack-value{line-height:1.5}.mobile-action-stack{display:grid;gap:6px;margin-top:10px}.mobile-action-stack button,.mobile-action-stack a,.mobile-primary-action{height:36px!important;border:1px solid #dae7f1!important;border-radius:7px!important;background:#fff!important;color:#0874d9!important;font-size:9.5px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important}.mobile-action-stack .mobile-primary-action,.mobile-primary-action{background:#087cf0!important;color:#fff!important;border-color:#087cf0!important;box-shadow:0 5px 13px rgba(8,124,240,.15)}.mobile-action-stack .danger{border-color:#f4b8bf!important;color:#df4656!important;background:#fff!important}.mobile-feature-list{margin:0;padding:0;list-style:none;background:#fff;border:1px solid #e8eef5;border-radius:10px;overflow:hidden}.mobile-feature-list li{padding:9px 11px;border-bottom:1px solid #eef2f6;font-size:9px;color:#42556e}.mobile-feature-list li:last-child{border-bottom:0}.mobile-feature-list li:before{content:'✓';color:#087cf0;margin-right:7px;font-weight:900}.mobile-detail-loading{padding:50px 20px;text-align:center;color:#708399;font-size:11px}.mobile-detail-loading.error{color:#d44858}

  /* domain detail */
  .mobile-domain-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:6px 0 10px}.mobile-domain-actions button,.mobile-domain-actions a{height:47px;border:1px solid #deebf5;background:#fff;border-radius:8px;color:#087cf0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;font-weight:750}.mobile-domain-actions svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9}.domain-detail-view .mobile-detail-hero p{margin-top:5px}.mobile-settings-menu{background:#fff;border:1px solid #e8eef5;border-radius:10px;overflow:hidden;margin-top:10px}.mobile-settings-menu>button,.mobile-settings-menu>a,.mobile-settings-menu>label{min-height:44px;width:100%;border:0;border-bottom:1px solid #eef2f6;background:#fff;color:#243750;display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 10px;text-align:left;font:inherit}.mobile-settings-menu>:last-child{border-bottom:0}.mobile-settings-menu>button>svg,.mobile-settings-menu>a>svg,.mobile-settings-menu>label>svg{width:16px;height:16px;stroke:#2b4b69;fill:none;stroke-width:1.8}.mobile-settings-menu>button>svg:last-child,.mobile-settings-menu>a>svg:last-child{width:14px;height:14px;color:#7b91a8}.mobile-settings-menu span{display:flex;flex-direction:column;min-width:0}.mobile-settings-menu b{font-size:9.5px;color:#23354c}.mobile-settings-menu small{font-size:8px;color:#8190a2;margin-top:2px}.mobile-toggle{appearance:none!important;-webkit-appearance:none!important;width:35px!important;height:20px!important;padding:0!important;margin:0!important;border:0!important;border-radius:20px!important;background:#d7e3ed!important;position:relative!important;cursor:pointer!important;box-shadow:none!important}.mobile-toggle:before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;left:2px;top:2px;box-shadow:0 1px 4px rgba(30,50,70,.2);transition:.18s}.mobile-toggle:checked{background:#087cf0!important}.mobile-toggle:checked:before{transform:translateX(15px)}.mobile-domain-control{margin:0 0 10px!important;border-radius:10px!important;padding:13px!important}.mobile-domain-control .domain-control-title h3{font-size:12px!important}.mobile-domain-control .domain-control-title p{font-size:8.5px!important}.mobile-domain-control input,.mobile-domain-control select{font-size:9px!important;border-radius:7px!important;padding:9px!important}.mobile-domain-control .btn{height:34px!important;font-size:9px!important}.mobile-domain-control .domain-radio{font-size:9px!important}.domain-detail-view .dns-record-row{font-size:8.5px!important}.mobile-contact-link{margin-top:10px!important}

  /* tables -> mobile cards */
  .client-content .table-panel{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}.table-wrap{overflow:visible!important}.client-content .table-wrap table{min-width:0!important;display:block!important}.client-content .table-wrap thead{display:none!important}.client-content .table-wrap tbody{display:grid!important;gap:8px!important}.client-content .table-wrap tbody tr{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:2px 8px;background:#fff;border:1px solid #e8eef5;border-radius:10px;padding:10px 10px 10px 10px;box-shadow:0 4px 13px rgba(30,66,99,.035)}.client-content .table-wrap tbody td{display:block!important;border:0!important;padding:0!important;font-size:9px!important;white-space:normal!important}.mobile-main-cell{display:flex!important;align-items:center!important;gap:9px!important;grid-column:1;grid-row:1 / span 2}.mobile-main-cell>span:last-child{display:flex;flex-direction:column;min-width:0}.mobile-main-cell b{font-size:9.5px!important;color:#25354d}.mobile-main-cell small{font-size:8px;color:#8b99aa;margin-top:2px}.mobile-table-icon{width:34px;height:34px;border-radius:9px;background:#eaf5ff;color:#087cf0;display:grid!important;place-items:center;flex:0 0 34px}.mobile-table-icon.file{background:#edf5ff;color:#2285ed}.mobile-table-icon.payment{background:#e9f9f1;color:#11a970}.mobile-table-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9}.mobile-hide-field,.mobile-date-cell,.mobile-payment-method{display:none!important}.mobile-amount-cell{grid-column:2;grid-row:1;font-weight:800!important;font-size:9px!important;text-align:right;color:#24374f!important}.mobile-status-cell{grid-column:2;grid-row:2;text-align:right;align-self:end}.mobile-status-cell .status-badge{font-size:7.8px!important;padding:4px 8px!important}.client-content .table-wrap tbody tr:after{content:'›';position:absolute;right:4px;top:50%;transform:translateY(-50%);color:#087cf0;font-size:17px;display:none}

  /* payments */
  .mobile-payment-summary{display:block}.mobile-wallet-card{position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(125deg,#087ef3,#0f98f4);color:#fff;padding:15px;margin-bottom:13px;min-height:105px;box-shadow:0 8px 18px rgba(8,124,240,.15)}.mobile-wallet-card:after{content:'▱';position:absolute;right:16px;top:23px;width:54px;height:54px;border-radius:15px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:28px}.mobile-wallet-card small{font-size:9px}.mobile-wallet-card h2{font-size:22px;margin:2px 0 2px}.mobile-wallet-card p{font-size:8.5px;max-width:170px;margin:0 0 10px;color:#eaf6ff}.mobile-wallet-card a{display:inline-flex;height:28px;padding:0 10px;align-items:center;border-radius:6px;background:#fff;color:#087cf0;font-size:8.5px;font-weight:800}.mobile-payment-summary>h3,.mobile-section-head h3{font-size:11px;margin:12px 0 8px}.mobile-payment-methods{display:grid;gap:6px}.mobile-payment-methods>a{min-height:48px;background:#fff;border:1px solid #e8eef5;border-radius:9px;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:9px;padding:7px 9px;color:#24354d}.mobile-payment-methods>a>svg{width:14px;height:14px;stroke:#087cf0;fill:none;stroke-width:2}.pay-logo-card{width:34px;height:34px;border-radius:8px;background:#f4f8fb;display:grid;place-items:center;overflow:hidden;font-size:17px}.pay-logo-card img{max-width:29px;max-height:25px;object-fit:contain}.mobile-payment-methods b{font-size:9.5px;display:block}.mobile-payment-methods small{font-size:8px;color:#8695a6;display:block;margin-top:2px}.mobile-payment-methods .bank{font-size:14px}

  /* tickets */
  .ticket-layout{display:block!important}.ticket-layout>.panel:first-child{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.ticket-layout>.panel:first-child .panel-head{display:none!important}#ticketList{display:grid!important;gap:8px!important}.ticket-row{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto 14px!important;gap:9px!important;align-items:center!important;width:100%!important;border:1px solid #e8eef5!important;background:#fff!important;border-radius:10px!important;padding:10px!important;margin:0!important;text-align:left!important;box-shadow:0 4px 13px rgba(30,66,99,.035)!important}.mobile-ticket-icon{display:grid!important;width:31px;height:31px;border-radius:8px;background:#eaf5ff;color:#087cf0;place-items:center}.mobile-ticket-icon svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}.ticket-row>div b{font-size:9px!important;color:#52657c}.ticket-row h3{font-size:9px!important;margin:2px 0!important}.ticket-row p{display:none!important}.ticket-row small{font-size:7.5px!important;color:#8c9aaa}.ticket-row .status-badge{font-size:7px!important;padding:4px 7px!important}.mobile-ticket-arrow{display:grid!important;color:#087cf0}.mobile-ticket-arrow svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}.mobile-ticket-fab{position:fixed;z-index:164;right:18px;bottom:calc(var(--mobile-bottom) + 14px + env(safe-area-inset-bottom));width:48px;height:48px;border-radius:50%;border:0;background:#087cf0;color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(8,124,240,.28)}.mobile-ticket-fab svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}
  .ticket-composer{position:fixed!important;z-index:176!important;inset:var(--mobile-top) 0 calc(var(--mobile-bottom) + env(safe-area-inset-bottom)) 0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:auto!important;background:#fff!important;padding:14px!important}.ticket-composer .panel-head{display:none!important}.ticket-composer form label{font-size:9px!important}.ticket-composer form input,.ticket-composer form select,.ticket-composer form textarea{font-size:9px!important;border-radius:7px!important;background:#fbfdff!important;margin-bottom:9px!important;padding:9px 10px!important}.ticket-composer form textarea{min-height:115px!important}.ticket-composer form .btn{width:100%!important;height:39px!important;border-radius:7px!important}.mobile-ticket-compose #mobileTicketFab{display:none!important}
  .ticket-thread-panel{position:fixed!important;z-index:176!important;inset:var(--mobile-top) 0 calc(var(--mobile-bottom) + env(safe-area-inset-bottom)) 0!important;border:0!important;border-radius:0!important;overflow:auto!important;background:#fff!important;padding:13px!important}.ticket-thread-panel .panel-head h2{font-size:13px!important}.ticket-message{font-size:9px!important}

  /* notifications */
  .notification-list{gap:7px!important}.notification-item{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;padding:10px!important;border:0!important;border-radius:10px!important;background:#fff!important;margin:0!important;box-shadow:0 4px 13px rgba(30,66,99,.035)!important}.notification-icon{width:34px!important;height:34px!important;border-radius:50%!important;background:#ffecee!important;color:#f04455!important}.notification-icon svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}.notification-item.warning .notification-icon{background:#fff3db!important;color:#e99b20!important}.notification-item.success .notification-icon{background:#e6f9f0!important;color:#13ad78!important}.notification-copy b{font-size:9.5px!important}.notification-copy p{font-size:8px!important;line-height:1.35!important;margin:2px 0!important}.notification-copy small{font-size:7.5px!important}.notification-link{font-size:8px!important}

  /* profile */
  .mobile-profile-summary{display:block;text-align:center}.mobile-profile-avatar{position:relative;width:64px;height:64px;border-radius:50%;margin:3px auto 7px;background:linear-gradient(135deg,#dff1ff,#f2f9ff);border:1px solid #e1edf7;display:grid;place-items:center;color:#087cf0;font-size:20px;font-weight:900}.mobile-profile-avatar span{position:absolute;right:-1px;bottom:1px;width:20px;height:20px;border-radius:50%;background:#087cf0;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:9px}.mobile-profile-summary>h2{font-size:12px;margin:0}.mobile-profile-summary>p{font-size:8px;color:#8b9aab;margin:2px 0 10px}.mobile-profile-card{text-align:left;background:#fff;border:1px solid #e8eef5;border-radius:10px;overflow:hidden;margin-bottom:10px}.mobile-profile-card>div{display:grid;grid-template-columns:25px 1fr;gap:7px;align-items:center;padding:8px 10px;border-bottom:1px solid #eef2f6}.mobile-profile-card>div:last-child{border-bottom:0}.mobile-profile-card svg{width:15px;height:15px;stroke:#087cf0;fill:none;stroke-width:1.8}.mobile-profile-card span{display:flex;flex-direction:column}.mobile-profile-card small{font-size:7.5px;color:#8493a5}.mobile-profile-card b{font-size:8.7px;color:#26384f;margin-top:1px}.mobile-profile-summary .mobile-primary-action{width:100%!important}.profile-panel{display:none!important}.profile-panel.mobile-edit-open{display:block!important;margin-top:10px!important;padding:12px!important}.profile-panel.mobile-edit-open .billing-note{font-size:8px!important}.profile-panel.mobile-edit-open .profile-grid{grid-template-columns:1fr!important}.profile-panel.mobile-edit-open input,.profile-panel.mobile-edit-open select{font-size:9px!important;padding:9px!important}.profile-panel.mobile-edit-open .btn{width:100%!important}

  /* security */
  .mobile-security-menu{display:block!important;margin:0!important}.security-card,.security-info{display:none!important}.mobile-password-open .security-card:first-of-type{display:block!important;padding:12px!important;margin-top:10px!important}.mobile-password-open .security-card:first-of-type h2{font-size:12px!important}.mobile-password-open .security-card:first-of-type p{font-size:8px!important}.mobile-password-open .security-card:first-of-type input{font-size:9px!important;padding:9px!important}.mobile-password-open .security-card:first-of-type .btn{width:100%!important}.twofa-panel{display:block!important;position:fixed!important;z-index:180!important;left:13px!important;right:13px!important;bottom:calc(var(--mobile-bottom) + 10px)!important;max-width:none!important;padding:12px!important;transform:translateY(140%);transition:.2s}.twofa-panel:has(#twofaPasswordBox[style*="display: block"]){transform:translateY(0)}

  /* Settings */
  .mobile-settings-screen{display:block}.mobile-settings-screen>h3{font-size:10px;margin:6px 2px 7px}.client-settings-grid{display:none!important}.mobile-settings-screen .mobile-settings-menu{margin:0 0 13px}.settings-noicon{grid-column:1/3!important;padding-left:2px}.mobile-settings-screen .mobile-settings-menu>label{grid-template-columns:minmax(0,1fr) auto!important}

  /* generic tweaks */
  .client-content .panel{border-radius:10px!important;box-shadow:0 4px 13px rgba(30,66,99,.035)!important}.empty-portal{padding:45px 18px!important}.empty-portal h2{font-size:14px!important}.empty-portal p{font-size:9px!important}.empty-portal .btn{height:36px!important;font-size:9px!important}.domain-manager-panel{display:none!important}
  .notify-popover,.zh-user-popover{display:none!important}
}

@media(max-width:380px){
  .client-content{padding-left:10px!important;padding-right:10px!important}.zh-promo-card{padding-right:102px!important}.zh-promo-card p{max-width:145px!important}.metric{padding:10px 8px!important}.zh-card-icon{width:34px!important;height:34px!important;flex-basis:34px!important}.mobile-domain-actions{gap:5px}.mobile-detail-info b{max-width:58%}
}