/* ZinkHost Client Portal — mobile reference fidelity pass */
.tickhost-ai-launcher,.tickhost-ai-panel,#tickhostAiLauncher,#tickhostAiPanel{display:none!important}
@media(max-width:700px){
  :root{--mobile-top:64px;--mobile-bottom:66px;--zh-blue:#0a7cf2;--zh-bg:#f6faff;--zh-ink:#10182d;--zh-muted:#708096;--zh-line:#e7eef6}
  html{background:var(--zh-bg)!important}
  body.client-body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;background:linear-gradient(180deg,#fbfdff 0,#f4f9ff 100%)!important;color:var(--zh-ink)!important;padding-bottom:calc(var(--mobile-bottom) + env(safe-area-inset-bottom))!important}
  .zh-desktop-topbar{display:none!important}
  .client-content{padding:calc(var(--mobile-top) + 14px) 14px calc(var(--mobile-bottom) + 28px)!important;background:transparent!important}
  .portal-page-head{display:none!important}

  /* Top bar exactly like the supplied app reference */
  .zh-mobile-topbar{height:var(--mobile-top)!important;padding:0 14px!important;background:rgba(255,255,255,.98)!important;border:0!important;border-bottom:1px solid #edf2f7!important;box-shadow:none!important;backdrop-filter:blur(16px)!important}
  .zh-mobile-topbar.dashboard-top{justify-content:flex-start!important;gap:10px!important}
  .zh-mobile-top-action,.zh-mobile-notify,.zh-mobile-back,.zh-mobile-more{width:38px!important;height:38px!important;border-radius:10px!important;background:transparent!important;color:#0879eb!important;flex:0 0 38px!important}
  .zh-mobile-top-action{background:#f2f8fe!important}
  .zh-mobile-top-action svg,.zh-mobile-notify svg,.zh-mobile-back svg,.zh-mobile-more svg{width:21px!important;height:21px!important;stroke-width:2!important}
  .zh-mobile-logo{margin:0!important;justify-content:flex-start!important;height:38px!important;min-width:0!important}
  .zh-mobile-logo img{height:36px!important;width:auto!important;max-width:172px!important}
  .zh-mobile-notify{margin-left:auto!important;background:#f4f8fd!important}
  .zh-mobile-notify .notify-count{min-width:18px!important;height:18px!important;font-size:9px!important;right:-2px!important;top:-3px!important}
  .zh-mobile-topbar.section-top{grid-template-columns:38px minmax(0,1fr) 38px!important;padding:0 10px!important}
  .zh-mobile-page-title{font-size:17px!important;font-weight:850!important;letter-spacing:-.25px!important;text-align:left!important;color:#11182b!important}

  /* Fixed bottom bar */
  .zh-mobile-bottom-nav{height:calc(var(--mobile-bottom) + env(safe-area-inset-bottom))!important;padding:6px 8px env(safe-area-inset-bottom)!important;background:#fff!important;border-top:1px solid #e5edf6!important;box-shadow:0 -4px 18px rgba(31,74,117,.06)!important}
  .zh-mobile-bottom-nav a,.zh-mobile-bottom-nav button{font-size:10px!important;font-weight:650!important;color:#536b83!important;gap:3px!important;border-radius:10px!important;padding:4px 2px!important}
  .zh-mobile-bottom-nav svg{width:20px!important;height:20px!important}
  .zh-mobile-bottom-nav .selected{background:#0b7cf0!important;color:#fff!important;box-shadow:0 6px 15px rgba(11,124,240,.22)!important}

  /* Right drawer / More menu */
  .client-sidebar{right:0!important;left:auto!important;top:0!important;width:min(88vw,350px)!important;height:100dvh!important;border-radius:18px 0 0 18px!important;padding:0 14px 16px!important;background:#fff!important;border-left:1px solid #e4edf6!important;box-shadow:-20px 0 60px rgba(22,51,83,.18)!important;transform:translateX(105%)!important;z-index:220!important;transition:transform .24s cubic-bezier(.2,.8,.2,1)!important;visibility:visible!important;pointer-events:none!important}
  .client-sidebar.open{transform:translateX(0)!important;pointer-events:auto!important}
  .client-sidebar-overlay{display:block!important;position:fixed!important;inset:0!important;z-index:215!important;background:rgba(12,28,47,.32)!important;backdrop-filter:blur(1px)!important;opacity:0!important;pointer-events:none!important;transition:.2s!important}
  .client-sidebar-overlay.open{opacity:1!important;pointer-events:auto!important}
  .mobile-drawer-head{height:70px!important;padding:0 4px 0 8px!important;margin:0 -4px 6px!important}
  .mobile-drawer-logo img{height:38px!important;max-width:175px!important}
  .mobile-drawer-head button{width:40px!important;height:40px!important}
  .client-nav{gap:3px!important;margin:4px 0 10px!important}
  .client-nav a{min-height:45px!important;padding:0 11px!important;border-radius:9px!important;gap:12px!important;font-size:14px!important;font-weight:650!important;color:#23354d!important}
  .client-nav a svg{width:20px!important;height:20px!important;color:#355d82!important}
  .client-nav a.selected{background:#eaf4ff!important;color:#0878e6!important}
  .client-nav-badge{margin-left:auto!important;min-width:20px!important;height:20px!important;font-size:9px!important}
  .mobile-drawer-logout{font-size:14px!important;padding:15px 11px!important}

  /* Dashboard */
  .zh-dashboard-hero{margin-bottom:14px!important}
  .zh-welcome-copy{padding:4px 1px 12px!important}
  .zh-welcome-copy h1{font-size:27px!important;line-height:1.08!important;letter-spacing:-.85px!important;margin:0 0 5px!important;color:#10182d!important}
  .zh-welcome-copy p{font-size:13px!important;line-height:1.45!important;color:#718197!important;max-width:310px!important}
  .zh-promo-card{min-height:116px!important;border-radius:12px!important;padding:16px 128px 15px 14px!important;margin-top:4px!important;background:linear-gradient(115deg,#0d87f7 0%,#0b75ef 56%,#075edc 100%)!important;box-shadow:0 10px 22px rgba(8,105,228,.18)!important}
  .zh-promo-card h3{font-size:16px!important;line-height:1.2!important;margin:0 0 5px!important}
  .zh-promo-card p{font-size:11px!important;line-height:1.4!important;max-width:180px!important;margin:0 0 11px!important;color:#edf7ff!important}
  .zh-promo-card .zh-promo-btn{height:32px!important;padding:0 12px!important;font-size:10px!important;border-radius:7px!important}
  .zh-server-art{width:116px!important;height:103px!important;right:2px!important;bottom:0!important}
  .metric-grid{grid-template-columns:1fr 1fr!important;gap:9px!important;margin-bottom:14px!important}
  .metric{min-height:96px!important;padding:13px 11px!important;gap:10px!important;border-radius:11px!important;border:1px solid #e8eff6!important;box-shadow:0 5px 15px rgba(28,67,104,.045)!important}
  .zh-card-icon{width:41px!important;height:41px!important;flex-basis:41px!important;border-radius:11px!important}
  .zh-card-icon svg{width:21px!important;height:21px!important}
  .metric small{font-size:10px!important;color:#50647a!important}
  .metric strong{font-size:22px!important;line-height:1.05!important;margin-top:2px!important;color:#121a2c!important}
  .metric em{display:none!important}
  .zh-panel-head{padding:9px 3px!important}
  .zh-panel-head h2{font-size:14px!important;font-weight:850!important}
  .zh-panel-head a{font-size:10px!important;font-weight:750!important}
  .zh-list{gap:8px!important}
  .zh-list-row{min-height:66px!important;padding:10px 11px!important;border-radius:10px!important}
  .zh-row-icon{width:39px!important;height:39px!important;border-radius:9px!important}
  .zh-row-icon svg{width:20px!important;height:20px!important}
  .zh-row-copy strong{font-size:12px!important}
  .zh-row-copy small{font-size:10px!important;margin-top:2px!important}
  .zh-status-pill{font-size:9px!important;padding:4px 8px!important}
  .zh-row-action{width:28px!important;height:30px!important}

  /* Search + filters */
  .mobile-list-tools{margin:0 0 13px!important}
  .mobile-search-field{height:42px!important;border-radius:10px!important;padding:0 12px!important;background:#f2f7fb!important}
  .mobile-search-field input{font-size:12px!important}
  .mobile-filter-chips{gap:8px!important;margin-top:9px!important}
  .mobile-filter-chips button{height:32px!important;min-width:66px!important;font-size:10px!important;padding:0 13px!important}

  /* Services and domains lists */
  .portal-cards,#domainList{gap:9px!important}
  .client-content .service-card-premium{border-radius:11px!important;box-shadow:0 5px 15px rgba(30,66,99,.04)!important}
  .service-summary{grid-template-columns:44px minmax(0,1fr) 30px!important;gap:10px!important;padding:12px!important;min-height:76px!important}
  .service-card-icon{width:43px!important;height:43px!important;border-radius:10px!important}
  .service-card-icon svg{width:22px!important;height:22px!important}
  .service-card-main h2{font-size:13px!important;margin-bottom:3px!important}
  .service-card-main p{font-size:10px!important}
  .service-top-meta .status-badge{font-size:9px!important;padding:4px 9px!important}
  .mobile-card-chevron{width:30px!important;height:38px!important}
  .mobile-card-chevron svg{width:17px!important;height:17px!important}

  /* Mobile detail views */
  .zh-mobile-detail-view{z-index:230!important;background:linear-gradient(180deg,#fbfdff,#f6faff)!important;inset:0 0 calc(var(--mobile-bottom) + env(safe-area-inset-bottom)) 0!important}
  .zh-mobile-detail-head{height:var(--mobile-top)!important;padding:0 10px!important;background:#fff!important;border-bottom:1px solid #edf2f7!important}
  .zh-mobile-detail-head strong{font-size:17px!important;font-weight:850!important}
  .zh-mobile-detail-head button{width:38px!important;height:38px!important}
  .zh-mobile-detail-scroll{height:calc(100% - var(--mobile-top))!important;padding:14px 14px 28px!important}
  .mobile-detail-hero{padding:4px 0 12px!important}
  .mobile-detail-icon{width:60px!important;height:60px!important;border-radius:14px!important;margin-bottom:8px!important}
  .mobile-detail-icon svg{width:31px!important;height:31px!important}
  .mobile-detail-hero h2{font-size:15px!important;line-height:1.25!important;margin-bottom:2px!important}
  .mobile-detail-hero p{font-size:10px!important}
  .mobile-detail-hero .status-badge{font-size:9px!important;padding:4px 10px!important}
  .mobile-detail-tabs{margin:7px 0 12px!important;border-radius:9px!important}
  .mobile-detail-tabs button{height:34px!important;font-size:10px!important}
  .mobile-detail-info{border-radius:10px!important}
  .mobile-detail-info>div{padding:10px 11px!important;min-height:37px!important}
  .mobile-detail-info span{font-size:10px!important}
  .mobile-detail-info b{font-size:10.5px!important;max-width:62%!important}
  .mobile-action-stack{gap:7px!important;margin-top:11px!important}
  .mobile-action-stack button,.mobile-action-stack a,.mobile-primary-action{height:39px!important;font-size:10.5px!important;border-radius:7px!important}
  .mobile-feature-list li{font-size:10.5px!important;padding:10px 11px!important}
  .mobile-domain-actions{gap:7px!important;margin:7px 0 11px!important}
  .mobile-domain-actions button,.mobile-domain-actions a{height:51px!important;font-size:9px!important;border-radius:8px!important}
  .mobile-domain-actions svg{width:19px!important;height:19px!important}
  .mobile-settings-menu{border-radius:10px!important;margin-top:11px!important}
  .mobile-settings-menu>button,.mobile-settings-menu>a,.mobile-settings-menu>label{min-height:50px!important;grid-template-columns:28px minmax(0,1fr) auto!important;padding:8px 11px!important}
  .mobile-settings-menu>button>svg,.mobile-settings-menu>a>svg,.mobile-settings-menu>label>svg{width:18px!important;height:18px!important}
  .mobile-settings-menu b{font-size:11px!important}
  .mobile-settings-menu small{font-size:9px!important}
  .mobile-toggle{width:38px!important;height:22px!important}
  .mobile-toggle:before{width:18px!important;height:18px!important}
  .mobile-toggle:checked:before{transform:translateX(16px)!important}
  .mobile-domain-control{padding:14px!important}
  .mobile-domain-control .domain-control-title h3{font-size:14px!important}
  .mobile-domain-control .domain-control-title p{font-size:10px!important}
  .mobile-domain-control input,.mobile-domain-control select{font-size:11px!important;padding:10px!important}
  .mobile-domain-control .domain-radio{font-size:11px!important}
  .mobile-domain-control .btn{height:38px!important;font-size:10.5px!important}

  /* Orders / invoices / recent payment cards */
  .client-content .table-wrap tbody{gap:9px!important}
  .client-content .table-wrap tbody tr{min-height:70px!important;padding:11px!important;border-radius:10px!important;gap:3px 9px!important}
  .client-content .table-wrap tbody td{font-size:10px!important}
  .mobile-main-cell{gap:10px!important}
  .mobile-table-icon{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:9px!important}
  .mobile-table-icon svg{width:20px!important;height:20px!important}
  .mobile-main-cell b{font-size:11px!important}
  .mobile-main-cell small{font-size:9px!important}
  .mobile-amount-cell{font-size:10.5px!important;padding-right:4px!important}
  .mobile-status-cell .status-badge{font-size:8.5px!important;padding:4px 8px!important}

  /* Payments */
  .mobile-wallet-card{min-height:120px!important;border-radius:11px!important;padding:16px!important;margin-bottom:14px!important;background:linear-gradient(125deg,#0a7bf0,#0a91f2)!important}
  .mobile-wallet-card small{font-size:11px!important}
  .mobile-wallet-card h2{font-size:25px!important;margin:3px 0!important}
  .mobile-wallet-card p{font-size:10px!important;line-height:1.4!important;max-width:190px!important}
  .mobile-wallet-card a{height:31px!important;font-size:10px!important;padding:0 11px!important}
  .mobile-wallet-card:after{width:58px!important;height:58px!important;right:16px!important;top:27px!important}
  .mobile-payment-summary>h3,.mobile-section-head h3{font-size:13px!important;margin:13px 1px 9px!important}
  .mobile-payment-methods{gap:7px!important}
  .mobile-payment-methods>a{min-height:56px!important;grid-template-columns:42px 1fr 20px!important;padding:8px 10px!important;border-radius:10px!important}
  .pay-logo-card{width:38px!important;height:38px!important}
  .pay-logo-card img{max-width:33px!important;max-height:28px!important}
  .mobile-payment-methods b{font-size:11px!important}
  .mobile-payment-methods small{font-size:9px!important}

  /* Tickets */
  #ticketList{gap:9px!important}
  .ticket-row{grid-template-columns:39px minmax(0,1fr) auto 15px!important;gap:10px!important;padding:11px!important;min-height:72px!important;border-radius:10px!important}
  .mobile-ticket-icon{width:36px!important;height:36px!important}
  .mobile-ticket-icon svg{width:18px!important;height:18px!important}
  .ticket-row>div b{font-size:10px!important}
  .ticket-row h3{font-size:11px!important;margin:2px 0!important}
  .ticket-row small{font-size:9px!important}
  .ticket-row .status-badge{font-size:8.5px!important}
  .mobile-ticket-fab{width:52px!important;height:52px!important;right:18px!important;bottom:calc(var(--mobile-bottom) + 16px + env(safe-area-inset-bottom))!important}
  .ticket-composer,.ticket-thread-panel{z-index:232!important;padding:15px!important;background:#fff!important}
  .ticket-composer form label{font-size:11px!important;font-weight:700!important}
  .ticket-composer form input,.ticket-composer form select,.ticket-composer form textarea{font-size:11px!important;padding:10px 11px!important;border-radius:8px!important}
  .ticket-composer form textarea{min-height:135px!important}
  .ticket-composer form .btn{height:42px!important;font-size:11px!important}
  .mobile-upload-help{font-size:9px!important;color:#8796a8!important}

  /* Notifications */
  .notification-list{gap:9px!important}
  .notification-item{grid-template-columns:43px minmax(0,1fr)!important;gap:10px!important;padding:12px!important;border-radius:10px!important;min-height:76px!important}
  .notification-icon{width:40px!important;height:40px!important}
  .notification-icon svg{width:20px!important;height:20px!important}
  .notification-copy b{font-size:11px!important}
  .notification-copy p{font-size:10px!important;line-height:1.38!important;margin:3px 0!important}
  .notification-copy small{font-size:9px!important}

  /* Profile */
  .mobile-profile-avatar{width:76px!important;height:76px!important;font-size:24px!important;margin:6px auto 8px!important}
  .mobile-profile-summary>h2{font-size:14px!important}
  .mobile-profile-summary>p{font-size:10px!important;margin:2px 0 12px!important}
  .mobile-profile-card{border-radius:10px!important;margin-bottom:11px!important}
  .mobile-profile-card>div{grid-template-columns:28px 1fr!important;gap:8px!important;padding:10px 11px!important}
  .mobile-profile-card svg{width:18px!important;height:18px!important}
  .mobile-profile-card small{font-size:9px!important}
  .mobile-profile-card b{font-size:10.5px!important}
  .profile-panel.mobile-edit-open{padding:13px!important}
  .profile-panel.mobile-edit-open input,.profile-panel.mobile-edit-open select{font-size:11px!important;padding:10px!important}

  /* Security / Settings */
  .mobile-settings-screen>h3{font-size:12px!important;margin:8px 2px 8px!important}
  .mobile-password-open .security-card:first-of-type{padding:14px!important}
  .mobile-password-open .security-card:first-of-type h2{font-size:14px!important}
  .mobile-password-open .security-card:first-of-type p{font-size:10px!important}
  .mobile-password-open .security-card:first-of-type input{font-size:11px!important;padding:10px!important}
  .twofa-panel{left:14px!important;right:14px!important;padding:14px!important}

  /* Empty states */
  .empty-portal{padding:52px 20px!important}
  .empty-portal h2{font-size:17px!important}
  .empty-portal p{font-size:11px!important}
  .empty-portal .btn{height:39px!important;font-size:10.5px!important}
}
@media(max-width:380px){
  .zh-welcome-copy h1{font-size:24px!important}.zh-promo-card{padding-right:112px!important}.client-content{padding-left:11px!important;padding-right:11px!important}.client-nav a{font-size:13px!important}
}


/* V402 — exact mobile dashboard/reference fidelity */
@media(max-width:700px){
  :root{--mobile-top:72px;--mobile-bottom:70px}
  body.client-body{background:#f7fbff!important}
  body.client-body>.premium-footer{display:none!important}
  .client-content{padding:calc(var(--mobile-top) + 16px) 13px calc(var(--mobile-bottom) + 24px)!important;max-width:none!important}

  /* Reference header: menu + logo + notification + profile */
  .zh-mobile-topbar{height:var(--mobile-top)!important;padding:0 14px!important;border-bottom:1px solid #edf2f7!important;background:rgba(255,255,255,.99)!important}
  .zh-mobile-topbar.dashboard-top{display:flex!important;align-items:center!important;gap:9px!important}
  .zh-mobile-top-action{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:12px!important;background:#f1f7fd!important;color:#087cf0!important}
  .zh-mobile-top-action svg{width:23px!important;height:23px!important;stroke-width:2.35!important}
  .zh-mobile-logo{height:43px!important;display:flex!important;align-items:center!important;margin:0 auto 0 2px!important}
  .zh-mobile-logo img{height:40px!important;width:auto!important;max-width:166px!important;display:block!important}
  .zh-mobile-notify{position:relative!important;width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:12px!important;background:#f1f6fc!important;color:#566d8d!important}
  .zh-mobile-notify svg{width:23px!important;height:23px!important;stroke-width:1.9!important}
  .zh-mobile-notify .notify-count{display:grid!important;place-items:center!important;position:absolute!important;right:-1px!important;top:-4px!important;min-width:20px!important;height:20px!important;padding:0 4px!important;border:2px solid #fff!important;border-radius:99px!important;background:#ff3549!important;color:#fff!important;font-size:10px!important;font-weight:850!important}
  .zh-mobile-profile{display:flex!important;align-items:center!important;gap:3px!important;color:#223653!important;text-decoration:none!important;height:43px!important}
  .zh-mobile-profile>span{width:42px!important;height:42px!important;border-radius:50%!important;background:#0b7cf0!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 0 0 5px #eef6ff!important}
  .zh-mobile-profile>span svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important}
  .zh-mobile-profile>svg{width:18px!important;height:18px!important;stroke-width:2!important}

  /* Dashboard greeting + banner */
  .zh-dashboard-hero{margin:0 0 14px!important}
  .zh-welcome-copy{padding:1px 1px 13px!important}
  .zh-welcome-copy h1{font-size:28px!important;line-height:1.04!important;letter-spacing:-1.05px!important;margin:0 0 5px!important;font-weight:850!important;color:#0c1530!important}
  .zh-welcome-copy p{font-size:13px!important;line-height:1.34!important;color:#718095!important;max-width:335px!important}
  .zh-promo-card{min-height:128px!important;border-radius:14px!important;padding:18px 137px 17px 16px!important;margin:0!important;background:linear-gradient(122deg,#0c8cff 0%,#0874ef 56%,#075be0 100%)!important;box-shadow:0 10px 25px rgba(9,105,230,.17)!important}
  .zh-promo-card h3{font-size:17px!important;line-height:1.15!important;margin:0 0 5px!important;font-weight:850!important}
  .zh-promo-card p{font-size:11px!important;line-height:1.32!important;max-width:190px!important;margin:0 0 12px!important;color:#f2f8ff!important}
  .zh-promo-card .zh-promo-btn{height:34px!important;padding:0 13px!important;border-radius:8px!important;font-size:10.5px!important;font-weight:850!important}
  .zh-promo-close{display:grid!important;width:27px!important;height:27px!important;right:8px!important;top:8px!important;background:rgba(255,255,255,.1)!important}
  .zh-server-art{width:124px!important;height:110px!important;right:4px!important;bottom:0!important}

  /* 2x2 reference metric cards with visible trend text */
  .metric-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0 0 15px!important}
  .metric{min-height:111px!important;padding:14px 12px!important;gap:11px!important;border-radius:13px!important;border:1px solid #e6edf5!important;box-shadow:0 6px 18px rgba(26,64,100,.055)!important;align-items:flex-start!important}
  .metric:after{bottom:-39px!important;height:76px!important}
  .zh-card-icon{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:50%!important}
  .zh-card-icon svg{width:23px!important;height:23px!important}
  .metric small{font-size:10.5px!important;font-weight:700!important;white-space:nowrap!important;color:#263852!important}
  .metric strong{font-size:27px!important;line-height:1!important;margin:5px 0 6px!important;font-weight:850!important;color:#10182d!important}
  .metric em{display:block!important;font-size:9.5px!important;font-weight:750!important;line-height:1.15!important;white-space:nowrap!important}

  /* White stacked cards like reference */
  .zh-dashboard-grid{display:grid!important;grid-template-columns:1fr!important;gap:13px!important;margin-bottom:13px!important}
  .zh-dashboard-grid .zh-panel{margin:0!important}
  .zh-panel{display:block!important;background:#fff!important;border:1px solid #e5edf5!important;border-radius:13px!important;box-shadow:0 6px 18px rgba(29,66,100,.05)!important;overflow:hidden!important}
  .zh-panel-head{height:45px!important;padding:0 14px!important;border-bottom:1px solid #edf2f6!important}
  .zh-panel-head h2{font-size:15px!important;font-weight:850!important;color:#111a30!important}
  .zh-panel-head a{font-size:10px!important;font-weight:800!important;color:#087cf0!important}
  .zh-list{padding:0 12px 6px!important;display:block!important}
  .zh-list-row{min-height:58px!important;padding:7px 0!important;border:0!important;border-bottom:1px solid #edf2f6!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;grid-template-columns:minmax(0,1fr) auto 22px!important;gap:8px!important}
  .zh-list-row:last-child{border-bottom:0!important}
  .zh-row-main{gap:10px!important}
  .zh-row-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:10px!important}
  .zh-row-icon svg{width:20px!important;height:20px!important}
  .zh-row-copy strong{font-size:11.5px!important;font-weight:800!important;color:#17223a!important}
  .zh-row-copy small{font-size:9.5px!important;color:#718198!important;margin-top:2px!important}
  .zh-list-row .zh-status-pill{display:inline-flex!important;min-width:62px!important;font-size:9px!important;padding:5px 9px!important}
  .zh-row-action{width:22px!important;min-width:22px!important;height:28px!important;padding:0!important;border:0!important;background:transparent!important;font-size:0!important;color:#425a7a!important}
  .zh-row-action svg{width:16px!important;height:16px!important;stroke-width:2!important}

  /* Recent invoice/ticket cards side-by-side exactly like reference */
  .zh-dashboard-grid + .zh-dashboard-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:0!important}
  .zh-dashboard-grid + .zh-dashboard-grid .zh-panel{min-width:0!important}
  .zh-dashboard-grid + .zh-dashboard-grid .zh-panel-head{height:42px!important;padding:0 10px!important}
  .zh-dashboard-grid + .zh-dashboard-grid .zh-panel-head h2{font-size:11.5px!important;white-space:nowrap!important}
  .zh-dashboard-grid + .zh-dashboard-grid .zh-panel-head a{font-size:8.5px!important;white-space:nowrap!important}
  .zh-dashboard-grid + .zh-dashboard-grid .zh-table-scroll{overflow:hidden!important}
  .zh-dashboard-grid + .zh-dashboard-grid .zh-table-mini{min-width:0!important;width:100%!important;table-layout:fixed!important;font-size:8.5px!important}
  .zh-dashboard-grid + .zh-dashboard-grid .zh-table-mini thead{display:none!important}
  .zh-dashboard-grid + .zh-dashboard-grid .zh-table-mini tbody td{padding:8px 5px!important;font-size:8.5px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .zh-dashboard-grid + .zh-dashboard-grid .zh-table-mini tbody tr:nth-child(n+4){display:none!important}
  #dashboardInvoiceRows td:nth-child(1){width:36%!important;font-size:9px!important}
  #dashboardInvoiceRows td:nth-child(2){width:39%!important;color:#6f7f94!important}
  #dashboardInvoiceRows td:nth-child(3),#dashboardInvoiceRows td:nth-child(5){display:none!important}
  #dashboardInvoiceRows td:nth-child(4){width:25%!important;text-align:right!important}
  #dashboardInvoiceRows .zh-status-pill{min-width:0!important;padding:4px 6px!important;font-size:8px!important}
  #dashboardTicketRows td:nth-child(1){width:28%!important;font-size:9px!important}
  #dashboardTicketRows td:nth-child(2){width:47%!important}
  #dashboardTicketRows td:nth-child(3){width:25%!important;text-align:right!important}
  #dashboardTicketRows td:nth-child(4){display:none!important}
  #dashboardTicketRows .zh-ticket-status{font-size:7.7px!important;padding:4px 5px!important;white-space:nowrap!important}

  /* Bottom tab bar like reference (light active tile, not solid pill) */
  .zh-mobile-bottom-nav{height:calc(var(--mobile-bottom) + env(safe-area-inset-bottom))!important;padding:5px 7px env(safe-area-inset-bottom)!important;background:rgba(255,255,255,.99)!important;border-top:1px solid #e4ecf5!important;box-shadow:0 -5px 20px rgba(26,59,93,.05)!important}
  .zh-mobile-bottom-nav a{font-size:9px!important;font-weight:650!important;color:#536a83!important;gap:3px!important;border-radius:12px!important;padding:5px 2px!important}
  .zh-mobile-bottom-nav svg{width:21px!important;height:21px!important;stroke-width:1.8!important}
  .zh-mobile-bottom-nav .selected{background:#eaf4ff!important;color:#087cf0!important;box-shadow:none!important;font-weight:800!important}
  .zh-mobile-bottom-nav .selected svg{stroke-width:2.2!important}

  /* Drawer closer to reference and always operational */
  .client-sidebar{width:min(88vw,345px)!important;border-radius:0!important;padding:0 15px 18px!important}
  .mobile-drawer-head{height:72px!important;border-bottom:1px solid #edf2f7!important;margin-bottom:7px!important}
  .mobile-drawer-logo img{height:40px!important;max-width:170px!important}
  .client-nav a{min-height:44px!important;font-size:13px!important}
  .client-nav a.selected{background:#eaf4ff!important;color:#087cf0!important}
  .side-help{display:none!important}
}
@media(max-width:380px){
  .zh-mobile-logo img{max-width:145px!important;height:37px!important}
  .zh-mobile-profile>span{width:38px!important;height:38px!important}
  .zh-mobile-notify,.zh-mobile-top-action{width:38px!important;height:38px!important;flex-basis:38px!important}
  .zh-welcome-copy h1{font-size:25px!important}
  .zh-promo-card{padding-right:118px!important}
  .metric{padding:12px 9px!important;gap:8px!important}
  .zh-card-icon{width:39px!important;height:39px!important;flex-basis:39px!important}
  .metric small{font-size:9.5px!important}.metric strong{font-size:24px!important}.metric em{font-size:8.5px!important}
}


/* V403 service page closer to provided mobile reference */
@media(max-width:700px){
  body[data-portal-mobile-page="services"] .portal-page-head{display:none!important}
  body[data-portal-mobile-page="services"] .mobile-list-tools{margin:0 0 14px!important}
  body[data-portal-mobile-page="services"] .mobile-search-field{height:46px!important;border-radius:14px!important;background:#f3f8fd!important;border:1px solid #ebf2f8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
  body[data-portal-mobile-page="services"] .mobile-search-field svg{opacity:.55!important}
  body[data-portal-mobile-page="services"] .mobile-search-field input{font-size:13px!important;color:#23344f!important}
  body[data-portal-mobile-page="services"] .mobile-filter-chips{gap:10px!important;margin-top:12px!important}
  body[data-portal-mobile-page="services"] .mobile-filter-chips button{height:38px!important;min-width:78px!important;border-radius:999px!important;border:1px solid #e5edf5!important;background:#fff!important;color:#243750!important;font-size:12px!important;font-weight:700!important;padding:0 17px!important;box-shadow:0 3px 10px rgba(41,74,109,.04)!important}
  body[data-portal-mobile-page="services"] .mobile-filter-chips button.active{background:linear-gradient(180deg,#1180ff,#0a6ef1)!important;color:#fff!important;border-color:#0a70f3!important;box-shadow:0 8px 18px rgba(10,110,241,.18)!important}
  body[data-portal-mobile-page="services"] #serviceList{gap:16px!important}
  body[data-portal-mobile-page="services"] .zh-mobile-service-card{border-radius:18px!important;border:1px solid #edf2f7!important;background:#fff!important;box-shadow:0 8px 26px rgba(35,74,110,.06)!important;overflow:hidden!important}
  body[data-portal-mobile-page="services"] .zh-mobile-service-summary{grid-template-columns:66px minmax(0,1fr) 30px!important;gap:14px!important;align-items:center!important;min-height:114px!important;padding:18px 16px!important}
  body[data-portal-mobile-page="services"] .zh-mobile-service-card .service-card-icon{width:58px!important;height:58px!important;border-radius:16px!important;background:#edf6ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}
  body[data-portal-mobile-page="services"] .zh-mobile-service-card .service-card-icon svg{width:28px!important;height:28px!important;stroke:#1d7df6!important;stroke-width:2!important}
  body[data-portal-mobile-page="services"] .zh-mobile-service-main h2{font-size:15px!important;line-height:1.25!important;margin:0 0 6px!important;font-weight:850!important;color:#16233b!important}
  body[data-portal-mobile-page="services"] .zh-mobile-service-main p{font-size:12px!important;color:#718198!important;margin:0 0 10px!important}
  body[data-portal-mobile-page="services"] .zh-mobile-service-main .status-badge{display:inline-flex!important;padding:7px 14px!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important}
  body[data-portal-mobile-page="services"] .zh-mobile-service-card .mobile-card-chevron{width:24px!important;height:24px!important;align-self:center!important;color:#2378f2!important;background:transparent!important}
  body[data-portal-mobile-page="services"] .zh-mobile-service-card .mobile-card-chevron svg{width:18px!important;height:18px!important;stroke-width:2.2!important}

  .zh-service-detail-screen{padding:12px 16px 24px!important}
  .zh-service-detail-hero{padding:8px 0 12px!important;text-align:center!important}
  .zh-service-detail-hero .mobile-detail-icon{width:72px!important;height:72px!important;border-radius:18px!important;background:#edf6ff!important;margin:0 auto 12px!important;display:grid!important;place-items:center!important}
  .zh-service-detail-hero .mobile-detail-icon svg{width:36px!important;height:36px!important;stroke:#1f7ef6!important;stroke-width:2.1!important}
  .zh-service-detail-hero h2{font-size:16px!important;line-height:1.3!important;font-weight:850!important;color:#141f37!important;margin:0 0 4px!important}
  .zh-service-detail-hero p{font-size:12px!important;color:#7a8799!important;margin:0 0 10px!important}
  .zh-service-detail-hero .status-badge{padding:6px 16px!important;font-size:12px!important;font-weight:800!important;border-radius:999px!important}
  .zh-service-detail-tabs{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;padding:0!important;background:transparent!important;margin:6px 0 14px!important}
  .zh-service-detail-tabs button{height:40px!important;border-radius:999px!important;border:1px solid #ebf1f6!important;background:#f7fafe!important;color:#4d5f7a!important;font-size:12px!important;font-weight:700!important}
  .zh-service-detail-tabs button.active{background:linear-gradient(180deg,#1180ff,#0a6ef1)!important;color:#fff!important;border-color:#0a70f3!important;box-shadow:0 8px 18px rgba(10,110,241,.16)!important}
  .zh-service-overview-table{background:#fff!important;border:1px solid #edf2f7!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 6px 18px rgba(31,65,99,.05)!important}
  .zh-service-overview-table>div{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;min-height:44px!important;padding:12px 14px!important;border-bottom:1px solid #edf2f7!important}
  .zh-service-overview-table>div:last-child{border-bottom:0!important}
  .zh-service-overview-table span{font-size:11px!important;font-weight:700!important;color:#8090a4!important}
  .zh-service-overview-table b{font-size:13px!important;font-weight:800!important;color:#141f37!important;text-align:right!important;max-width:55%!important}
  .zh-service-fixed-actions{margin-top:14px!important;gap:10px!important}
  .zh-service-fixed-actions .mobile-primary-action,.zh-service-fixed-actions button,.zh-service-fixed-actions a{display:flex!important;align-items:center!important;justify-content:center!important;height:46px!important;border-radius:10px!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important}
  .zh-service-fixed-actions .mobile-primary-action{background:linear-gradient(180deg,#1180ff,#0a6ef1)!important;color:#fff!important;border:1px solid #0a70f3!important;box-shadow:0 10px 22px rgba(10,110,241,.16)!important}
  .zh-service-fixed-actions button,.zh-service-fixed-actions a{background:#f2f7fc!important;color:#2462c9!important;border:1px solid #e4edf7!important}
  .zh-service-fixed-actions a.danger{background:#fff!important;color:#e04d4d!important;border:1px solid #f0b5b5!important}
}


/* V404 domain page closer to provided mobile reference */
@media(max-width:700px){
  body[data-portal-mobile-page="domains"] .portal-page-head{display:none!important}
  body[data-portal-mobile-page="domains"] .mobile-list-tools{margin:0 0 14px!important}
  body[data-portal-mobile-page="domains"] .mobile-search-field{height:46px!important;border-radius:14px!important;background:#f3f8fd!important;border:1px solid #ebf2f8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
  body[data-portal-mobile-page="domains"] .mobile-search-field input{font-size:13px!important;color:#23344f!important}
  body[data-portal-mobile-page="domains"] .mobile-filter-chips{gap:10px!important;margin-top:12px!important}
  body[data-portal-mobile-page="domains"] .mobile-filter-chips button{height:38px!important;min-width:78px!important;border-radius:999px!important;border:1px solid #e5edf5!important;background:#fff!important;color:#243750!important;font-size:12px!important;font-weight:700!important;padding:0 17px!important;box-shadow:0 3px 10px rgba(41,74,109,.04)!important}
  body[data-portal-mobile-page="domains"] .mobile-filter-chips button.active{background:linear-gradient(180deg,#1180ff,#0a6ef1)!important;color:#fff!important;border-color:#0a70f3!important;box-shadow:0 8px 18px rgba(10,110,241,.18)!important}
  body[data-portal-mobile-page="domains"] #domainList{gap:16px!important}
  body[data-portal-mobile-page="domains"] .zh-mobile-domain-card{border-radius:18px!important;border:1px solid #edf2f7!important;background:#fff!important;box-shadow:0 8px 26px rgba(35,74,110,.06)!important;overflow:hidden!important}
  body[data-portal-mobile-page="domains"] .zh-mobile-domain-summary{grid-template-columns:66px minmax(0,1fr) 30px!important;gap:14px!important;align-items:center!important;min-height:114px!important;padding:18px 16px!important}
  body[data-portal-mobile-page="domains"] .zh-mobile-domain-card .service-card-icon{width:58px!important;height:58px!important;border-radius:16px!important;background:#edf6ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}
  body[data-portal-mobile-page="domains"] .zh-mobile-domain-card .service-card-icon svg{width:28px!important;height:28px!important;stroke:#1d7df6!important;stroke-width:2!important}
  body[data-portal-mobile-page="domains"] .zh-mobile-domain-main h2{font-size:15px!important;line-height:1.25!important;margin:0 0 6px!important;font-weight:850!important;color:#16233b!important}
  body[data-portal-mobile-page="domains"] .zh-mobile-domain-main p{font-size:12px!important;color:#718198!important;margin:0 0 10px!important}
  body[data-portal-mobile-page="domains"] .zh-mobile-domain-main .status-badge{display:inline-flex!important;padding:7px 14px!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important}
  body[data-portal-mobile-page="domains"] .zh-mobile-domain-card .mobile-card-chevron{width:24px!important;height:24px!important;align-self:center!important;color:#2378f2!important;background:transparent!important}
  body[data-portal-mobile-page="domains"] .zh-mobile-domain-card .mobile-card-chevron svg{width:18px!important;height:18px!important;stroke-width:2.2!important}

  .zh-domain-detail-screen{padding:12px 16px 24px!important}
  .zh-domain-detail-hero{padding:8px 0 12px!important;text-align:center!important}
  .zh-domain-detail-hero .mobile-detail-icon{width:72px!important;height:72px!important;border-radius:18px!important;background:#edf6ff!important;margin:0 auto 12px!important;display:grid!important;place-items:center!important}
  .zh-domain-detail-hero .mobile-detail-icon svg{width:36px!important;height:36px!important;stroke:#1f7ef6!important;stroke-width:2.1!important}
  .zh-domain-detail-hero h2{font-size:18px!important;line-height:1.3!important;font-weight:850!important;color:#141f37!important;margin:0 0 6px!important}
  .zh-domain-detail-hero p{font-size:13px!important;color:#7a8799!important;margin:8px 0 0!important}
  .zh-domain-detail-hero .status-badge{padding:6px 16px!important;font-size:12px!important;font-weight:800!important;border-radius:999px!important}
  .zh-domain-primary-actions{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:10px!important;margin:10px 0 14px!important}
  .zh-domain-primary-actions button,.zh-domain-primary-actions a{height:64px!important;border-radius:14px!important;border:1px solid #e5edf7!important;background:#fff!important;color:#2b3d57!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:6px!important;text-decoration:none!important;font-size:12px!important;font-weight:700!important;box-shadow:0 6px 15px rgba(35,74,110,.04)!important}
  .zh-domain-primary-actions button.active{background:linear-gradient(180deg,#1180ff,#0a6ef1)!important;border-color:#0a70f3!important;color:#fff!important;box-shadow:0 10px 22px rgba(10,110,241,.16)!important}
  .zh-domain-primary-actions svg{width:20px!important;height:20px!important;stroke-width:2!important}
  .zh-domain-tabs{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;padding:0!important;background:transparent!important;margin:6px 0 14px!important}
  .zh-domain-tabs button{height:40px!important;border-radius:999px!important;border:1px solid #ebf1f6!important;background:#fff!important;color:#4d5f7a!important;font-size:12px!important;font-weight:700!important}
  .zh-domain-tabs button.active{background:linear-gradient(180deg,#1180ff,#0a6ef1)!important;color:#fff!important;border-color:#0a70f3!important;box-shadow:0 8px 18px rgba(10,110,241,.16)!important}
  .zh-domain-overview-table{background:#fff!important;border:1px solid #edf2f7!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 6px 18px rgba(31,65,99,.05)!important}
  .zh-domain-overview-table>div{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:14px!important;min-height:44px!important;padding:12px 14px!important;border-bottom:1px solid #edf2f7!important}
  .zh-domain-overview-table>div:last-child{border-bottom:0!important}
  .zh-domain-overview-table span{font-size:11px!important;font-weight:700!important;color:#8090a4!important}
  .zh-domain-overview-table b{font-size:13px!important;font-weight:800!important;color:#141f37!important;text-align:right!important;max-width:58%!important}
  .zh-domain-overview-table .mobile-stack-value{line-height:1.6!important}
  .zh-domain-action-list{border-radius:14px!important;margin-top:14px!important;background:#fff!important;border:1px solid #edf2f7!important;box-shadow:0 6px 18px rgba(31,65,99,.05)!important}
  .zh-domain-action-list>button,.zh-domain-action-list>a,.zh-domain-action-list>label{min-height:58px!important;grid-template-columns:28px minmax(0,1fr) auto!important;padding:10px 14px!important;border-bottom:1px solid #edf2f7!important}
  .zh-domain-action-list>button:last-child,.zh-domain-action-list>a:last-child,.zh-domain-action-list>label:last-child{border-bottom:0!important}
}

/* V405 — Orders & Invoices mobile reference match */
@media(max-width:700px){
  body[data-portal-mobile-page="orders"] .mobile-search-field,
  body[data-portal-mobile-page="invoices"] .mobile-search-field{display:none!important}

  body[data-portal-mobile-page="orders"] .mobile-list-tools,
  body[data-portal-mobile-page="invoices"] .mobile-list-tools{margin:2px 0 22px!important}

  body[data-portal-mobile-page="orders"] .mobile-filter-chips,
  body[data-portal-mobile-page="invoices"] .mobile-filter-chips{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin:0!important}

  body[data-portal-mobile-page="orders"] .mobile-filter-chips button,
  body[data-portal-mobile-page="invoices"] .mobile-filter-chips button{height:43px!important;min-width:0!important;padding:0 8px!important;border-radius:999px!important;border:1px solid #e3ebf4!important;background:#fff!important;color:#26364d!important;font-size:12px!important;font-weight:750!important;box-shadow:0 4px 12px rgba(31,67,103,.035)!important;white-space:nowrap!important}

  body[data-portal-mobile-page="orders"] .mobile-filter-chips button span,
  body[data-portal-mobile-page="invoices"] .mobile-filter-chips button span{font-weight:750!important}

  body[data-portal-mobile-page="orders"] .mobile-filter-chips button.active,
  body[data-portal-mobile-page="invoices"] .mobile-filter-chips button.active{background:linear-gradient(180deg,#1181ff 0%,#0b6ff0 100%)!important;border-color:#0b71f1!important;color:#fff!important;box-shadow:0 9px 22px rgba(10,111,241,.2)!important}

  body[data-portal-mobile-page="orders"] .table-panel,
  body[data-portal-mobile-page="invoices"] .table-panel{background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;margin:0 -2px!important}

  body[data-portal-mobile-page="orders"] .table-wrap,
  body[data-portal-mobile-page="invoices"] .table-wrap{background:#fff!important;overflow:visible!important}

  body[data-portal-mobile-page="orders"] .client-content .table-wrap tbody,
  body[data-portal-mobile-page="invoices"] .client-content .table-wrap tbody{display:grid!important;gap:0!important;background:#fff!important}

  body[data-portal-mobile-page="orders"] .client-content .table-wrap tbody tr,
  body[data-portal-mobile-page="invoices"] .client-content .table-wrap tbody tr{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;grid-template-rows:1fr 1fr!important;gap:0 12px!important;min-height:106px!important;padding:18px 30px 18px 12px!important;border:0!important;border-bottom:1px solid #edf2f7!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;align-items:center!important}

  body[data-portal-mobile-page="orders"] .client-content .table-wrap tbody tr:last-child,
  body[data-portal-mobile-page="invoices"] .client-content .table-wrap tbody tr:last-child{border-bottom:0!important}

  body[data-portal-mobile-page="orders"] .mobile-main-cell,
  body[data-portal-mobile-page="invoices"] .mobile-main-cell{grid-column:1!important;grid-row:1 / span 2!important;display:flex!important;align-items:center!important;gap:16px!important;min-width:0!important}

  body[data-portal-mobile-page="orders"] .mobile-table-icon,
  body[data-portal-mobile-page="invoices"] .mobile-table-icon{width:56px!important;height:56px!important;flex:0 0 56px!important;border-radius:17px!important;display:grid!important;place-items:center!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important}

  body[data-portal-mobile-page="orders"] .mobile-table-icon svg,
  body[data-portal-mobile-page="invoices"] .mobile-table-icon svg{width:27px!important;height:27px!important;stroke-width:2.05!important}

  .mobile-table-icon.tone-red{background:#fff0f1!important;color:#ef3b4c!important}
  .mobile-table-icon.tone-green{background:#ebfbf4!important;color:#0bb77a!important}
  .mobile-table-icon.tone-blue{background:#edf6ff!important;color:#167cf4!important}

  body[data-portal-mobile-page="orders"] .mobile-main-cell>span:last-child,
  body[data-portal-mobile-page="invoices"] .mobile-main-cell>span:last-child{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}

  body[data-portal-mobile-page="orders"] .mobile-main-cell b,
  body[data-portal-mobile-page="invoices"] .mobile-main-cell b{font-size:14px!important;line-height:1.2!important;color:#142139!important;font-weight:850!important;letter-spacing:.05px!important;white-space:nowrap!important}

  body[data-portal-mobile-page="orders"] .mobile-main-cell small,
  body[data-portal-mobile-page="invoices"] .mobile-main-cell small{font-size:12px!important;line-height:1.2!important;color:#738298!important;margin:0!important;white-space:nowrap!important}

  body[data-portal-mobile-page="orders"] .mobile-amount-cell,
  body[data-portal-mobile-page="invoices"] .mobile-amount-cell{grid-column:2!important;grid-row:1!important;align-self:end!important;text-align:right!important;font-size:14px!important;line-height:1.2!important;color:#16223a!important;font-weight:850!important;padding:0!important;white-space:nowrap!important}

  body[data-portal-mobile-page="orders"] .mobile-status-cell,
  body[data-portal-mobile-page="invoices"] .mobile-status-cell{grid-column:2!important;grid-row:2!important;align-self:start!important;text-align:right!important;padding-top:7px!important}

  body[data-portal-mobile-page="orders"] .mobile-status-cell .status-badge,
  body[data-portal-mobile-page="invoices"] .mobile-status-cell .status-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:76px!important;padding:7px 12px!important;border-radius:999px!important;font-size:11.5px!important;line-height:1!important;font-weight:800!important}

  body[data-portal-mobile-page="orders"] .status-badge.success,
  body[data-portal-mobile-page="invoices"] .status-badge.success{background:#ddf8ed!important;color:#0c9b68!important}
  body[data-portal-mobile-page="orders"] .status-badge.warning{background:#fff0dc!important;color:#e38b24!important}
  body[data-portal-mobile-page="orders"] .status-badge.danger,
  body[data-portal-mobile-page="invoices"] .status-badge.danger{background:#ffe8ea!important;color:#df4050!important}

  body[data-portal-mobile-page="orders"] .client-content .table-wrap tbody tr:after,
  body[data-portal-mobile-page="invoices"] .client-content .table-wrap tbody tr:after{content:'›'!important;display:block!important;position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;color:#157cf2!important;font-size:26px!important;font-weight:300!important;line-height:1!important}

  body[data-portal-mobile-page="orders"] .mobile-hide-field,
  body[data-portal-mobile-page="orders"] .mobile-date-cell,
  body[data-portal-mobile-page="invoices"] .mobile-hide-field,
  body[data-portal-mobile-page="invoices"] .mobile-date-cell{display:none!important}
}

/* V406 — Payments wallet + support tickets mobile reference match */
@media(max-width:700px){
  body[data-portal-mobile-page="payments"] .portal-page-head,
  body[data-portal-mobile-page="tickets"] .portal-page-head{display:none!important}

  /* Payments */
  body[data-portal-mobile-page="payments"] .client-content{padding-top:10px!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-summary{display:block!important}
  body[data-portal-mobile-page="payments"] .mobile-wallet-card{position:relative!important;min-height:190px!important;border-radius:18px!important;padding:22px 145px 22px 20px!important;margin:0 0 22px!important;background:linear-gradient(135deg,#0b70f3 0%,#0a83f6 58%,#0797f7 100%)!important;box-shadow:0 14px 30px rgba(7,111,231,.22)!important;overflow:hidden!important}
  body[data-portal-mobile-page="payments"] .mobile-wallet-card:before{content:''!important;position:absolute!important;right:-28px!important;bottom:-42px!important;width:195px!important;height:132px!important;border-radius:40px!important;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.13))!important;transform:rotate(-23deg)!important}
  body[data-portal-mobile-page="payments"] .mobile-wallet-card:after{display:none!important}
  body[data-portal-mobile-page="payments"] .mobile-wallet-art{position:absolute!important;right:24px!important;top:38px!important;width:86px!important;height:76px!important;border-radius:20px!important;background:rgba(255,255,255,.14)!important;display:grid!important;place-items:center!important;color:#dff2ff!important;z-index:2!important}
  body[data-portal-mobile-page="payments"] .mobile-wallet-art svg{width:46px!important;height:46px!important;stroke-width:1.7!important}
  body[data-portal-mobile-page="payments"] .mobile-wallet-card small{display:block!important;font-size:17px!important;line-height:1.15!important;color:#fff!important;font-weight:750!important;margin-bottom:8px!important}
  body[data-portal-mobile-page="payments"] .mobile-wallet-card h2{font-size:38px!important;line-height:1!important;margin:0 0 12px!important;color:#fff!important;font-weight:850!important;letter-spacing:-1px!important}
  body[data-portal-mobile-page="payments"] .mobile-wallet-card p{font-size:13px!important;line-height:1.45!important;max-width:200px!important;color:#eaf5ff!important;margin:0 0 16px!important}
  body[data-portal-mobile-page="payments"] .mobile-wallet-card button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:42px!important;padding:0 17px!important;border:0!important;border-radius:9px!important;background:#fff!important;color:#0874ef!important;font-size:13px!important;font-weight:850!important;box-shadow:0 5px 14px rgba(0,75,160,.12)!important}
  body[data-portal-mobile-page="payments"] .mobile-wallet-card button svg{width:16px!important;height:16px!important;stroke-width:2.2!important}

  body[data-portal-mobile-page="payments"] .mobile-payment-summary>h3,
  body[data-portal-mobile-page="payments"] .mobile-section-head h3{font-size:20px!important;line-height:1.2!important;margin:0 0 14px!important;font-weight:850!important;color:#152038!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-methods{display:grid!important;gap:11px!important;margin-bottom:26px!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-methods>a{min-height:78px!important;grid-template-columns:56px minmax(0,1fr) 24px!important;gap:14px!important;padding:11px 14px!important;border-radius:15px!important;border:1px solid #e7eef6!important;background:#fff!important;box-shadow:0 7px 18px rgba(32,68,105,.045)!important;color:#1f2d44!important}
  body[data-portal-mobile-page="payments"] .pay-logo-card{width:52px!important;height:52px!important;border-radius:13px!important;background:#f4f8fc!important}
  body[data-portal-mobile-page="payments"] .pay-logo-card img{max-width:46px!important;max-height:42px!important}
  body[data-portal-mobile-page="payments"] .pay-logo-card.bank{font-size:26px!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-methods b{font-size:15px!important;line-height:1.15!important;font-weight:850!important;color:#152038!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-methods small{font-size:12px!important;line-height:1.2!important;color:#8090a5!important;margin-top:5px!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-methods>a>svg{width:18px!important;height:18px!important;stroke:#197cf4!important;stroke-width:2.1!important}
  body[data-portal-mobile-page="payments"] .mobile-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:5px!important}
  body[data-portal-mobile-page="payments"] .mobile-section-head h3{margin:0!important}
  body[data-portal-mobile-page="payments"] .mobile-section-head a{display:flex!important;align-items:center!important;gap:4px!important;color:#147cf4!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important}
  body[data-portal-mobile-page="payments"] .mobile-section-head a svg{width:14px!important;height:14px!important}

  body[data-portal-mobile-page="payments"] .table-panel{background:#fff!important;border:0!important;border-radius:14px!important;box-shadow:0 7px 20px rgba(32,68,105,.04)!important;overflow:hidden!important;margin:0!important}
  body[data-portal-mobile-page="payments"] .table-wrap{overflow:visible!important}
  body[data-portal-mobile-page="payments"] .table-wrap table{display:block!important;width:100%!important}
  body[data-portal-mobile-page="payments"] .table-wrap thead{display:none!important}
  body[data-portal-mobile-page="payments"] .table-wrap tbody{display:grid!important;gap:0!important}
  body[data-portal-mobile-page="payments"] .table-wrap tbody tr{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 96px!important;grid-template-rows:1fr 1fr!important;min-height:86px!important;padding:13px 13px!important;border-bottom:1px solid #edf2f7!important;background:#fff!important;align-items:center!important}
  body[data-portal-mobile-page="payments"] .table-wrap tbody tr:nth-child(n+5){display:none!important}
  body[data-portal-mobile-page="payments"] .table-wrap tbody tr:last-child{border-bottom:0!important}
  body[data-portal-mobile-page="payments"] .mobile-main-cell{grid-column:1!important;grid-row:1 / span 2!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0!important}
  body[data-portal-mobile-page="payments"] .mobile-table-icon{width:46px!important;height:46px!important;flex:0 0 46px!important;border-radius:13px!important;background:#eafbf3!important;color:#0db879!important;display:grid!important;place-items:center!important}
  body[data-portal-mobile-page="payments"] .mobile-table-icon svg{width:22px!important;height:22px!important;stroke-width:2!important}
  body[data-portal-mobile-page="payments"] .mobile-main-cell b{font-size:13px!important;line-height:1.2!important;font-weight:850!important;color:#162139!important}
  body[data-portal-mobile-page="payments"] .mobile-main-cell small{font-size:11px!important;color:#7c8a9d!important;margin-top:4px!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-method,
  body[data-portal-mobile-page="payments"] .mobile-date-cell{display:none!important}
  body[data-portal-mobile-page="payments"] .mobile-amount-cell{grid-column:2!important;grid-row:1!important;align-self:end!important;text-align:right!important;padding:0!important;font-size:13px!important;font-weight:850!important;color:#17223a!important;white-space:nowrap!important}
  body[data-portal-mobile-page="payments"] .mobile-status-cell{grid-column:2!important;grid-row:2!important;align-self:start!important;text-align:right!important;padding:6px 0 0!important}
  body[data-portal-mobile-page="payments"] .mobile-status-cell .status-badge{display:inline-flex!important;min-width:64px!important;justify-content:center!important;padding:6px 10px!important;border-radius:999px!important;font-size:10.5px!important;font-weight:800!important;background:#dff8ed!important;color:#0d9b68!important}

  /* Wallet top-up modal */
  .zh-wallet-modal{position:fixed!important;inset:0!important;z-index:500!important;background:rgba(10,25,45,.48)!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;opacity:0!important;transition:.18s ease!important;padding:0!important}
  .zh-wallet-modal.open{opacity:1!important}
  .zh-wallet-dialog{position:relative!important;width:100%!important;max-width:520px!important;border-radius:24px 24px 0 0!important;background:#fff!important;padding:26px 20px calc(24px + env(safe-area-inset-bottom))!important;box-shadow:0 -18px 45px rgba(16,46,80,.19)!important;transform:translateY(24px)!important;transition:.2s ease!important}
  .zh-wallet-modal.open .zh-wallet-dialog{transform:translateY(0)!important}
  .zh-wallet-close{position:absolute!important;right:15px!important;top:13px!important;width:36px!important;height:36px!important;border-radius:50%!important;border:0!important;background:#f1f5f9!important;color:#51637b!important;font-size:24px!important;line-height:1!important}
  .zh-wallet-modal-icon{width:58px!important;height:58px!important;border-radius:16px!important;background:#eaf4ff!important;color:#137cf5!important;display:grid!important;place-items:center!important;margin:0 auto 10px!important}
  .zh-wallet-modal-icon svg{width:29px!important;height:29px!important}
  .zh-wallet-dialog h2{text-align:center!important;font-size:22px!important;margin:0 0 5px!important;color:#152038!important}
  .zh-wallet-dialog>p{text-align:center!important;font-size:12px!important;line-height:1.45!important;color:#7d8da2!important;margin:0 18px 18px!important}
  .zh-wallet-dialog>label{display:block!important;font-size:12px!important;font-weight:800!important;color:#394b63!important;margin:12px 0 6px!important}
  .zh-wallet-dialog>label>input{width:100%!important;height:48px!important;border:1px solid #dfe8f1!important;border-radius:12px!important;padding:0 13px!important;font-size:15px!important;background:#fbfdff!important}
  .zh-wallet-method-pick{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:10px 0 14px!important}
  .zh-wallet-method-pick button{height:60px!important;border:1px solid #e4ebf3!important;border-radius:13px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#26384f!important;font-size:12px!important;font-weight:800!important}
  .zh-wallet-method-pick button.active{border-color:#1480f6!important;background:#eef7ff!important;box-shadow:0 0 0 2px rgba(20,128,246,.08)!important;color:#0d70e9!important}
  .zh-wallet-method-pick img{width:35px!important;height:35px!important;object-fit:contain!important}
  .zh-wallet-phone{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;height:48px!important;border:1px solid #dfe8f1!important;border-radius:12px!important;overflow:hidden!important;background:#fbfdff!important}
  .zh-wallet-phone span{display:flex!important;align-items:center!important;justify-content:center!important;border-right:1px solid #e5edf5!important;font-size:12px!important;color:#4a5d74!important}
  .zh-wallet-phone input{border:0!important;outline:0!important;background:transparent!important;padding:0 12px!important;font-size:14px!important;min-width:0!important}
  .zh-wallet-status{display:none!important;margin:12px 0!important;padding:11px 12px!important;border-radius:10px!important;background:#f1f7fd!important;color:#52708d!important;font-size:11px!important;line-height:1.4!important}
  .zh-wallet-status.show,.zh-wallet-status.error,.zh-wallet-status.success{display:block!important}
  .zh-wallet-status.error{background:#fff0f2!important;color:#a4404f!important}
  .zh-wallet-status.success{background:#ecfaf3!important;color:#17835a!important}
  .zh-wallet-dialog .mobile-primary-action{width:100%!important;height:48px!important;border-radius:11px!important;background:linear-gradient(180deg,#1181ff,#0b6ff0)!important;color:#fff!important;border:0!important;font-size:13px!important;font-weight:850!important;margin-top:12px!important}

  /* Support tickets list */
  body[data-portal-mobile-page="tickets"] .ticket-layout{display:block!important}
  body[data-portal-mobile-page="tickets"] .ticket-layout>.panel:first-child{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
  body[data-portal-mobile-page="tickets"] .ticket-layout>.panel:first-child>.panel-head{display:none!important}
  body[data-portal-mobile-page="tickets"] .mobile-list-tools{margin:0 0 18px!important}
  body[data-portal-mobile-page="tickets"] .mobile-search-field{height:48px!important;border-radius:14px!important;background:#f3f8fd!important;border:1px solid #eaf1f7!important}
  body[data-portal-mobile-page="tickets"] .mobile-search-field input{font-size:13px!important}
  body[data-portal-mobile-page="tickets"] .mobile-filter-chips{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin-top:12px!important}
  body[data-portal-mobile-page="tickets"] .mobile-filter-chips button{height:40px!important;min-width:0!important;border-radius:999px!important;background:#fff!important;border:1px solid #e5edf5!important;font-size:11px!important;font-weight:750!important;color:#33465e!important;padding:0 8px!important}
  body[data-portal-mobile-page="tickets"] .mobile-filter-chips button.active{background:linear-gradient(180deg,#1181ff,#0b6ff0)!important;color:#fff!important;border-color:#0b71f1!important;box-shadow:0 8px 18px rgba(10,111,241,.18)!important}
  body[data-portal-mobile-page="tickets"] #ticketList{display:grid!important;gap:13px!important}
  body[data-portal-mobile-page="tickets"] .ticket-row{position:relative!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) auto 18px!important;gap:13px!important;align-items:center!important;min-height:112px!important;padding:16px!important;border:1px solid #e8eff6!important;border-radius:17px!important;background:#fff!important;box-shadow:0 8px 22px rgba(32,68,105,.045)!important;text-align:left!important;color:#19283f!important}
  body[data-portal-mobile-page="tickets"] .mobile-ticket-icon{width:46px!important;height:46px!important;border-radius:13px!important;background:#edf6ff!important;color:#1c7df5!important;display:grid!important;place-items:center!important}
  body[data-portal-mobile-page="tickets"] .mobile-ticket-icon svg{width:22px!important;height:22px!important}
  body[data-portal-mobile-page="tickets"] .ticket-row>div b{font-size:14px!important;font-weight:850!important;color:#172139!important}
  body[data-portal-mobile-page="tickets"] .ticket-row h3{font-size:13px!important;line-height:1.25!important;margin:4px 0 9px!important;font-weight:750!important;color:#273750!important}
  body[data-portal-mobile-page="tickets"] .ticket-row p{display:none!important}
  body[data-portal-mobile-page="tickets"] .ticket-row small{font-size:11px!important;color:#7c8a9d!important}
  body[data-portal-mobile-page="tickets"] .ticket-row .status-badge{align-self:start!important;margin-top:23px!important;min-width:67px!important;padding:7px 10px!important;border-radius:999px!important;font-size:10px!important;font-weight:800!important}
  body[data-portal-mobile-page="tickets"] .mobile-ticket-arrow{color:#197cf4!important}
  body[data-portal-mobile-page="tickets"] .mobile-ticket-arrow svg{width:16px!important;height:16px!important}
  body[data-portal-mobile-page="tickets"] .mobile-ticket-fab{width:64px!important;height:64px!important;right:24px!important;bottom:calc(var(--mobile-bottom) + 22px + env(safe-area-inset-bottom))!important;border-radius:50%!important;background:linear-gradient(180deg,#1181ff,#0b6ff0)!important;box-shadow:0 12px 28px rgba(10,111,241,.30)!important}
  body[data-portal-mobile-page="tickets"] .mobile-ticket-fab svg{width:27px!important;height:27px!important;stroke-width:1.8!important}
}


/* V407 tickets + create ticket mobile closer to reference */
@media(max-width:700px){
  body[data-portal-mobile-page="tickets"] .portal-page-head{display:none!important}
  body[data-portal-mobile-page="tickets"] #ticketList{gap:16px!important}
  body[data-portal-mobile-page="tickets"] .ticket-row{position:relative!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) auto 18px!important;gap:13px!important;align-items:center!important;min-height:112px!important;padding:16px!important;border:1px solid #e8eff6!important;border-radius:17px!important;background:#fff!important;box-shadow:0 8px 22px rgba(32,68,105,.045)!important;text-align:left!important;color:#19283f!important}
  body[data-portal-mobile-page="tickets"] .mobile-ticket-icon{width:46px!important;height:46px!important;border-radius:13px!important;background:#edf6ff!important;color:#1c7df5!important;display:grid!important;place-items:center!important}
  body[data-portal-mobile-page="tickets"] .mobile-ticket-icon.red{background:#fff1f1!important;color:#f05d5d!important}
  body[data-portal-mobile-page="tickets"] .mobile-ticket-icon.blue{background:#edf6ff!important;color:#1c7df5!important}
  body[data-portal-mobile-page="tickets"] .mobile-ticket-icon svg{width:22px!important;height:22px!important}
  body[data-portal-mobile-page="tickets"] .ticket-row>div b{font-size:14px!important;font-weight:850!important;color:#172139!important}
  body[data-portal-mobile-page="tickets"] .ticket-row h3{font-size:13px!important;line-height:1.25!important;margin:4px 0 9px!important;font-weight:750!important;color:#273750!important}
  body[data-portal-mobile-page="tickets"] .ticket-row p{display:none!important}
  body[data-portal-mobile-page="tickets"] .ticket-row small{font-size:11px!important;color:#7c8a9d!important}
  body[data-portal-mobile-page="tickets"] .ticket-row .status-badge{align-self:start!important;margin-top:23px!important;min-width:67px!important;padding:7px 12px!important;border-radius:999px!important;font-size:10px!important;font-weight:800!important}
  body[data-portal-mobile-page="tickets"] .ticket-row .status-badge.info{background:#eef6ff!important;color:#2681f2!important}
  body[data-portal-mobile-page="tickets"] .ticket-row .status-badge.warning{background:#fff3e5!important;color:#e29a32!important}
  body[data-portal-mobile-page="tickets"] .mobile-ticket-arrow{color:#197cf4!important}
  body[data-portal-mobile-page="tickets"] .mobile-ticket-arrow svg{width:16px!important;height:16px!important}
  body[data-portal-mobile-page="tickets"] .mobile-ticket-fab{width:64px!important;height:64px!important;right:24px!important;bottom:calc(var(--mobile-bottom) + 22px + env(safe-area-inset-bottom))!important;border-radius:50%!important;background:linear-gradient(180deg,#1181ff,#0b6ff0)!important;box-shadow:0 12px 28px rgba(10,111,241,.30)!important}
  body[data-portal-mobile-page="tickets"] .mobile-ticket-fab svg{width:27px!important;height:27px!important;stroke-width:1.8!important}

  body.mobile-ticket-compose .ticket-composer{display:block!important;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:18px 16px 24px!important}
  body.mobile-ticket-compose .ticket-composer .panel-head{display:none!important}
  body.mobile-ticket-compose .ticket-composer form{display:block!important}
  body.mobile-ticket-compose .ticket-composer form .field{margin-bottom:16px!important}
  body.mobile-ticket-compose .ticket-composer form label{display:block!important;font-size:13px!important;font-weight:800!important;color:#1c2741!important;margin:0 0 8px!important}
  body.mobile-ticket-compose .ticket-composer form .mini{font-size:12px!important;color:#7e8b9c!important;font-weight:700!important}
  body.mobile-ticket-compose .ticket-composer form input,
  body.mobile-ticket-compose .ticket-composer form select,
  body.mobile-ticket-compose .ticket-composer form textarea{width:100%!important;box-sizing:border-box!important;font-size:14px!important;color:#18243d!important;border-radius:12px!important;border:1px solid #dde7f1!important;background:#fff!important;margin:0!important;padding:14px 14px!important;box-shadow:none!important}
  body.mobile-ticket-compose .ticket-composer form input::placeholder,
  body.mobile-ticket-compose .ticket-composer form textarea::placeholder{color:#9aa7b6!important}
  body.mobile-ticket-compose .ticket-composer form select{height:54px!important;background:#fff!important}
  body.mobile-ticket-compose .ticket-composer form textarea{min-height:170px!important;resize:none!important}
  body.mobile-ticket-compose .ticket-composer #tAttachment{padding:11px!important;background:#fbfdff!important}
  body.mobile-ticket-compose .ticket-composer .mobile-upload-help{display:block!important;margin-top:9px!important;font-size:12px!important;line-height:1.5!important;color:#96a3b2!important}
  body.mobile-ticket-compose .ticket-composer form .btn{width:100%!important;height:54px!important;border-radius:12px!important;font-size:17px!important;font-weight:800!important;margin-top:6px!important;background:linear-gradient(180deg,#1180ff,#0a6ef1)!important;border-color:#0a70f3!important;box-shadow:0 12px 24px rgba(10,110,241,.18)!important}
  body.mobile-ticket-compose .ticket-composer .form-result{margin-top:10px!important;font-size:13px!important;text-align:center!important}
  body.mobile-ticket-compose .ticket-layout>.panel:first-child, body.mobile-ticket-compose #ticketThread{display:none!important}
}


/* V408 notifications + profile mobile closer to reference */
@media(max-width:700px){
  body[data-portal-mobile-page="notifications"] .portal-page-head,
  body[data-portal-mobile-page="profile"] .portal-page-head{display:none!important}

  body[data-portal-mobile-page="notifications"] .notification-list{gap:14px!important}
  body[data-portal-mobile-page="notifications"] .notification-item{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;min-height:112px!important;padding:18px 16px!important;border:0!important;border-radius:17px!important;background:#fff!important;box-shadow:0 8px 24px rgba(32,68,105,.045)!important}
  body[data-portal-mobile-page="notifications"] .notification-icon{width:54px!important;height:54px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#ffecec!important;color:#ef4f5e!important}
  body[data-portal-mobile-page="notifications"] .notification-icon svg{width:26px!important;height:26px!important;stroke-width:1.9!important}
  body[data-portal-mobile-page="notifications"] .notification-item.type-renewal .notification-icon{background:#fff4dc!important;color:#efa61f!important}
  body[data-portal-mobile-page="notifications"] .notification-item.type-ticket .notification-icon{background:#eaf6ff!important;color:#1685ef!important}
  body[data-portal-mobile-page="notifications"] .notification-item.type-activation .notification-icon,
  body[data-portal-mobile-page="notifications"] .notification-item.type-payment .notification-icon,
  body[data-portal-mobile-page="notifications"] .notification-item.type-order .notification-icon,
  body[data-portal-mobile-page="notifications"] .notification-item.success .notification-icon{background:#e7faf1!important;color:#17b276!important}
  body[data-portal-mobile-page="notifications"] .notification-copy b{display:block!important;font-size:15px!important;line-height:1.25!important;font-weight:850!important;color:#18233a!important}
  body[data-portal-mobile-page="notifications"] .notification-copy p{font-size:13px!important;line-height:1.45!important;color:#69798f!important;margin:7px 0 8px!important}
  body[data-portal-mobile-page="notifications"] .notification-copy small{display:block!important;font-size:12px!important;font-weight:650!important;color:#8795a6!important}
  body[data-portal-mobile-page="notifications"] .notification-link{display:inline-flex!important;margin-top:7px!important;font-size:11px!important;font-weight:800!important;color:#0b79ef!important}

  body[data-portal-mobile-page="profile"] .client-content{background:#f8fbfe!important}
  body[data-portal-mobile-page="profile"] .mobile-profile-summary{display:block!important;text-align:center!important;max-width:100%!important}
  body[data-portal-mobile-page="profile"] .mobile-profile-avatar{position:relative!important;width:112px!important;height:112px!important;border-radius:50%!important;margin:10px auto 12px!important;background:linear-gradient(145deg,#e6f4ff,#f4faff)!important;border:1px solid #e1edf7!important;display:grid!important;place-items:center!important;color:#0d7cf2!important;box-shadow:0 8px 24px rgba(23,99,170,.08)!important}
  body[data-portal-mobile-page="profile"] .mobile-profile-avatar>svg{width:64px!important;height:64px!important;stroke-width:1.8!important;fill:#0d7cf2!important;stroke:#0d7cf2!important}
  body[data-portal-mobile-page="profile"] .mobile-profile-avatar>span{position:absolute!important;right:2px!important;bottom:7px!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#0a7cf2!important;color:#fff!important;border:3px solid #fff!important;display:grid!important;place-items:center!important;box-shadow:0 4px 10px rgba(10,124,242,.18)!important}
  body[data-portal-mobile-page="profile"] .mobile-profile-avatar>span svg{width:15px!important;height:15px!important;stroke:#fff!important;fill:none!important;stroke-width:2!important}
  body[data-portal-mobile-page="profile"] .mobile-profile-summary>h2{font-size:22px!important;line-height:1.2!important;margin:0 0 5px!important;font-weight:850!important;color:#172139!important}
  body[data-portal-mobile-page="profile"] .mobile-profile-summary>p{font-size:14px!important;color:#7c899b!important;margin:0 0 16px!important}
  body[data-portal-mobile-page="profile"] .mobile-profile-card{text-align:left!important;background:#fff!important;border:1px solid #e8eef5!important;border-radius:17px!important;overflow:hidden!important;margin-bottom:16px!important;box-shadow:0 8px 24px rgba(32,68,105,.045)!important}
  body[data-portal-mobile-page="profile"] .mobile-profile-card>div{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:13px!important;align-items:center!important;min-height:72px!important;padding:12px 16px!important;border-bottom:1px solid #edf2f6!important}
  body[data-portal-mobile-page="profile"] .mobile-profile-card>div:last-child{border-bottom:0!important}
  body[data-portal-mobile-page="profile"] .mobile-profile-card>div>svg{width:24px!important;height:24px!important;stroke:#167ef0!important;stroke-width:1.9!important}
  body[data-portal-mobile-page="profile"] .mobile-profile-card span{display:flex!important;flex-direction:column!important;min-width:0!important}
  body[data-portal-mobile-page="profile"] .mobile-profile-card small{font-size:12px!important;line-height:1.25!important;color:#78879a!important;margin-bottom:4px!important}
  body[data-portal-mobile-page="profile"] .mobile-profile-card b{font-size:14px!important;line-height:1.35!important;color:#26364f!important;font-weight:750!important;overflow-wrap:anywhere!important}
  body[data-portal-mobile-page="profile"] .mobile-profile-edit-btn{width:100%!important;height:54px!important;border-radius:12px!important;background:linear-gradient(180deg,#1180ff,#0a6ef1)!important;color:#fff!important;border:1px solid #0a70f3!important;font-size:17px!important;font-weight:800!important;box-shadow:0 12px 24px rgba(10,110,241,.18)!important}
  body[data-portal-mobile-page="profile"] .profile-panel.mobile-edit-open{display:block!important;margin-top:16px!important;padding:16px!important;border-radius:16px!important;background:#fff!important;border:1px solid #e8eef5!important;box-shadow:0 8px 24px rgba(32,68,105,.045)!important}
  body[data-portal-mobile-page="profile"] .profile-panel.mobile-edit-open .billing-note{font-size:11px!important;line-height:1.5!important;margin-bottom:12px!important}
  body[data-portal-mobile-page="profile"] .profile-panel.mobile-edit-open .profile-grid{grid-template-columns:1fr!important;gap:10px!important}
  body[data-portal-mobile-page="profile"] .profile-panel.mobile-edit-open input,
  body[data-portal-mobile-page="profile"] .profile-panel.mobile-edit-open select{font-size:13px!important;padding:13px 14px!important;border-radius:10px!important}
  body[data-portal-mobile-page="profile"] .profile-panel.mobile-edit-open .btn{width:100%!important;height:48px!important;border-radius:10px!important;font-size:14px!important}
}


/* V409 — Security + Settings mobile screens matched to supplied reference */
@media(max-width:700px){
  body[data-portal-mobile-page="security"],
  body[data-portal-mobile-page="settings"]{--mobile-top:70px;--mobile-bottom:72px;background:#f7fbff!important}
  body[data-portal-mobile-page="security"] .client-content,
  body[data-portal-mobile-page="settings"] .client-content{padding:calc(var(--mobile-top) + 12px) 15px calc(var(--mobile-bottom) + 24px)!important}

  /* Header — clean white reference style */
  body[data-portal-mobile-page="security"] .zh-mobile-topbar.section-top,
  body[data-portal-mobile-page="settings"] .zh-mobile-topbar.section-top{height:var(--mobile-top)!important;grid-template-columns:42px minmax(0,1fr) 42px!important;padding:0 13px!important;background:#fff!important;border-bottom:1px solid #edf2f7!important;box-shadow:0 1px 0 rgba(16,33,56,.01)!important}
  body[data-portal-mobile-page="security"] .zh-mobile-back,
  body[data-portal-mobile-page="security"] .zh-mobile-more,
  body[data-portal-mobile-page="settings"] .zh-mobile-back,
  body[data-portal-mobile-page="settings"] .zh-mobile-more{width:42px!important;height:42px!important;flex:0 0 42px!important;color:#087bf0!important;background:transparent!important;border-radius:12px!important}
  body[data-portal-mobile-page="security"] .zh-mobile-back svg,
  body[data-portal-mobile-page="security"] .zh-mobile-more svg,
  body[data-portal-mobile-page="settings"] .zh-mobile-back svg,
  body[data-portal-mobile-page="settings"] .zh-mobile-more svg{width:23px!important;height:23px!important;stroke-width:2.25!important}
  body[data-portal-mobile-page="security"] .zh-mobile-page-title,
  body[data-portal-mobile-page="settings"] .zh-mobile-page-title{font-size:20px!important;font-weight:850!important;letter-spacing:-.45px!important;color:#10172b!important}

  /* Reference bottom nav: selected item is blue, not a filled pill */
  body[data-portal-mobile-page="security"] .zh-mobile-bottom-nav,
  body[data-portal-mobile-page="settings"] .zh-mobile-bottom-nav{height:calc(var(--mobile-bottom) + env(safe-area-inset-bottom))!important;padding:7px 9px env(safe-area-inset-bottom)!important;background:#fff!important;border-top:1px solid #e6edf5!important;box-shadow:0 -3px 16px rgba(39,72,106,.045)!important}
  body[data-portal-mobile-page="security"] .zh-mobile-bottom-nav a,
  body[data-portal-mobile-page="settings"] .zh-mobile-bottom-nav a{font-size:10.5px!important;font-weight:600!important;color:#586f89!important;gap:4px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body[data-portal-mobile-page="security"] .zh-mobile-bottom-nav a svg,
  body[data-portal-mobile-page="settings"] .zh-mobile-bottom-nav a svg{width:22px!important;height:22px!important;stroke-width:1.9!important}
  body[data-portal-mobile-page="security"] .zh-mobile-bottom-nav .selected,
  body[data-portal-mobile-page="settings"] .zh-mobile-bottom-nav .selected{background:transparent!important;color:#087bf0!important;box-shadow:none!important}

  /* Security screen — five separated soft cards */
  body[data-portal-mobile-page="security"] #mobileSecurityMenu{display:grid!important;gap:12px!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important}
  body[data-portal-mobile-page="security"] #mobileSecurityMenu>.zh-setting-row{min-height:82px!important;width:100%!important;margin:0!important;padding:11px 12px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;background:#fff!important;border:1px solid #edf2f7!important;border-radius:15px!important;box-shadow:0 5px 16px rgba(36,74,112,.045)!important;color:#142039!important;text-align:left!important;font:inherit!important}
  body[data-portal-mobile-page="security"] #mobileSecurityMenu>.zh-setting-row>svg:first-child{width:44px!important;height:44px!important;padding:11px!important;box-sizing:border-box!important;border-radius:50%!important;background:#eef7ff!important;color:#142b75!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important}
  body[data-portal-mobile-page="security"] #mobileSecurityMenu>.twofa-row>svg:first-child{background:#eaf6ff!important;color:#087bf0!important}
  body[data-portal-mobile-page="security"] #mobileSecurityMenu>.email-row>svg:first-child{background:#f1efff!important;color:#3332c7!important}
  body[data-portal-mobile-page="security"] #mobileSecurityMenu>.zh-setting-row>svg:last-child{width:21px!important;height:21px!important;color:#6f86a0!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important}
  body[data-portal-mobile-page="security"] #mobileSecurityMenu>.zh-setting-row span{display:flex!important;min-width:0!important;flex-direction:column!important;justify-content:center!important}
  body[data-portal-mobile-page="security"] #mobileSecurityMenu b{font-size:15px!important;line-height:1.25!important;font-weight:800!important;color:#121a2d!important;letter-spacing:-.15px!important}
  body[data-portal-mobile-page="security"] #mobileSecurityMenu small{font-size:12px!important;line-height:1.42!important;color:#77879b!important;margin-top:4px!important;font-weight:500!important}
  body[data-portal-mobile-page="security"] #mobileSecurityMenu .mobile-toggle{width:50px!important;height:29px!important;border-radius:99px!important;background:#dbe6ef!important;box-shadow:none!important}
  body[data-portal-mobile-page="security"] #mobileSecurityMenu .mobile-toggle:before{width:25px!important;height:25px!important;left:2px!important;top:2px!important;box-shadow:0 1px 4px rgba(28,52,80,.22)!important}
  body[data-portal-mobile-page="security"] #mobileSecurityMenu .mobile-toggle:checked{background:#087bf0!important}
  body[data-portal-mobile-page="security"] #mobileSecurityMenu .mobile-toggle:checked:before{transform:translateX(21px)!important}

  /* Expanded password panel remains functional but feels native to the screen */
  body[data-portal-mobile-page="security"].mobile-password-open .security-card:first-of-type{display:block!important;margin:13px 0 0!important;padding:15px!important;border-radius:15px!important;background:#fff!important;border:1px solid #e9f0f6!important;box-shadow:0 7px 20px rgba(36,74,112,.055)!important}
  body[data-portal-mobile-page="security"].mobile-password-open .security-card:first-of-type h2{font-size:16px!important}
  body[data-portal-mobile-page="security"].mobile-password-open .security-card:first-of-type p{font-size:11px!important}
  body[data-portal-mobile-page="security"].mobile-password-open .security-card:first-of-type input{font-size:13px!important;padding:11px 12px!important;border-radius:10px!important}
  body[data-portal-mobile-page="security"].mobile-password-open .security-card:first-of-type .btn{height:43px!important;border-radius:10px!important;font-size:13px!important}
  body[data-portal-mobile-page="security"] .twofa-panel{left:15px!important;right:15px!important;border-radius:15px!important;bottom:calc(var(--mobile-bottom) + 12px)!important}

  .zh-security-info-toast{position:fixed;z-index:260;left:16px;right:16px;bottom:calc(var(--mobile-bottom) + 18px + env(safe-area-inset-bottom));padding:13px 15px;border:1px solid #e4edf6;border-radius:13px;background:#fff;box-shadow:0 14px 34px rgba(25,58,92,.17);display:flex;flex-direction:column;gap:3px;opacity:0;transform:translateY(18px);pointer-events:none;transition:.2s ease}
  .zh-security-info-toast.show{opacity:1;transform:translateY(0)}
  .zh-security-info-toast b{font-size:13px;color:#17233a}.zh-security-info-toast span{font-size:10.5px;line-height:1.45;color:#6e8096}

  /* Settings screen — grouped rounded cards exactly like reference */
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu{display:block!important}
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu>h3{font-size:18px!important;line-height:1.2!important;font-weight:850!important;letter-spacing:-.35px!important;color:#11182b!important;margin:10px 2px 12px!important}
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu>h3:not(:first-child){margin-top:28px!important}
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu .mobile-settings-menu{margin:0!important;background:#fff!important;border:1px solid #eaf0f6!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 5px 16px rgba(36,74,112,.035)!important}
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu .mobile-general-settings>button{min-height:74px!important;grid-template-columns:48px minmax(0,1fr) 22px!important;gap:12px!important;padding:10px 14px!important;border:0!important;border-bottom:1px solid #e9eff5!important;background:#fff!important;color:#142039!important;text-align:left!important}
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu .mobile-general-settings>button:last-child{border-bottom:0!important}
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu .mobile-general-settings>button>svg:first-child{width:42px!important;height:42px!important;padding:10px!important;box-sizing:border-box!important;border-radius:50%!important;background:#eef7ff!important;color:#182b69!important;stroke:currentColor!important;fill:none!important;stroke-width:1.85!important}
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu .mobile-general-settings>button>svg:last-child{width:20px!important;height:20px!important;color:#6e87a0!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important}
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu .mobile-general-settings span{display:flex!important;flex-direction:column!important;min-width:0!important}
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu .mobile-general-settings b{font-size:14.5px!important;line-height:1.25!important;font-weight:800!important;color:#131c31!important}
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu .mobile-general-settings small{font-size:12.5px!important;line-height:1.25!important;color:#6f8299!important;margin-top:5px!important;font-weight:500!important}

  body[data-portal-mobile-page="settings"] #mobileSettingsMenu .mobile-notification-settings>label{min-height:63px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 52px!important;align-items:center!important;gap:12px!important;padding:9px 14px!important;border:0!important;border-bottom:1px solid #e9eff5!important;background:#fff!important;color:#17233a!important}
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu .mobile-notification-settings>label:last-child{border-bottom:0!important}
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu .settings-noicon{grid-column:auto!important;padding:0!important}
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu .mobile-notification-settings b{font-size:14px!important;line-height:1.3!important;font-weight:650!important;color:#17233a!important}
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu .mobile-toggle{width:50px!important;height:29px!important;border-radius:99px!important;background:#dbe6ef!important;box-shadow:none!important}
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu .mobile-toggle:before{width:25px!important;height:25px!important;left:2px!important;top:2px!important;box-shadow:0 1px 4px rgba(28,52,80,.22)!important}
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu .mobile-toggle:checked{background:#087bf0!important}
  body[data-portal-mobile-page="settings"] #mobileSettingsMenu .mobile-toggle:checked:before{transform:translateX(21px)!important}
}

@media(max-width:380px){
  body[data-portal-mobile-page="security"] .client-content,
  body[data-portal-mobile-page="settings"] .client-content{padding-left:12px!important;padding-right:12px!important}
  body[data-portal-mobile-page="security"] #mobileSecurityMenu>.zh-setting-row{grid-template-columns:44px minmax(0,1fr) auto!important;gap:9px!important;padding-left:10px!important;padding-right:10px!important}
  body[data-portal-mobile-page="security"] #mobileSecurityMenu>.zh-setting-row>svg:first-child{width:40px!important;height:40px!important;padding:10px!important}
  body[data-portal-mobile-page="security"] #mobileSecurityMenu b{font-size:14px!important}
  body[data-portal-mobile-page="security"] #mobileSecurityMenu small{font-size:11px!important}
}

/* V410 — mobile header navigation drawer matched to supplied reference */
@media(max-width:700px){
  .client-sidebar{
    left:0!important;
    right:auto!important;
    top:0!important;
    width:min(90vw,390px)!important;
    height:100dvh!important;
    padding:0 18px 18px!important;
    border:0!important;
    border-right:1px solid #dfe9f3!important;
    border-radius:0 24px 24px 0!important;
    background:#fff!important;
    box-shadow:22px 0 60px rgba(7,49,91,.22)!important;
    transform:translateX(-105%)!important;
    transition:transform .24s cubic-bezier(.2,.8,.2,1)!important;
    overflow:hidden!important;
    z-index:220!important;
    pointer-events:none!important;
  }
  .client-sidebar.open{
    transform:translateX(0)!important;
    pointer-events:auto!important;
  }
  .client-sidebar-overlay{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:215!important;
    background:rgba(5,43,80,.58)!important;
    backdrop-filter:blur(2px)!important;
    -webkit-backdrop-filter:blur(2px)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .2s ease!important;
  }
  .client-sidebar-overlay.open{opacity:1!important;pointer-events:auto!important}

  .mobile-drawer-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex:0 0 86px!important;
    height:86px!important;
    padding:0 6px 0 10px!important;
    margin:0 -2px 6px!important;
    border-bottom:1px solid #edf2f7!important;
    background:#fff!important;
  }
  .mobile-drawer-logo{display:flex!important;align-items:center!important;min-width:0!important}
  .mobile-drawer-logo img{
    height:46px!important;
    width:auto!important;
    max-width:205px!important;
    object-fit:contain!important;
  }
  .mobile-drawer-head button{
    width:44px!important;
    height:44px!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#243951!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
  }
  .mobile-drawer-head button svg{width:25px!important;height:25px!important;stroke-width:2!important}

  .client-sidebar>.client-brand{display:none!important}
  .client-nav{
    display:grid!important;
    grid-auto-rows:minmax(48px,auto)!important;
    gap:3px!important;
    margin:4px 0 10px!important;
    padding:0 0 4px!important;
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:none!important;
  }
  .client-nav::-webkit-scrollbar{display:none!important}
  .client-nav a{
    position:relative!important;
    min-height:48px!important;
    padding:0 14px 0 17px!important;
    border-radius:11px!important;
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:720!important;
    letter-spacing:-.1px!important;
    color:#22334b!important;
    background:transparent!important;
  }
  .client-nav a svg{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
    color:#31587d!important;
    stroke-width:1.9!important;
  }
  .client-nav a.selected{
    background:linear-gradient(90deg,#e8f4ff 0%,#eef7ff 100%)!important;
    color:#0a74e8!important;
    font-weight:820!important;
  }
  .client-nav a.selected svg{color:#0a74e8!important;stroke-width:2.2!important}
  .client-nav a.selected:before{
    display:block!important;
    content:""!important;
    position:absolute!important;
    left:-18px!important;
    top:0!important;
    bottom:0!important;
    width:5px!important;
    border-radius:0 5px 5px 0!important;
    background:#0b7cf2!important;
  }
  .client-nav-badge{
    margin-left:auto!important;
    min-width:27px!important;
    height:27px!important;
    padding:0 7px!important;
    border-radius:999px!important;
    background:#f12f3e!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:900!important;
    box-shadow:0 5px 11px rgba(241,47,62,.24)!important;
  }
  .side-help{display:none!important}
  .mobile-drawer-logout{
    display:flex!important;
    align-items:center!important;
    gap:15px!important;
    flex:0 0 auto!important;
    min-height:70px!important;
    margin:2px 0 0!important;
    padding:18px 16px 8px!important;
    border-top:1px solid #e7edf4!important;
    color:#e23a46!important;
    font-size:16px!important;
    font-weight:800!important;
    background:#fff!important;
  }
  .mobile-drawer-logout svg{width:23px!important;height:23px!important;stroke-width:2!important}
}

@media(max-width:380px){
  .client-sidebar{width:91vw!important;padding-left:14px!important;padding-right:14px!important}
  .mobile-drawer-head{height:76px!important;flex-basis:76px!important}
  .mobile-drawer-logo img{height:42px!important;max-width:185px!important}
  .client-nav{gap:1px!important}
  .client-nav a{min-height:44px!important;font-size:14px!important;gap:15px!important;padding-left:15px!important}
  .client-nav a svg{width:20px!important;height:20px!important;flex-basis:20px!important}
  .mobile-drawer-logout{min-height:58px!important;font-size:15px!important;padding-top:12px!important}
}

/* V413 — Client Portal navigation/runtime reliability */
@media(max-width:900px){
  .client-sidebar{
    display:flex!important;
    left:0!important;
    right:auto!important;
    top:0!important;
    bottom:0!important;
    width:min(90vw,390px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:0 18px 18px!important;
    border:0!important;
    border-right:1px solid #dfe9f3!important;
    border-radius:0 24px 24px 0!important;
    background:#fff!important;
    box-shadow:22px 0 60px rgba(7,49,91,.22)!important;
    transform:translate3d(-105%,0,0)!important;
    transition:transform .24s cubic-bezier(.2,.8,.2,1)!important;
    overflow:hidden!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:420!important;
    pointer-events:none!important;
    will-change:transform!important;
  }
  .client-sidebar.open{
    transform:translate3d(0,0,0)!important;
    pointer-events:auto!important;
  }
  .client-sidebar-overlay{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:410!important;
    background:rgba(5,43,80,.58)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .2s ease,visibility .2s ease!important;
  }
  .client-sidebar-overlay.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  html.zh-drawer-open,body.zh-drawer-open{overscroll-behavior:none!important}
  body.zh-drawer-open{overflow:hidden!important;touch-action:none!important}
  .zh-mobile-top-action,.zh-mobile-more,.zh-menu-btn,[data-client-drawer-open],[data-client-drawer-toggle]{pointer-events:auto!important;touch-action:manipulation!important}
  .zh-mobile-bottom-nav button{
    border:0!important;
    background:transparent!important;
    color:#536a83!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    font-size:9px!important;
    font-weight:650!important;
    border-radius:12px!important;
    padding:5px 2px!important;
    min-width:0!important;
    cursor:pointer!important;
    font-family:inherit!important;
  }
  .zh-mobile-bottom-nav button svg{width:21px!important;height:21px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
  .zh-mobile-bottom-nav button.selected{background:#eaf4ff!important;color:#087cf0!important;box-shadow:none!important;font-weight:800!important}
  .zh-mobile-bottom-nav button.selected svg{stroke-width:2.2!important}
}


/* V414 — FIX: drawer had overlay but panel was hidden by a higher-specificity
   legacy rule in assets/style.css: `.client-body .client-sidebar{display:none!important}`. */
@media(max-width:900px){
  body.client-body #clientSidebar.client-sidebar{
    display:flex!important;
    position:fixed!important;
    left:0!important;
    right:auto!important;
    top:0!important;
    bottom:0!important;
    width:min(90vw,390px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    z-index:10002!important;
    visibility:visible!important;
    opacity:1!important;
    transform:translate3d(-105%,0,0)!important;
    pointer-events:none!important;
    touch-action:pan-y!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body.client-body #clientSidebar.client-sidebar.open{
    display:flex!important;
    transform:translate3d(0,0,0)!important;
    pointer-events:auto!important;
  }
  body.client-body #clientSidebarOverlay.client-sidebar-overlay{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:10001!important;
  }
  body.client-body #clientSidebar .client-nav{
    display:grid!important;
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }
  body.client-body.zh-drawer-open #clientSidebar,
  html.zh-drawer-open body.client-body #clientSidebar{visibility:visible!important}
}

/* V415 payments page match improvements */
@media (max-width:700px){
  body[data-portal-mobile-page="payments"] .mobile-payment-summary h3{font-size:16px!important;font-weight:850!important;color:#152038!important;margin:0 0 6px!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-subtitle{margin:0 0 14px!important;font-size:12px!important;color:#7f8ea3!important}
  body[data-portal-mobile-page="payments"] .mobile-wallet-card{padding:22px 140px 22px 20px!important}
  body[data-portal-mobile-page="payments"] .mobile-wallet-art{position:absolute!important;right:18px!important;top:28px!important;width:118px!important;height:104px!important}
  body[data-portal-mobile-page="payments"] .mobile-wallet-card:before{display:none!important}
  body[data-portal-mobile-page="payments"] .pay-bubble{position:absolute!important;display:grid!important;place-items:center!important;border-radius:50%!important;font-weight:900!important;color:#fff!important;background:linear-gradient(180deg,#2f88ff,#0b64ea)!important;box-shadow:0 14px 24px rgba(7,76,171,.25)!important}
  body[data-portal-mobile-page="payments"] .pay-bubble.main{left:0!important;top:42px!important;width:44px!important;height:44px!important;font-size:18px!important}
  body[data-portal-mobile-page="payments"] .pay-bubble.small{right:2px!important;top:0!important;width:34px!important;height:34px!important;font-size:14px!important;background:linear-gradient(180deg,#ffd879,#f2aa22)!important;color:#fff4d3!important}
  body[data-portal-mobile-page="payments"] .wallet-stack{position:absolute!important;right:10px!important;top:18px!important;width:70px!important;height:52px!important;border-radius:17px!important;background:linear-gradient(180deg,#b7dbff,#7cb8ff)!important;box-shadow:0 18px 26px rgba(11,95,214,.22)!important}
  body[data-portal-mobile-page="payments"] .wallet-stack.back{right:42px!important;top:34px!important;width:64px!important;height:48px!important;opacity:.88!important}
  body[data-portal-mobile-page="payments"] .wallet-stack.front{display:flex!important;align-items:center!important;justify-content:center!important}
  body[data-portal-mobile-page="payments"] .wallet-strap-dot{width:24px!important;height:24px!important;border-radius:10px!important;background:linear-gradient(180deg,#2f7eff,#0f63e6)!important;position:relative!important}
  body[data-portal-mobile-page="payments"] .wallet-strap-dot:after{content:''!important;position:absolute!important;inset:7px!important;border-radius:50%!important;background:#d9ebff!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-methods{display:grid!important;gap:11px!important;margin-bottom:22px!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-methods>button{width:100%!important;min-height:78px!important;display:grid!important;grid-template-columns:56px minmax(0,1fr) 24px!important;gap:14px!important;padding:11px 14px!important;border-radius:15px!important;border:1px solid #e7eef6!important;background:#fff!important;box-shadow:0 7px 18px rgba(32,68,105,.045)!important;color:#1f2d44!important;align-items:center!important;text-align:left!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-methods .logo-box{width:56px!important;height:56px!important;border-radius:14px!important;background:#f7fafc!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-methods .logo-box.bank{background:#ecf5ff!important;color:#2381ff!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-methods .logo-box.binance{background:#fff8e8!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-methods .logo-box img{max-width:42px!important;max-height:42px!important;object-fit:contain!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-methods .logo-box svg{width:31px!important;height:31px!important;stroke:#2381ff!important;fill:none!important;stroke-width:1.8!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-methods button>svg{width:18px!important;height:18px!important;stroke:#197cf4!important;stroke-width:2.1!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-methods b{font-size:15px!important;line-height:1.15!important;font-weight:850!important;color:#152038!important}
  body[data-portal-mobile-page="payments"] .mobile-payment-methods small{font-size:12px!important;line-height:1.2!important;color:#8090a5!important;margin-top:5px!important;display:block!important}
  body[data-portal-mobile-page="payments"] .table-panel{display:block!important;background:#fff!important;border:0!important;border-radius:14px!important;box-shadow:0 7px 20px rgba(32,68,105,.04)!important;overflow:hidden!important;margin:0!important}
}