/* HostedVoIP4Business v301 — direct-customer brand identity layer over the stable v300 layout. */
.hv4b-control-panel-runtime .hv4b-brand-direct{
  --hv301-navy:#082B4C;
  --hv301-navy-deep:#051F37;
  --hv301-blue:#347BD2;
  --hv301-blue-deep:#123B70;
  --hv301-cyan:#2F9DE2;
  --hv301-pink:#F34F91;
  --hv301-pink-deep:#DC276F;
  --hv301-yellow:#F4D226;
  --hv301-green:#36A85A;
  --hv301-ink:#101F39;
  --hv301-pale:#F4F8FF;
}
/* Header: same v300 geometry, stronger visual identity from the public website. */
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-global-header{
  background:linear-gradient(90deg,#fff 0%,#fff 58%,#f8fbff 100%)!important;
  border-bottom:1px solid #d8e5ef!important;
  box-shadow:0 5px 18px rgba(18,59,112,.055)!important;
}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-logo-cell{
  position:relative!important;
  background:radial-gradient(circle at 58% 30%,rgba(244,210,38,.10),transparent 30%),#fff!important;
}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-logo-cell:after{
  content:"";position:absolute;left:34px;right:34px;bottom:0;height:4px;border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,var(--hv301-blue) 0 28%,var(--hv301-cyan) 28% 48%,var(--hv301-pink) 48% 72%,var(--hv301-yellow) 72% 88%,var(--hv301-green) 88% 100%);
}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-global-search input{border-color:#d7e4ef!important;background:#fbfdff!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-global-search:before{color:var(--hv301-blue)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct #hv92-top-account{border-color:#d4e2ed!important;color:var(--hv301-blue-deep)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct #hv92-top-account:hover{border-color:var(--hv301-blue)!important;background:#f3f8ff!important}
/* Sidebar: public-site navy family with branded pink/cyan/yellow details rather than generic blue only. */
.hv4b-control-panel-runtime .hv4b-brand-direct.hv4b-portal .hv4b-portal-side.hv10-side{
  background:radial-gradient(circle at 15% 14%,rgba(47,157,226,.17),transparent 26%),linear-gradient(180deg,#051F37 0%,#082B4C 58%,#071f36 100%)!important;
}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv10-plan-summary{border-left:4px solid var(--hv301-pink)!important;background:rgba(255,255,255,.065)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv10-plan-summary small{color:#8ED8FF!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv92-side-credit{border-left:4px solid var(--hv301-green)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv283-mode-switch button.active{
  background:linear-gradient(135deg,var(--hv301-blue),var(--hv301-cyan))!important;
  box-shadow:inset 0 -3px 0 rgba(243,79,145,.85),0 8px 18px rgba(47,157,226,.20)!important;
}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv10-nav-toggle{color:#8ED8FF!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv4b-nav-item b{color:#83D9F6!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv4b-nav-item.active{
  position:relative!important;background:linear-gradient(90deg,var(--hv301-blue),#2f91d3)!important;box-shadow:0 7px 16px rgba(0,0,0,.12)!important;
}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv4b-nav-item.active:before{
  content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--hv301-pink)!important;
}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv4b-nav-item.active:after{
  content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--hv301-yellow)!important;
}
/* Workspace + page identity */
.hv4b-control-panel-runtime .hv4b-brand-direct .hv4b-portal-main{
  background:radial-gradient(circle at 92% 0,rgba(243,79,145,.035),transparent 24%),linear-gradient(180deg,#f9fcff 0%,#F4F8FF 230px,#F4F8FF 100%)!important;
}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-pagehead h2,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-editor-head h2,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-page-title h1{color:var(--hv301-navy)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-pagehead h2:after,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-editor-head h2:after,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-page-title h1:after{
  content:"";display:block;width:48px;height:4px;margin-top:8px;border-radius:999px;background:linear-gradient(90deg,var(--hv301-pink) 0 58%,var(--hv301-yellow) 58% 100%)!important;
}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv4b-page-kicker,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv11-eyebrow{color:var(--hv301-pink-deep)!important}
/* Home: amplify the public-site palette already present in the approved layout. */
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-hero{
  border:1px solid rgba(52,123,210,.17)!important;
  background:radial-gradient(circle at 86% 18%,rgba(243,79,145,.30),transparent 27%),radial-gradient(circle at 70% 92%,rgba(244,210,38,.22),transparent 25%),radial-gradient(circle at 18% 0,rgba(47,157,226,.15),transparent 28%),linear-gradient(118deg,#091D39,#123B70)!important;
  box-shadow:0 24px 54px rgba(18,59,112,.17)!important;
}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-hero h2 span{color:#FF91BE!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-pills span:nth-child(1){box-shadow:inset 3px 0 0 var(--hv301-blue)}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-pills span:nth-child(2){box-shadow:inset 3px 0 0 var(--hv301-pink)}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-pills span:nth-child(3){box-shadow:inset 3px 0 0 var(--hv301-yellow)}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-brandline strong{color:#FF91BE!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-brandline:after{background:linear-gradient(90deg,var(--hv301-yellow),var(--hv301-pink))!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-metric{position:relative!important;overflow:hidden!important;transition:transform .16s ease,box-shadow .16s ease!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-metric:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,59,112,.085)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-metric:nth-child(1):after,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-metric:nth-child(2):after,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-metric:nth-child(3):after,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-metric:nth-child(4):after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-metric:nth-child(1):after{background:var(--hv301-blue)}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-metric:nth-child(2):after{background:var(--hv301-pink)}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-metric:nth-child(3):after{background:var(--hv301-yellow)}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-metric:nth-child(4):after{background:var(--hv301-cyan)}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-plan{border-top-color:var(--hv301-blue)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-credit{border-top-color:var(--hv301-pink)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-status{border-top-color:var(--hv301-yellow)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-quick{border-top-color:var(--hv301-cyan)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-users{border-top-color:var(--hv301-green)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-link{color:var(--hv301-blue)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-outline{color:var(--hv301-blue)!important;border-color:#BFD0DD!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-topup{background:linear-gradient(135deg,#49B95C,#319447)!important;box-shadow:0 8px 18px rgba(49,148,71,.16)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-quickgrid button:nth-child(4n+1) i{background:#E9F2FF!important;color:var(--hv301-blue)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-quickgrid button:nth-child(4n+2) i{background:#FFF0F6!important;color:var(--hv301-pink-deep)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-quickgrid button:nth-child(4n+3) i{background:#FFF9DF!important;color:#A98000!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-quickgrid button:nth-child(4n) i{background:#EAF6FB!important;color:var(--hv301-cyan)!important}
/* Other pages: branded components, not just a branded Home page. */
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-summarybar{position:relative!important;border-color:#D7E4ED!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-summarybar:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--hv301-blue) 0 25%,var(--hv301-cyan) 25% 50%,var(--hv301-pink) 50% 75%,var(--hv301-yellow) 75% 100%)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-formcard,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv11-panel,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv67-call-detail-card,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv25-inbound-list>article{position:relative!important;border-color:#D8E5EE!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-formcard:nth-of-type(4n+1),
.hv4b-control-panel-runtime .hv4b-brand-direct .hv11-panel:nth-of-type(4n+1){border-top:4px solid var(--hv301-blue)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-formcard:nth-of-type(4n+2),
.hv4b-control-panel-runtime .hv4b-brand-direct .hv11-panel:nth-of-type(4n+2){border-top:4px solid var(--hv301-pink)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-formcard:nth-of-type(4n+3),
.hv4b-control-panel-runtime .hv4b-brand-direct .hv11-panel:nth-of-type(4n+3){border-top:4px solid var(--hv301-yellow)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-formcard:nth-of-type(4n),
.hv4b-control-panel-runtime .hv4b-brand-direct .hv11-panel:nth-of-type(4n){border-top:4px solid var(--hv301-cyan)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-table-scroll,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv11-tablewrap,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv4b-table-wrap{position:relative!important;border-color:#D5E3ED!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-table-scroll:before,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv11-tablewrap:before,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv4b-table-wrap:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--hv301-blue) 0 34%,var(--hv301-cyan) 34% 56%,var(--hv301-pink) 56% 78%,var(--hv301-yellow) 78% 100%)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-table th,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv11-table th,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv4b-table th{background:linear-gradient(180deg,#F4F8FF,#EEF5FF)!important;color:var(--hv301-blue-deep)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-table tbody tr:hover td,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv11-table tbody tr:hover td,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv4b-table tbody tr:hover td{background:#FBFDFF!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv11-primary,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv4b-btn:not(.secondary),
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-page-actions .hv11-primary{background:linear-gradient(135deg,var(--hv301-pink),var(--hv301-pink-deep))!important;box-shadow:0 8px 18px rgba(220,39,111,.13)!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv4b-btn.secondary,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-page-actions button:not(.hv11-primary){color:var(--hv301-blue-deep)!important;border-color:#C7D8E3!important}
.hv4b-control-panel-runtime .hv4b-brand-direct input:focus,
.hv4b-control-panel-runtime .hv4b-brand-direct select:focus,
.hv4b-control-panel-runtime .hv4b-brand-direct textarea:focus{border-color:var(--hv301-cyan)!important;box-shadow:0 0 0 3px rgba(47,157,226,.12)!important}
/* Green remains semantic: online, active, success, calling credit. */
.hv4b-control-panel-runtime .hv4b-brand-direct .good,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-state:not(.offline):not(.incall),
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-credit-value{color:var(--hv301-green)!important}
/* Never impose HostedVoIP accent cycling on reseller portals. */
.hv4b-control-panel-runtime .hv4b-brand-reseller .hv22-summarybar:before,
.hv4b-control-panel-runtime .hv4b-brand-reseller .hv22-table-scroll:before,
.hv4b-control-panel-runtime .hv4b-brand-reseller .hv11-tablewrap:before,
.hv4b-control-panel-runtime .hv4b-brand-reseller .hv4b-table-wrap:before{display:none!important}

/* v310.0.0 — agreed v3 design lock: readability + deterministic table geometry only.
   The v300/v301 design/branding remains authoritative. No new colour language. */
.hv4b-control-panel-runtime .hv4b-portal-main,
.hv4b-control-panel-runtime .hv4b-resource-content{font-size:15px!important;line-height:1.45!important}
.hv4b-control-panel-runtime .hv4b-nav-item{font-size:14.5px!important;min-height:42px!important}
.hv4b-control-panel-runtime .hv10-nav-toggle{font-size:12px!important;min-height:34px!important}
.hv4b-control-panel-runtime .hv283-mode-switch button{font-size:13.5px!important;min-height:44px!important}
.hv4b-control-panel-runtime .hv10-plan-summary small,
.hv4b-control-panel-runtime .hv92-side-credit>span{font-size:11.5px!important}
.hv4b-control-panel-runtime .hv10-plan-summary span,
.hv4b-control-panel-runtime .hv92-side-credit>small,
.hv4b-control-panel-runtime .hv4b-account-chip span{font-size:12px!important}
.hv4b-control-panel-runtime .hv4b-account-chip strong{font-size:14px!important}
.hv4b-control-panel-runtime .hv22-pagehead p,
.hv4b-control-panel-runtime .hv22-editor-head p,
.hv4b-control-panel-runtime .hv22-formcard p,
.hv4b-control-panel-runtime .hv11-panel p,
.hv4b-control-panel-runtime .hv22-muted,
.hv4b-control-panel-runtime .hv25-form-note,
.hv4b-control-panel-runtime .hv188-notice span{font-size:13.5px!important;line-height:1.5!important}
.hv4b-control-panel-runtime label,
.hv4b-control-panel-runtime .hv22-formgrid label,
.hv4b-control-panel-runtime .hv11-filterbar label{font-size:13.5px!important}
.hv4b-control-panel-runtime input,
.hv4b-control-panel-runtime select,
.hv4b-control-panel-runtime textarea,
.hv4b-control-panel-runtime button{font-size:14px}
.hv4b-control-panel-runtime input:not([type=checkbox]):not([type=radio]),
.hv4b-control-panel-runtime select,
.hv4b-control-panel-runtime button{min-height:42px}

/* Generic tables: wrapper owns the one outer box. The table owns no outer edge. */
.hv4b-control-panel-runtime .hv22-table-scroll,
.hv4b-control-panel-runtime .hv11-tablewrap,
.hv4b-control-panel-runtime .hv4b-table-wrap{
  width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;
  border:1px solid var(--hv300-line)!important;border-radius:14px!important;background:#fff!important;
  overflow:auto!important;box-shadow:0 4px 18px rgba(18,59,112,.035)!important
}
.hv4b-control-panel-runtime table.hv22-table,
.hv4b-control-panel-runtime table.hv11-table,
.hv4b-control-panel-runtime table.hv4b-table{
  width:100%!important;min-width:100%!important;margin:0!important;border:0!important;
  border-collapse:separate!important;border-spacing:0!important;background:#fff!important
}
.hv4b-control-panel-runtime .hv22-table th,
.hv4b-control-panel-runtime .hv11-table th,
.hv4b-control-panel-runtime .hv4b-table th{
  padding:13px 14px!important;font-size:13px!important;line-height:1.25!important;
  border:0!important;border-bottom:1px solid var(--hv300-line)!important
}
.hv4b-control-panel-runtime .hv22-table td,
.hv4b-control-panel-runtime .hv11-table td,
.hv4b-control-panel-runtime .hv4b-table td{
  padding:13px 14px!important;font-size:14.5px!important;line-height:1.35!important;
  border:0!important;border-bottom:1px solid #edf2f5!important
}
.hv4b-control-panel-runtime .hv22-table tbody tr:last-child td,
.hv4b-control-panel-runtime .hv11-table tbody tr:last-child td,
.hv4b-control-panel-runtime .hv4b-table tbody tr:last-child td{border-bottom:0!important}

/* Tables nested inside ordinary cards are deliberate insets, never negative-margin/full-bleed boxes. */
.hv4b-control-panel-runtime .hv22-formcard>.hv22-table-scroll,
.hv4b-control-panel-runtime .hv22-formcard>.hv11-tablewrap,
.hv4b-control-panel-runtime .hv11-panel>.hv22-table-scroll,
.hv4b-control-panel-runtime .hv11-panel>.hv11-tablewrap{
  width:100%!important;max-width:100%!important;margin:14px 0 0!important;
  border:1px solid var(--hv300-line)!important;border-radius:12px!important;box-shadow:none!important
}

/* Primary Users is itself the table card: it owns the single external frame. */
.hv4b-control-panel-runtime .hv36-primary-users{
  width:100%!important;border:1px solid var(--hv300-line)!important;border-radius:14px!important;
  background:#fff!important;overflow:hidden!important;box-shadow:0 4px 18px rgba(18,59,112,.04)!important
}
.hv4b-control-panel-runtime .hv36-primary-users>.hv22-table-scroll{
  margin:0!important;border:0!important;border-top:1px solid var(--hv300-line)!important;
  border-radius:0!important;box-shadow:none!important
}
.hv4b-control-panel-runtime .hv36-section-title{padding:18px 20px 14px!important}
.hv4b-control-panel-runtime .hv36-section-title h3{font-size:19px!important}
.hv4b-control-panel-runtime .hv36-users-toolbar{padding:10px 20px 14px!important}
.hv4b-control-panel-runtime .hv36-users-toolbar small{font-size:12.5px!important}

/* The agreed design uses colour semantically, not arbitrary card/table position cycling. */
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-formcard,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv11-panel{border-top-width:1px!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv22-table-scroll:before,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv11-tablewrap:before,
.hv4b-control-panel-runtime .hv4b-brand-direct .hv4b-table-wrap:before{display:none!important}

/* Reseller branding inherits its own variables; geometry/readability stays identical. */
.hv4b-control-panel-runtime .hv4b-brand-reseller .hv4b-nav-item{font-size:14.5px!important}

/* Responsive: preserve the approved desktop hierarchy without squeezing table content into unusable columns. */
@media(max-width:760px){
 .hv4b-control-panel-runtime .hv22-table-scroll,
 .hv4b-control-panel-runtime .hv11-tablewrap,
 .hv4b-control-panel-runtime .hv4b-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
 .hv4b-control-panel-runtime .hv22-table,
 .hv4b-control-panel-runtime .hv11-table,
 .hv4b-control-panel-runtime .hv4b-table{min-width:760px!important}
}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv4b-nav-item{font-size:14.5px!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv10-nav-toggle{font-size:12px!important}
/* Exact agreed-v3 joined header brand rule. */
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-global-header{position:sticky!important}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-global-header:after{
 content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;z-index:3;
 background:linear-gradient(90deg,var(--hv301-blue) 0 32%,var(--hv301-cyan) 32% 50%,var(--hv301-pink) 50% 72%,var(--hv301-yellow) 72% 86%,var(--hv301-green) 86% 100%)!important
}
.hv4b-control-panel-runtime .hv4b-brand-direct .hv300-logo-cell:after{display:none!important}

/* ===== v313 completion pass: agreed-v3 geometry/readability only ===== */
/* Cover the two legacy table families that sit outside hv11/hv22 wrappers. */
.hv4b-control-panel-runtime .hv10-table-wrap,
.hv4b-control-panel-runtime .hv36-app-table{
  display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;
  border:1px solid var(--hv300-line)!important;border-radius:14px!important;background:#fff!important;
  overflow:auto!important;box-sizing:border-box!important;box-shadow:0 4px 18px rgba(18,59,112,.035)!important
}
.hv4b-control-panel-runtime table.hv10-table,
.hv4b-control-panel-runtime .hv36-app-table table{
  width:100%!important;min-width:100%!important;margin:0!important;border:0!important;
  border-collapse:separate!important;border-spacing:0!important;background:#fff!important
}
.hv4b-control-panel-runtime .hv10-table th,
.hv4b-control-panel-runtime .hv36-app-table th{
  padding:13px 14px!important;font-size:13px!important;line-height:1.25!important;text-align:left!important;
  border:0!important;border-bottom:1px solid var(--hv300-line)!important;background:#f3f8ff!important;
  color:var(--hv300-blue-deep)!important;font-weight:800!important;letter-spacing:.02em!important
}
.hv4b-control-panel-runtime .hv10-table td,
.hv4b-control-panel-runtime .hv36-app-table td{
  padding:13px 14px!important;font-size:14.5px!important;line-height:1.35!important;vertical-align:middle!important;
  border:0!important;border-bottom:1px solid #edf2f5!important;background:#fff!important;color:#344d5d!important
}
.hv4b-control-panel-runtime .hv10-table tbody tr:last-child td,
.hv4b-control-panel-runtime .hv36-app-table tbody tr:last-child td{border-bottom:0!important}
.hv4b-control-panel-runtime .hv22-table td:last-child,
.hv4b-control-panel-runtime .hv11-table td:last-child,
.hv4b-control-panel-runtime .hv4b-table td:last-child,
.hv4b-control-panel-runtime .hv10-table td:last-child{white-space:nowrap}

/* Functional Website & Branding controls: readable, without enlarging miniature website/theme previews. */
.hv4b-control-panel-runtime .hv172-safe-note,
.hv4b-control-panel-runtime .hv172-form-grid label,
.hv4b-control-panel-runtime .hv172-form-grid label small,
.hv4b-control-panel-runtime .hv172-brand-actions>label,
.hv4b-control-panel-runtime .hv172-package-editor>summary small,
.hv4b-control-panel-runtime .hv172-package-editor>summary b,
.hv4b-control-panel-runtime .hv172-read-price>strong,
.hv4b-control-panel-runtime .hv172-tier span,
.hv4b-control-panel-runtime .hv172-tier strong,
.hv4b-control-panel-runtime .hv172-status,
.hv4b-control-panel-runtime .hv174-content-card>summary span,
.hv4b-control-panel-runtime .hv174-faq-row label,
.hv4b-control-panel-runtime .hv174-preview-links a,
.hv4b-control-panel-runtime .hv175-page-row>summary small,
.hv4b-control-panel-runtime .hv175-page-row>summary b,
.hv4b-control-panel-runtime .hv175-legal-note,
.hv4b-control-panel-runtime .hv176-checkitem span strong,
.hv4b-control-panel-runtime .hv176-checkitem span small,
.hv4b-control-panel-runtime .hv176-checkitem em,
.hv4b-control-panel-runtime .hv201-domain-option small,
.hv4b-control-panel-runtime .hv201-domain-option strong,
.hv4b-control-panel-runtime .hv201-domain-panel p,
.hv4b-control-panel-runtime .hv201-own-domain-explain li,
.hv4b-control-panel-runtime .hv208-package-order-help strong,
.hv4b-control-panel-runtime .hv208-package-order-help small,
.hv4b-control-panel-runtime .hv208-order-status{font-size:13px!important;line-height:1.4!important}

/* App DND is independent of phone/SIP DND and stays inside the Apps cell. */
.hv4b-control-panel-runtime .hv311-app-platforms{display:inline-flex!important;align-items:center!important;gap:5px!important;position:relative}
.hv4b-control-panel-runtime .hv313-app-dnd,
.hv4b-control-panel-runtime .hv313-legend-dnd{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:18px!important;padding:2px 5px!important;border-radius:999px!important;
  background:#fff0f6!important;border:1px solid #ef5a8a!important;color:#c52b60!important;
  font-size:11px!important;line-height:1!important;font-weight:850!important;letter-spacing:.02em!important
}

@media(max-width:760px){
 .hv4b-control-panel-runtime .hv10-table-wrap,
 .hv4b-control-panel-runtime .hv36-app-table{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
 .hv4b-control-panel-runtime .hv10-table,
 .hv4b-control-panel-runtime .hv36-app-table table{min-width:760px!important}
}

/* ===== v315 laptop-density pass =====
   Preserve the agreed-v3 design while scaling desktop geometry/typography for common laptop viewports. */
@media (min-width:1000px) and (max-width:1600px){
  .hv4b-control-panel-runtime .hv4b-portal,
  .hv4b-control-panel-runtime .hv300-global-header{grid-template-columns:240px minmax(0,1fr)!important}
  .hv4b-control-panel-runtime .hv300-top-cell{padding:0 22px!important;gap:18px!important}
  .hv4b-control-panel-runtime .hv4b-portal-side.hv10-side{padding:14px!important}
  .hv4b-control-panel-runtime .hv4b-portal-main{padding:18px 22px 32px!important}
  .hv4b-control-panel-runtime .hv4b-portal-main,
  .hv4b-control-panel-runtime .hv4b-resource-content{font-size:14px!important;line-height:1.42!important}

  .hv4b-control-panel-runtime .hv300-pagehead h1{font-size:30px!important}
  .hv4b-control-panel-runtime .hv22-pagehead h2,
  .hv4b-control-panel-runtime .hv22-editor-head h2{font-size:27px!important}
  .hv4b-control-panel-runtime .hv22-formcard h3,
  .hv4b-control-panel-runtime .hv11-panel h3{font-size:16px!important}

  .hv4b-control-panel-runtime .hv4b-nav-item,
  .hv4b-control-panel-runtime .hv4b-brand-direct .hv4b-nav-item,
  .hv4b-control-panel-runtime .hv4b-brand-reseller .hv4b-nav-item{font-size:13.25px!important;min-height:38px!important;padding-left:10px!important;padding-right:10px!important}
  .hv4b-control-panel-runtime .hv10-nav-toggle,
  .hv4b-control-panel-runtime .hv4b-brand-direct .hv10-nav-toggle{font-size:11px!important;min-height:30px!important}
  .hv4b-control-panel-runtime .hv283-mode-switch button{font-size:12.5px!important;min-height:40px!important;height:40px!important}

  .hv4b-control-panel-runtime .hv22-pagehead p,
  .hv4b-control-panel-runtime .hv22-editor-head p,
  .hv4b-control-panel-runtime .hv22-formcard p,
  .hv4b-control-panel-runtime .hv11-panel p,
  .hv4b-control-panel-runtime .hv22-muted,
  .hv4b-control-panel-runtime .hv25-form-note,
  .hv4b-control-panel-runtime .hv188-notice span,
  .hv4b-control-panel-runtime label,
  .hv4b-control-panel-runtime .hv22-formgrid label,
  .hv4b-control-panel-runtime .hv11-filterbar label{font-size:12.75px!important}

  .hv4b-control-panel-runtime input,
  .hv4b-control-panel-runtime select,
  .hv4b-control-panel-runtime textarea,
  .hv4b-control-panel-runtime button{font-size:13px!important}
  .hv4b-control-panel-runtime input:not([type=checkbox]):not([type=radio]),
  .hv4b-control-panel-runtime select,
  .hv4b-control-panel-runtime button{min-height:38px!important}

  .hv4b-control-panel-runtime .hv22-formcard,
  .hv4b-control-panel-runtime .hv11-panel,
  .hv4b-control-panel-runtime .hv67-call-detail-card,
  .hv4b-control-panel-runtime .hv25-inbound-list>article{padding:15px!important;border-radius:12px!important;margin-bottom:12px!important}

  .hv4b-control-panel-runtime .hv22-table-scroll,
  .hv4b-control-panel-runtime .hv11-tablewrap,
  .hv4b-control-panel-runtime .hv4b-table-wrap,
  .hv4b-control-panel-runtime .hv10-table-wrap,
  .hv4b-control-panel-runtime .hv36-app-table{border-radius:12px!important}
  .hv4b-control-panel-runtime .hv22-table th,
  .hv4b-control-panel-runtime .hv11-table th,
  .hv4b-control-panel-runtime .hv4b-table th,
  .hv4b-control-panel-runtime .hv10-table th,
  .hv4b-control-panel-runtime .hv36-app-table th{padding:9px 10px!important;font-size:11.75px!important;line-height:1.2!important}
  .hv4b-control-panel-runtime .hv22-table td,
  .hv4b-control-panel-runtime .hv11-table td,
  .hv4b-control-panel-runtime .hv4b-table td,
  .hv4b-control-panel-runtime .hv10-table td,
  .hv4b-control-panel-runtime .hv36-app-table td{padding:9px 10px!important;font-size:13.25px!important;line-height:1.3!important}

  .hv4b-control-panel-runtime .hv36-section-title{padding:14px 16px 11px!important}
  .hv4b-control-panel-runtime .hv36-section-title h3{font-size:17px!important}
  .hv4b-control-panel-runtime .hv36-users-toolbar{padding:8px 16px 11px!important}
  .hv4b-control-panel-runtime .hv36-users-toolbar small{font-size:11.5px!important}
  .hv4b-control-panel-runtime .hv313-app-dnd,
  .hv4b-control-panel-runtime .hv313-legend-dnd{font-size:10px!important;min-height:17px!important}

  .hv4b-control-panel-runtime .hv172-safe-note,
  .hv4b-control-panel-runtime .hv172-form-grid label,
  .hv4b-control-panel-runtime .hv172-form-grid label small,
  .hv4b-control-panel-runtime .hv172-brand-actions>label,
  .hv4b-control-panel-runtime .hv172-package-editor>summary small,
  .hv4b-control-panel-runtime .hv172-package-editor>summary b,
  .hv4b-control-panel-runtime .hv172-read-price>strong,
  .hv4b-control-panel-runtime .hv172-tier span,
  .hv4b-control-panel-runtime .hv172-tier strong,
  .hv4b-control-panel-runtime .hv172-status,
  .hv4b-control-panel-runtime .hv174-content-card>summary span,
  .hv4b-control-panel-runtime .hv174-faq-row label,
  .hv4b-control-panel-runtime .hv174-preview-links a,
  .hv4b-control-panel-runtime .hv175-page-row>summary small,
  .hv4b-control-panel-runtime .hv175-page-row>summary b,
  .hv4b-control-panel-runtime .hv175-legal-note,
  .hv4b-control-panel-runtime .hv176-checkitem span strong,
  .hv4b-control-panel-runtime .hv176-checkitem span small,
  .hv4b-control-panel-runtime .hv176-checkitem em,
  .hv4b-control-panel-runtime .hv201-domain-option small,
  .hv4b-control-panel-runtime .hv201-domain-option strong,
  .hv4b-control-panel-runtime .hv201-domain-panel p,
  .hv4b-control-panel-runtime .hv201-own-domain-explain li,
  .hv4b-control-panel-runtime .hv208-package-order-help strong,
  .hv4b-control-panel-runtime .hv208-package-order-help small,
  .hv4b-control-panel-runtime .hv208-order-status{font-size:12px!important;line-height:1.35!important}
}

@media (min-width:1000px) and (max-width:1280px){
  .hv4b-control-panel-runtime .hv4b-portal,
  .hv4b-control-panel-runtime .hv300-global-header{grid-template-columns:220px minmax(0,1fr)!important}
  .hv4b-control-panel-runtime .hv300-top-cell{padding:0 18px!important}
  .hv4b-control-panel-runtime .hv4b-portal-side.hv10-side{padding:12px!important}
  .hv4b-control-panel-runtime .hv4b-portal-main{padding:16px 18px 28px!important}
  .hv4b-control-panel-runtime .hv300-pagehead h1{font-size:28px!important}
  .hv4b-control-panel-runtime .hv22-pagehead h2,
  .hv4b-control-panel-runtime .hv22-editor-head h2{font-size:25px!important}
  .hv4b-control-panel-runtime .hv22-table th,
  .hv4b-control-panel-runtime .hv11-table th,
  .hv4b-control-panel-runtime .hv4b-table th,
  .hv4b-control-panel-runtime .hv10-table th,
  .hv4b-control-panel-runtime .hv36-app-table th{padding:8px 9px!important;font-size:11.5px!important}
  .hv4b-control-panel-runtime .hv22-table td,
  .hv4b-control-panel-runtime .hv11-table td,
  .hv4b-control-panel-runtime .hv4b-table td,
  .hv4b-control-panel-runtime .hv10-table td,
  .hv4b-control-panel-runtime .hv36-app-table td{padding:8px 9px!important;font-size:12.75px!important}
}

/* ===== v316 sidebar shell refinement =====
   Keep the agreed-v3 identity, but make the desktop/laptop sidebar feel like a compact app rail.
   The parent shell now paints the full left column so long pages can never expose a white tail
   below the sticky sidebar. */
@media (min-width:901px){
  .hv4b-control-panel-runtime .hv4b-portal{
    --hv316-side-w:264px;
    grid-template-columns:var(--hv316-side-w) minmax(0,1fr)!important;
    background:linear-gradient(90deg,#071f36 0 var(--hv316-side-w),var(--hv300-pale) var(--hv316-side-w) 100%)!important;
  }
  .hv4b-control-panel-runtime .hv4b-brand-reseller.hv4b-portal{
    background:linear-gradient(90deg,var(--hv4b-brand-primary,#082b4c) 0 var(--hv316-side-w),#f4f7fa var(--hv316-side-w) 100%)!important;
  }
  .hv4b-control-panel-runtime .hv300-global-header{
    grid-template-columns:var(--hv316-side-w) minmax(0,1fr)!important;
  }

  .hv4b-control-panel-runtime .hv4b-portal-side.hv10-side{
    width:var(--hv316-side-w)!important;
    padding:10px!important;
    box-shadow:8px 0 26px rgba(5,31,55,.055)!important;
  }
  .hv4b-control-panel-runtime .hv10-plan-summary{
    width:100%!important;margin:0 0 7px!important;padding:9px 11px!important;
    border-radius:11px!important;min-height:0!important;
  }
  .hv4b-control-panel-runtime .hv10-plan-summary small{font-size:9.5px!important;line-height:1.15!important;letter-spacing:.09em!important}
  .hv4b-control-panel-runtime .hv10-plan-summary strong{font-size:15px!important;line-height:1.15!important;margin-top:3px!important}
  .hv4b-control-panel-runtime .hv10-plan-summary span{font-size:10.5px!important;line-height:1.25!important;margin-top:2px!important}

  .hv4b-control-panel-runtime .hv92-side-credit{
    width:100%!important;margin:0 0 8px!important;padding:9px 11px!important;
    border-radius:11px!important;min-height:0!important;box-shadow:0 5px 14px rgba(0,0,0,.075)!important;
    gap:1px 8px!important;
  }
  .hv4b-control-panel-runtime .hv92-side-credit>span{font-size:9.5px!important;line-height:1.15!important;letter-spacing:.085em!important}
  .hv4b-control-panel-runtime .hv92-side-credit>strong{font-size:19px!important;line-height:1!important}
  .hv4b-control-panel-runtime .hv92-side-credit>small{font-size:9.5px!important;line-height:1.25!important}

  .hv4b-control-panel-runtime .hv4b-portal-side nav.hv10-nav{
    padding:0!important;display:flex!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;
  }
  .hv4b-control-panel-runtime .hv4b-portal-side .hv281-mode-switch,
  .hv4b-control-panel-runtime .hv4b-portal-side .hv283-mode-switch{
    margin:0 0 6px!important;padding:2px!important;border-radius:10px!important;gap:4px!important;
  }
  .hv4b-control-panel-runtime .hv4b-portal-side .hv281-mode-switch button,
  .hv4b-control-panel-runtime .hv4b-portal-side .hv283-mode-switch button{
    min-height:34px!important;height:34px!important;padding:0 7px!important;border-radius:8px!important;font-size:10.5px!important;line-height:1.05!important;
  }

  .hv4b-control-panel-runtime .hv4b-portal-side .hv281-nav-area:not([hidden]),
  .hv4b-control-panel-runtime .hv4b-portal-side .hv107-nav-surface[data-hv107-surface="reseller"]:not([hidden]){
    flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 2px 6px 0!important;
    scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.22) transparent!important;
  }
  .hv4b-control-panel-runtime .hv4b-portal-side .hv10-nav-section{margin:1px 0!important}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv10-nav-toggle{
    min-height:28px!important;padding:5px 8px!important;border-radius:7px!important;font-size:9.5px!important;line-height:1.1!important;letter-spacing:.055em!important;
  }
  .hv4b-control-panel-runtime .hv4b-portal-side .hv10-nav-toggle i{font-size:10px!important}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv10-nav-children{padding-left:3px!important}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item{
    min-height:33px!important;margin:1px 0!important;padding:6px 8px!important;border-radius:8px!important;
    font-size:12px!important;line-height:1.15!important;gap:8px!important;
  }
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item b{width:18px!important;min-width:18px!important;font-size:11.5px!important}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item.active:before{top:7px!important;bottom:7px!important}
  .hv4b-control-panel-runtime .hv4b-logout{
    flex:0 0 auto!important;margin:0!important;padding:9px 10px 8px!important;font-size:10.5px!important;line-height:1.2!important;
    background:rgba(3,21,37,.12)!important;border-top:1px solid rgba(255,255,255,.08)!important;
  }
}

@media (min-width:1000px) and (max-width:1600px){
  .hv4b-control-panel-runtime .hv4b-portal{--hv316-side-w:232px}
  .hv4b-control-panel-runtime .hv4b-portal-main{padding-left:20px!important;padding-right:20px!important}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item{font-size:11.75px!important;min-height:32px!important}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv10-nav-toggle{font-size:9.25px!important;min-height:27px!important}
}

@media (min-width:1000px) and (max-width:1280px){
  .hv4b-control-panel-runtime .hv4b-portal{--hv316-side-w:214px}
  .hv4b-control-panel-runtime .hv4b-portal-side.hv10-side{padding:9px!important}
  .hv4b-control-panel-runtime .hv10-plan-summary,
  .hv4b-control-panel-runtime .hv92-side-credit{padding:8px 10px!important}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item{font-size:11.25px!important;min-height:31px!important;padding:5px 7px!important}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv10-nav-toggle{font-size:9px!important;min-height:26px!important;padding:4px 7px!important}
}


/* ===== v317 shell continuity + table-gutter correction =====
   Keep the v3 sidebar treatment continuous for the full document height and stop
   100%-width bordered table wrappers from spilling into adjacent columns. */
@media (min-width:901px){
  .hv4b-control-panel-runtime .hv4b-portal{
    position:relative!important;
    background:var(--hv300-pale,#f4f8ff)!important;
  }
  .hv4b-control-panel-runtime .hv4b-portal::before{
    content:"";
    position:absolute;
    z-index:0;
    pointer-events:none;
    left:0;top:0;bottom:0;
    width:var(--hv316-side-w,264px);
    background-color:#071f36;
    background-image:
      radial-gradient(circle at 15% 14%,rgba(47,157,226,.17),transparent 26%),
      linear-gradient(180deg,#051F37 0%,#082B4C 58%,#071f36 100%);
    background-size:100% 100vh,100% 100vh;
    background-repeat:no-repeat,no-repeat;
  }
  .hv4b-control-panel-runtime .hv4b-brand-reseller.hv4b-portal::before{
    background-color:color-mix(in srgb,var(--hv4b-brand-primary,#073f63) 78%,#001c2c);
    background-image:linear-gradient(180deg,var(--hv4b-brand-primary,#073f63) 0%,color-mix(in srgb,var(--hv4b-brand-primary,#073f63) 78%,#001c2c) 100%);
    background-size:100% 100vh;
    background-repeat:no-repeat;
  }
  .hv4b-control-panel-runtime .hv4b-portal>.hv4b-impersonation-banner,
  .hv4b-control-panel-runtime .hv4b-portal>.hv300-global-header,
  .hv4b-control-panel-runtime .hv4b-portal>.hv4b-portal-side,
  .hv4b-control-panel-runtime .hv4b-portal>.hv4b-portal-main{
    position:relative;
    z-index:1;
  }
  .hv4b-control-panel-runtime .hv4b-brand-direct.hv4b-portal .hv4b-portal-side.hv10-side,
  .hv4b-control-panel-runtime .hv4b-brand-reseller.hv4b-portal .hv4b-portal-side.hv10-side{
    background:transparent!important;
  }
}

/* Border-box ownership prevents adjacent 100% table wrappers from colliding by their borders. */
.hv4b-control-panel-runtime .hv22-table-scroll,
.hv4b-control-panel-runtime .hv11-tablewrap,
.hv4b-control-panel-runtime .hv4b-table-wrap,
.hv4b-control-panel-runtime .hv10-table-wrap,
.hv4b-control-panel-runtime .hv36-app-table{
  box-sizing:border-box!important;
  min-width:0!important;
}
.hv4b-control-panel-runtime .hv22-two-col,
.hv4b-control-panel-runtime .hv188-details-grid,
.hv4b-control-panel-runtime .hv224-mailbox-editor .hv188-details-grid{
  column-gap:max(14px,1vw)!important;
}

/* Keep a visible workspace gutter at laptop widths after the density pass. */
@media (min-width:1000px) and (max-width:1600px){
  .hv4b-control-panel-runtime .hv4b-portal-main{padding-left:24px!important;padding-right:24px!important}
}
@media (min-width:1000px) and (max-width:1280px){
  .hv4b-control-panel-runtime .hv4b-portal-main{padding-left:20px!important;padding-right:20px!important}
}


/* ===== v318 laptop contrast + typography polish =====
   Fix active-navigation contrast and take one measured density step down on laptop widths.
   Large desktop (>1600px), tablet and mobile remain unchanged. */
@media (min-width:1000px) and (max-width:1600px){
  /* Sidebar labels/icons: strong contrast in both idle and selected states. */
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item,
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item span{
    color:#e8f4fb!important;
  }
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item b{
    color:#9ddcf5!important;
    opacity:1!important;
  }
  .hv4b-control-panel-runtime .hv4b-portal-side .hv10-nav-toggle,
  .hv4b-control-panel-runtime .hv4b-portal-side .hv10-nav-toggle span{
    color:#d8edf7!important;
  }
  .hv4b-control-panel-runtime .hv4b-portal-side .hv10-nav-toggle i{
    color:#8fd6f2!important;
  }
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item.active,
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item.active span{
    color:#fff!important;
    font-weight:800!important;
  }
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item.active b{
    color:#d9f4ff!important;
    opacity:1!important;
  }

  /* Laptop workspace: slightly smaller than v315/v317, without returning to tiny text. */
  .hv4b-control-panel-runtime .hv4b-portal-main,
  .hv4b-control-panel-runtime .hv4b-resource-content{
    font-size:13.5px!important;
    line-height:1.4!important;
  }
  .hv4b-control-panel-runtime .hv22-pagehead p,
  .hv4b-control-panel-runtime .hv22-editor-head p,
  .hv4b-control-panel-runtime .hv22-formcard p,
  .hv4b-control-panel-runtime .hv11-panel p,
  .hv4b-control-panel-runtime .hv22-muted,
  .hv4b-control-panel-runtime .hv25-form-note,
  .hv4b-control-panel-runtime .hv188-notice span,
  .hv4b-control-panel-runtime label,
  .hv4b-control-panel-runtime .hv22-formgrid label,
  .hv4b-control-panel-runtime .hv11-filterbar label{
    font-size:12.25px!important;
    line-height:1.42!important;
  }
  .hv4b-control-panel-runtime .hv22-formcard h3,
  .hv4b-control-panel-runtime .hv11-panel h3,
  .hv4b-control-panel-runtime .hv22-card-head h3{
    font-size:15.5px!important;
    line-height:1.25!important;
  }
  .hv4b-control-panel-runtime input,
  .hv4b-control-panel-runtime select,
  .hv4b-control-panel-runtime textarea,
  .hv4b-control-panel-runtime button{
    font-size:12.25px!important;
  }
  .hv4b-control-panel-runtime input:not([type=checkbox]):not([type=radio]),
  .hv4b-control-panel-runtime select,
  .hv4b-control-panel-runtime button{
    min-height:36px!important;
  }

  .hv4b-control-panel-runtime .hv22-table th,
  .hv4b-control-panel-runtime .hv11-table th,
  .hv4b-control-panel-runtime .hv4b-table th,
  .hv4b-control-panel-runtime .hv10-table th,
  .hv4b-control-panel-runtime .hv36-app-table th{
    padding:8px 9px!important;
    font-size:11.25px!important;
    line-height:1.18!important;
  }
  .hv4b-control-panel-runtime .hv22-table td,
  .hv4b-control-panel-runtime .hv11-table td,
  .hv4b-control-panel-runtime .hv4b-table td,
  .hv4b-control-panel-runtime .hv10-table td,
  .hv4b-control-panel-runtime .hv36-app-table td{
    padding:8px 9px!important;
    font-size:12.5px!important;
    line-height:1.28!important;
  }
  .hv4b-control-panel-runtime .hv22-table button,
  .hv4b-control-panel-runtime .hv11-table button,
  .hv4b-control-panel-runtime .hv4b-table button,
  .hv4b-control-panel-runtime .hv10-table button,
  .hv4b-control-panel-runtime .hv36-app-table button{
    min-height:34px!important;
    padding:5px 9px!important;
    font-size:12px!important;
  }
  .hv4b-control-panel-runtime .hv36-section-title h3{font-size:16px!important}
  .hv4b-control-panel-runtime .hv36-users-toolbar small{font-size:11px!important}
}

@media (min-width:1000px) and (max-width:1280px){
  .hv4b-control-panel-runtime .hv22-table th,
  .hv4b-control-panel-runtime .hv11-table th,
  .hv4b-control-panel-runtime .hv4b-table th,
  .hv4b-control-panel-runtime .hv10-table th,
  .hv4b-control-panel-runtime .hv36-app-table th{
    padding:7px 8px!important;
    font-size:11px!important;
  }
  .hv4b-control-panel-runtime .hv22-table td,
  .hv4b-control-panel-runtime .hv11-table td,
  .hv4b-control-panel-runtime .hv4b-table td,
  .hv4b-control-panel-runtime .hv10-table td,
  .hv4b-control-panel-runtime .hv36-app-table td{
    padding:7px 8px!important;
    font-size:12.25px!important;
  }
  .hv4b-control-panel-runtime .hv22-pagehead p,
  .hv4b-control-panel-runtime .hv22-editor-head p,
  .hv4b-control-panel-runtime .hv22-formcard p,
  .hv4b-control-panel-runtime .hv11-panel p,
  .hv4b-control-panel-runtime .hv22-muted,
  .hv4b-control-panel-runtime .hv25-form-note,
  .hv4b-control-panel-runtime .hv188-notice span{
    font-size:12px!important;
  }
}

/* v318 navigation contrast is global: the dark sidebar exists on large desktop as well as laptop. */
.hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item,
.hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item span{
  color:#e8f4fb!important;
}
.hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item b{
  color:#9ddcf5!important;
  opacity:1!important;
}
.hv4b-control-panel-runtime .hv4b-portal-side .hv10-nav-toggle,
.hv4b-control-panel-runtime .hv4b-portal-side .hv10-nav-toggle span{
  color:#d8edf7!important;
}
.hv4b-control-panel-runtime .hv4b-portal-side .hv10-nav-toggle i{
  color:#8fd6f2!important;
}
.hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item.active,
.hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item.active span{
  color:#fff!important;
  font-weight:800!important;
}
.hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item.active b{
  color:#d9f4ff!important;
  opacity:1!important;
}

/* ===== v319 navigation + sticky-shell coherence =====
   One desktop/laptop rhythm, one-open accordion navigation, pinned sign-out,
   and a measured sticky stack for preview banner + global header. */
@media (min-width:901px){
  .hv4b-control-panel-runtime .hv4b-portal{
    --hv319-preview-h:0px;
    --hv319-header-h:82px;
    --hv319-stack-h:82px;
  }
  .hv4b-control-panel-runtime .hv4b-portal{
    padding-top:var(--hv319-stack-h,82px)!important;
  }
  .hv4b-control-panel-runtime .hv4b-portal>.hv4b-impersonation-banner{
    position:fixed!important;
    left:0!important;right:0!important;top:0!important;width:100%!important;
    z-index:130!important;
    box-shadow:0 2px 8px rgba(38,55,73,.07)!important;
  }
  .hv4b-control-panel-runtime .hv4b-portal>.hv300-global-header{
    position:fixed!important;
    left:0!important;right:0!important;width:100%!important;
    top:var(--hv319-preview-h,0px)!important;
    z-index:120!important;
  }
  .hv4b-control-panel-runtime .hv4b-portal-side.hv10-side{
    position:fixed!important;
    left:0!important;bottom:0!important;
    top:var(--hv319-stack-h,82px)!important;
    height:calc(100vh - var(--hv319-stack-h,82px))!important;
    min-height:0!important;
    max-height:calc(100vh - var(--hv319-stack-h,82px))!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .hv4b-control-panel-runtime .hv4b-brand-direct.hv4b-portal .hv4b-portal-side.hv10-side{
    background-color:#071f36!important;
    background-image:radial-gradient(circle at 15% 14%,rgba(47,157,226,.17),transparent 26%),linear-gradient(180deg,#051F37 0%,#082B4C 58%,#071f36 100%)!important;
    background-size:100% 100%,100% 100%!important;
    background-repeat:no-repeat,no-repeat!important;
  }
  .hv4b-control-panel-runtime .hv4b-brand-reseller.hv4b-portal .hv4b-portal-side.hv10-side{
    background:linear-gradient(180deg,var(--hv4b-brand-primary,#073f63) 0%,color-mix(in srgb,var(--hv4b-brand-primary,#073f63) 78%,#001c2c) 100%)!important;
  }
  .hv4b-control-panel-runtime .hv4b-portal-side nav.hv10-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .hv4b-control-panel-runtime .hv4b-portal-side .hv281-nav-area:not([hidden]),
  .hv4b-control-panel-runtime .hv4b-portal-side .hv107-nav-surface[data-hv107-surface="reseller"]:not([hidden]){
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-gutter:stable!important;
  }
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-logout{
    flex:0 0 auto!important;
    display:block!important;
    margin:7px 0 0!important;
    padding:10px 10px!important;
    min-height:36px!important;
    border-top:1px solid rgba(255,255,255,.11)!important;
    background:rgba(2,19,34,.18)!important;
    color:#eef8fd!important;
    font-size:11.5px!important;
    line-height:16px!important;
    position:relative!important;
    z-index:3!important;
  }

  /* Desktop sidebar: compact, but not crushed. */
  .hv4b-control-panel-runtime .hv4b-portal{--hv316-side-w:252px}
  .hv4b-control-panel-runtime .hv4b-portal-side.hv10-side{padding:11px 12px!important}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv281-mode-switch,
  .hv4b-control-panel-runtime .hv4b-portal-side .hv283-mode-switch{margin-bottom:7px!important}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv281-mode-switch button,
  .hv4b-control-panel-runtime .hv4b-portal-side .hv283-mode-switch button{
    min-height:36px!important;height:36px!important;font-size:11.5px!important;padding:0 9px!important
  }
  .hv4b-control-panel-runtime .hv4b-portal-side .hv10-nav-section{margin:2px 0!important}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv10-nav-toggle{
    min-height:30px!important;padding:6px 9px!important;font-size:10.25px!important;line-height:1.1!important;letter-spacing:.055em!important
  }
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item{
    min-height:36px!important;padding:7px 9px!important;margin:1px 0!important;font-size:12.75px!important;line-height:1.16!important;gap:9px!important
  }
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item b{
    width:19px!important;min-width:19px!important;font-size:12px!important
  }
  .hv4b-control-panel-runtime .hv4b-portal-side .hv10-nav-children{padding:1px 0 2px 3px!important}

  /* Users workspace: remove the oversized empty band while keeping readable support text. */
  .hv4b-control-panel-runtime .hv36-primary-users>#hv241-user-lifecycle,
  .hv4b-control-panel-runtime .hv36-primary-users>#hv247-origin-request-status{
    margin:0 14px 8px!important;
    padding:12px 14px!important;
  }
  .hv4b-control-panel-runtime .hv36-primary-users .hv36-users-toolbar{
    min-height:0!important;
    padding:7px 16px 8px!important;
    gap:18px!important;
  }
  .hv4b-control-panel-runtime .hv36-primary-users .hv36-inline-search{
    margin:0!important;
    padding:4px 2px!important;
  }
  .hv4b-control-panel-runtime .hv36-primary-users .hv49-status-legend{
    margin:0!important;
    padding:7px 10px!important;
    border-left:0!important;border-right:0!important;border-radius:0!important;
    font-size:11px!important;
    line-height:1.1!important;
  }
  .hv4b-control-panel-runtime .hv36-primary-users .hv36-users-toolbar small{font-size:11.5px!important}
}

@media (min-width:1000px) and (max-width:1600px){
  .hv4b-control-panel-runtime .hv4b-portal{--hv316-side-w:228px}
  .hv4b-control-panel-runtime .hv4b-portal-side.hv10-side{padding:10px!important}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv281-mode-switch button,
  .hv4b-control-panel-runtime .hv4b-portal-side .hv283-mode-switch button{min-height:35px!important;height:35px!important;font-size:11px!important}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv10-nav-toggle{min-height:28px!important;font-size:9.75px!important;padding:5px 8px!important}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item{min-height:34px!important;font-size:12px!important;padding:6px 8px!important}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item b{font-size:11.5px!important}

  /* Keep laptop rows compact, but restore readable secondary copy. */
  .hv4b-control-panel-runtime .hv36-primary-users .hv49-status-legend{font-size:10.75px!important}
  .hv4b-control-panel-runtime .hv36-primary-users .hv36-users-toolbar,
  .hv4b-control-panel-runtime .hv36-primary-users .hv36-users-toolbar label,
  .hv4b-control-panel-runtime .hv36-primary-users .hv36-users-toolbar small{font-size:11.5px!important}
  .hv4b-control-panel-runtime .hv36-primary-users>#hv241-user-lifecycle .hv188-notice span,
  .hv4b-control-panel-runtime .hv36-primary-users>#hv247-origin-request-status p,
  .hv4b-control-panel-runtime .hv36-primary-users>#hv247-origin-request-status .hv22-muted{font-size:11.75px!important;line-height:1.35!important}
}

@media (min-width:1000px) and (max-width:1280px){
  .hv4b-control-panel-runtime .hv4b-portal{--hv316-side-w:216px}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item{font-size:11.75px!important;min-height:33px!important}
}

@media (min-width:901px) and (max-width:999px){
  .hv4b-control-panel-runtime .hv4b-portal{--hv316-side-w:210px}
  .hv4b-control-panel-runtime .hv4b-portal-side.hv10-side{padding:9px!important}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv4b-nav-item{min-height:33px!important;font-size:11.5px!important;padding:6px 7px!important}
  .hv4b-control-panel-runtime .hv4b-portal-side .hv10-nav-toggle{min-height:27px!important;font-size:9.5px!important;padding:5px 7px!important}
}

/* v319 medium-desktop bridge: avoid the old 1600px size cliff. */
@media (min-width:1601px) and (max-width:1800px){
  .hv4b-control-panel-runtime .hv4b-portal-main,
  .hv4b-control-panel-runtime .hv4b-resource-content{font-size:14px!important;line-height:1.42!important}
  .hv4b-control-panel-runtime .hv300-pagehead h1{font-size:31px!important}
  .hv4b-control-panel-runtime .hv22-pagehead h2,
  .hv4b-control-panel-runtime .hv22-editor-head h2{font-size:27px!important}
  .hv4b-control-panel-runtime .hv22-pagehead p,
  .hv4b-control-panel-runtime .hv22-editor-head p,
  .hv4b-control-panel-runtime .hv22-formcard p,
  .hv4b-control-panel-runtime .hv11-panel p,
  .hv4b-control-panel-runtime .hv188-notice span{font-size:12.75px!important;line-height:1.42!important}
  .hv4b-control-panel-runtime input,
  .hv4b-control-panel-runtime select,
  .hv4b-control-panel-runtime textarea,
  .hv4b-control-panel-runtime button{font-size:13px!important}
  .hv4b-control-panel-runtime input:not([type=checkbox]):not([type=radio]),
  .hv4b-control-panel-runtime select,
  .hv4b-control-panel-runtime button{min-height:38px!important}
  .hv4b-control-panel-runtime .hv22-table th,
  .hv4b-control-panel-runtime .hv11-table th,
  .hv4b-control-panel-runtime .hv4b-table th,
  .hv4b-control-panel-runtime .hv10-table th,
  .hv4b-control-panel-runtime .hv36-app-table th{padding:9px 10px!important;font-size:11.5px!important;line-height:1.2!important}
  .hv4b-control-panel-runtime .hv22-table td,
  .hv4b-control-panel-runtime .hv11-table td,
  .hv4b-control-panel-runtime .hv4b-table td,
  .hv4b-control-panel-runtime .hv10-table td,
  .hv4b-control-panel-runtime .hv36-app-table td{padding:9px 10px!important;font-size:13px!important;line-height:1.3!important}
  .hv4b-control-panel-runtime .hv36-section-title h3{font-size:17.5px!important}
}


/* ---------- v322.0.0 Apps workspace density ---------- */
.hv4b-control-panel-runtime .hv36-app-section{
  padding:14px 16px!important;
  margin-bottom:12px!important;
  border-radius:10px!important;
}
.hv4b-control-panel-runtime .hv36-app-section h3{
  margin:0 0 5px!important;
  font-size:17px!important;
  line-height:1.2!important;
}
.hv4b-control-panel-runtime .hv36-app-section>p{
  margin:0 0 8px!important;
  font-size:12.5px!important;
  line-height:1.35!important;
}
.hv4b-control-panel-runtime .hv36-app-section .hv36-inline-search{
  margin:3px 0 8px!important;
  padding:4px 2px!important;
  max-width:280px!important;
  font-size:12px!important;
}
.hv4b-control-panel-runtime .hv36-app-section .hv36-app-table th{
  padding:7px 9px!important;
  font-size:11.5px!important;
}
.hv4b-control-panel-runtime .hv36-app-section .hv36-app-table td{
  padding:7px 9px!important;
  font-size:12.5px!important;
}
.hv4b-control-panel-runtime .hv36-app-section .hv36-user-square{
  width:28px!important;
  height:28px!important;
  font-size:10px!important;
}
.hv4b-control-panel-runtime .hv36-app-section .hv320-app-actions{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}
.hv4b-control-panel-runtime .hv36-app-section .hv320-app-actions button{
  min-height:30px!important;
  height:30px!important;
  padding:0 10px!important;
  font-size:11.5px!important;
}
.hv4b-control-panel-runtime .hv322-pending-pill{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border-radius:999px;
  background:#fff5d8;
  border:1px solid #f2d47b;
  color:#7b5b00;
  font-size:11px;
  font-weight:700;
}
@media (min-width:1000px) and (max-width:1600px){
  .hv4b-control-panel-runtime .hv36-app-section{padding:12px 14px!important;margin-bottom:10px!important}
  .hv4b-control-panel-runtime .hv36-app-section h3{font-size:15.5px!important}
  .hv4b-control-panel-runtime .hv36-app-section>p{font-size:11.75px!important;margin-bottom:6px!important}
  .hv4b-control-panel-runtime .hv36-app-section .hv36-inline-search{margin:2px 0 6px!important;padding:3px 2px!important;font-size:11.5px!important}
  .hv4b-control-panel-runtime .hv36-app-section .hv36-app-table th{padding:6px 8px!important;font-size:10.75px!important}
  .hv4b-control-panel-runtime .hv36-app-section .hv36-app-table td{padding:6px 8px!important;font-size:12px!important}
}


/* ---------- v331.0.0 PulseHD access + permission-aware Web Phone launcher ---------- */
.hv4b-control-panel-runtime .hv326-webphone-launcher{
  min-width:112px;height:40px;padding:0 11px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border:1px solid color-mix(in srgb,var(--hv4b-brand-primary,#0b79b7) 28%,#d4e1e9);border-radius:9px;background:#fff;
  color:var(--hv4b-brand-primary,#0b79b7);text-decoration:none;flex:0 0 auto;font-size:12px;font-weight:800;line-height:1;
}
.hv4b-control-panel-runtime .hv326-webphone-launcher:hover{border-color:var(--hv4b-brand-primary,#0b79b7);background:#f7fbfd}
.hv4b-control-panel-runtime .hv329-webphone-icon{width:27px;height:23px;display:block;color:var(--hv4b-brand-primary,#0b79b7);flex:0 0 auto}
.hv4b-control-panel-runtime .hv329-webphone-handset{color:var(--hv4b-brand-accent,var(--hv4b-brand-secondary,#18bfe5))}
.hv4b-control-panel-runtime .hv329-webphone-label{white-space:nowrap;color:var(--hv4b-brand-primary,#0b79b7);letter-spacing:.01em}
.hv4b-control-panel-runtime .hv326-pulsehd-access{background:#fff;border:1px solid #d8e4eb;border-radius:12px;padding:16px 18px;margin:0 0 12px}
.hv4b-control-panel-runtime .hv326-access-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.hv4b-control-panel-runtime .hv326-access-head h3{margin:0 0 3px;color:#173f57;font-size:18px;line-height:1.2}
.hv4b-control-panel-runtime .hv326-access-head p{margin:0;color:#607b90;font-size:12.5px}
.hv4b-control-panel-runtime .hv326-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hv4b-control-panel-runtime .hv326-access-grid article{border:1px solid #d8e4eb;border-radius:10px;padding:12px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;background:#fbfdfe;min-width:0}
.hv4b-control-panel-runtime .hv326-access-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#edf6fb;color:#0b79b7;font-size:16px;font-weight:800}
.hv4b-control-panel-runtime .hv326-access-grid strong{display:block;color:#173f57;font-size:13.5px;line-height:1.25;margin:1px 0 3px}
.hv4b-control-panel-runtime .hv326-access-grid small{display:block;color:#607b90;font-size:11.5px;line-height:1.35;min-height:31px}
.hv4b-control-panel-runtime .hv326-access-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.hv4b-control-panel-runtime .hv326-app-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 10px;box-sizing:border-box;border:1px solid #cddde7;border-radius:8px;background:#fff;color:#0b4f77;text-decoration:none;font-size:11.75px;font-weight:800;line-height:1.1}
.hv4b-control-panel-runtime .hv326-app-link:hover{border-color:#7eb4d0;background:#f4fafc}
.hv4b-control-panel-runtime .hv326-app-link.primary{background:var(--hv4b-brand-primary,#0b79b7);border-color:var(--hv4b-brand-primary,#0b79b7);color:#fff}
.hv4b-control-panel-runtime .hv329-access-webphone{color:var(--hv4b-brand-primary,#0b79b7);background:#edf6fb}
.hv4b-control-panel-runtime .hv329-access-webphone svg{width:27px;height:23px;display:block}
@media(max-width:1100px){.hv4b-control-panel-runtime .hv326-access-grid{grid-template-columns:1fr}.hv4b-control-panel-runtime .hv326-access-grid small{min-height:0}}
@media(max-width:760px){.hv4b-control-panel-runtime .hv326-webphone-launcher{min-width:38px;width:38px;height:38px;padding:0}.hv4b-control-panel-runtime .hv329-webphone-label{display:none}.hv4b-control-panel-runtime .hv329-webphone-icon{width:25px;height:22px}.hv4b-control-panel-runtime .hv326-pulsehd-access{padding:13px 14px}.hv4b-control-panel-runtime .hv326-access-head h3{font-size:16px}}

/* v329 Web Phone support/testing chooser */
.hv329-webphone-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(7,31,48,.48);backdrop-filter:blur(2px)}
.hv329-webphone-dialog{width:min(620px,100%);max-height:min(720px,88vh);overflow:auto;background:#fff;border:1px solid #d8e4eb;border-radius:14px;box-shadow:0 24px 70px rgba(5,31,49,.22);padding:18px}
.hv329-webphone-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
.hv329-webphone-dialog-head span{display:block;margin-bottom:3px;color:var(--hv4b-brand-primary,#0b79b7);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.hv329-webphone-dialog-head h3{margin:0;color:#173f57;font-size:20px;line-height:1.2}
.hv329-webphone-close{width:34px;height:34px;border:1px solid #d7e3ea;border-radius:8px;background:#fff;color:#36586d;font-size:23px;line-height:1;cursor:pointer}
.hv329-webphone-warning{margin:0 0 12px;padding:10px 12px;border:1px solid #d8e4eb;border-radius:9px;background:#f7fafc;color:#506f82;font-size:12.5px;line-height:1.45}
.hv329-webphone-users{display:grid;gap:8px}
.hv329-webphone-users>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #d8e4eb;border-radius:10px;background:#fff;text-align:left;cursor:pointer}
.hv329-webphone-users>button:hover{border-color:var(--hv4b-brand-primary,#0b79b7);background:#f7fbfd}
.hv329-webphone-users span strong{display:block;color:#173f57;font-size:13.5px}.hv329-webphone-users span small{display:block;margin-top:2px;color:#688296;font-size:11.5px}
.hv329-webphone-users>button>b{color:var(--hv4b-brand-primary,#0b79b7);font-size:11.5px;white-space:nowrap}.hv329-webphone-empty{padding:16px;border:1px dashed #cadbe5;border-radius:10px;color:#607b90;text-align:center;font-size:12.5px}


/* ---------- v331.0.0 SIP User Details parity ---------- */
.hv4b-control-panel-runtime .hv330-user-details{display:grid;gap:12px}
.hv4b-control-panel-runtime .hv330-user-details>.hv22-formcard{background:#fff}
.hv4b-control-panel-runtime .hv330-general-settings{display:grid;gap:0;border:1px solid var(--hv4b-border,#dbe5ec);border-radius:9px;overflow:hidden;background:#fff}
.hv4b-control-panel-runtime .hv330-general-settings>.hv188-switch-row,
.hv4b-control-panel-runtime .hv330-general-settings>.hv212-status-row,
.hv4b-control-panel-runtime .hv330-general-settings>.hv330-hotdesk-wrap,
.hv4b-control-panel-runtime .hv330-general-settings>.hv330-hotdesk-grid{background:#fff;border:0;border-bottom:1px solid var(--hv4b-border,#dbe5ec);border-radius:0}
.hv4b-control-panel-runtime .hv330-general-settings>*:last-child{border-bottom:0}
.hv4b-control-panel-runtime .hv330-hotdesk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:12px 14px}
.hv4b-control-panel-runtime .hv330-hotdesk-wrap{padding:0 2px}
.hv4b-control-panel-runtime .hv330-hotdesk-wrap>.hv212-status-row{border-bottom:0}
.hv4b-control-panel-runtime .hv330-hotdesk-wrap>.hv25-field{margin:0 12px 12px}
.hv4b-control-panel-runtime .hv330-holdmusic{display:grid;gap:12px}
.hv4b-control-panel-runtime .hv330-holdmusic>.hv188-switch-row{border:1px solid var(--hv4b-border,#dbe5ec);border-radius:9px;background:#fff}
.hv4b-control-panel-runtime .hv330-holdmusic>.hv212-status-row{border:1px solid var(--hv4b-border,#dbe5ec);border-radius:9px;background:#fff}
@media(max-width:760px){.hv4b-control-panel-runtime .hv330-hotdesk-grid{grid-template-columns:1fr}}

/* v333 personal/shared mailbox parity */
.hv333-mailbox-picker{display:block}.hv333-mailbox-chips{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0 9px}.hv333-mailbox-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #d8e5eb;background:#f7fafc;border-radius:999px;padding:6px 9px;font-size:13px}.hv333-mailbox-chip button{border:0;background:transparent;cursor:pointer;font-size:16px;line-height:1;padding:0 1px}.hv333-mailbox-empty{display:block;color:#718692;font-size:13px;margin:7px 0 9px}.hv333-mailbox-picker select{width:100%}.hv333-personal-note{display:block;margin-top:5px;color:#718692}.hv333-personal-mailboxes{margin-top:14px}.hv333-personal-mailboxes .hv22-table{min-width:640px}

/* v335 Mailboxes parity and table geometry — system-wide */
.hv4b-control-panel-runtime .hv335-mailboxes-wrap{width:100%;max-width:100%;overflow-x:auto}
.hv4b-control-panel-runtime .hv335-mailboxes-table{width:100%;min-width:980px;table-layout:fixed}
.hv4b-control-panel-runtime .hv335-mailboxes-table .c-name{width:23%}
.hv4b-control-panel-runtime .hv335-mailboxes-table .c-ext{width:10%}
.hv4b-control-panel-runtime .hv335-mailboxes-table .c-pass{width:11%}
.hv4b-control-panel-runtime .hv335-mailboxes-table .c-greet{width:18%}
.hv4b-control-panel-runtime .hv335-mailboxes-table .c-email{width:28%}
.hv4b-control-panel-runtime .hv335-mailboxes-table .c-actions{width:10%}
.hv4b-control-panel-runtime .hv335-mailboxes-table th,.hv4b-control-panel-runtime .hv335-mailboxes-table td{vertical-align:middle;overflow-wrap:anywhere}
.hv4b-control-panel-runtime .hv335-mailbox-actions{display:flex;justify-content:flex-end;gap:7px;white-space:nowrap;overflow-wrap:normal!important}
.hv4b-control-panel-runtime .hv335-mailbox-actions button{min-width:62px;white-space:nowrap}
.hv4b-control-panel-runtime .hv335-mailbox-actions .hv335-danger{border-color:#e4a2aa;color:#a62b3b;background:#fff}
.hv4b-control-panel-runtime .hv335-mailbox-email{word-break:break-word}
.hv4b-control-panel-runtime .hv335-readonly{font-size:12px;color:#718692}
.hv4b-control-panel-runtime .hv335-personal-access{margin-top:14px;max-width:680px}
.hv4b-control-panel-runtime .hv335-personal-access .hv25-field{max-width:280px;margin-top:12px}
.hv4b-control-panel-runtime .hv335-personal-access small{display:block;margin-top:6px;color:#718692}
@media(max-width:700px){.hv4b-control-panel-runtime .hv335-mailboxes-table{min-width:900px}.hv4b-control-panel-runtime .hv335-mailbox-head{align-items:flex-start}}

/* v336 Mailboxes parity refinement — system-wide */
.hv4b-control-panel-runtime .hv336-mailbox-search{display:flex;align-items:center;gap:8px;max-width:420px;margin:0 0 14px;padding:0 3px;border-bottom:2px solid var(--hv4b-accent,#f34f91)}
.hv4b-control-panel-runtime .hv336-mailbox-search span{font-size:19px;line-height:1;color:var(--hv4b-primary,#082b4c)}
.hv4b-control-panel-runtime .hv336-mailbox-search input{width:100%;border:0!important;box-shadow:none!important;background:transparent!important;padding:9px 3px!important;min-height:38px}
.hv4b-control-panel-runtime .hv336-password{display:inline-flex;align-items:center;gap:7px;max-width:180px}
.hv4b-control-panel-runtime .hv336-password input{width:92px;min-width:0;height:32px;padding:5px 8px;border:1px solid var(--hv4b-border,#dbe5ec);border-radius:7px;background:#fff}
.hv4b-control-panel-runtime .hv336-password-toggle{min-width:auto!important;padding:6px 8px!important;border-radius:7px!important;border:1px solid var(--hv4b-border,#dbe5ec)!important;background:#fff!important;color:var(--hv4b-primary,#082b4c)!important;font-weight:700}
.hv4b-control-panel-runtime .hv336-not-set{color:#718692}
.hv4b-control-panel-runtime .hv335-mailbox-actions .hv336-edit,.hv4b-control-panel-runtime .hv335-mailbox-actions .hv336-delete{min-width:64px;padding:8px 12px;border-radius:8px;font-weight:700}
.hv4b-control-panel-runtime .hv335-mailbox-actions .hv336-edit{border:1px solid var(--hv4b-border,#dbe5ec);background:#fff;color:var(--hv4b-primary,#082b4c)}
.hv4b-control-panel-runtime .hv335-mailbox-actions .hv336-delete{border:1px solid #e9a4ad;background:#fff;color:#b22f43}
.hv4b-control-panel-runtime .hv335-mailbox-actions .hv336-edit:hover{border-color:var(--hv4b-secondary,#347bd2);color:var(--hv4b-secondary,#347bd2)}
.hv4b-control-panel-runtime .hv335-mailbox-actions .hv336-delete:hover{background:#fff5f6;border-color:#d65b6c}


/* v341.0.0 — shared portal button families; system-wide customer/reseller-customer action styling. */
.hv4b-control-panel-runtime .hv4b-portal-main button.hv337-btn{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:38px;padding:8px 14px;border:1px solid transparent;border-radius:9px;
  font:inherit;font-size:12px;font-weight:750;line-height:1.15;letter-spacing:0;
  cursor:pointer;white-space:nowrap;text-decoration:none;box-shadow:none;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease;
}
.hv4b-control-panel-runtime .hv4b-portal-main button.hv337-btn:hover:not(:disabled){transform:translateY(-1px)}
.hv4b-control-panel-runtime .hv4b-portal-main button.hv337-btn:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--hv4b-brand-primary,#084c76) 13%,transparent)}
.hv4b-control-panel-runtime .hv4b-portal-main button.hv337-btn-primary{
  background:var(--hv4b-brand-primary,#084c76);border-color:var(--hv4b-brand-primary,#084c76);color:#fff;
}
.hv4b-control-panel-runtime .hv4b-portal-main button.hv337-btn-primary:hover:not(:disabled){filter:brightness(.95);box-shadow:0 5px 13px color-mix(in srgb,var(--hv4b-brand-primary,#084c76) 16%,transparent)}
.hv4b-control-panel-runtime .hv4b-portal-main button.hv337-btn-secondary{
  background:#f7f9fb;border-color:#d8e3e9;color:#506777;
}
.hv4b-control-panel-runtime .hv4b-portal-main button.hv337-btn-secondary:hover:not(:disabled){background:#eef3f6;border-color:#c7d6de;color:#294b60}
.hv4b-control-panel-runtime .hv4b-portal-main button.hv337-btn-neutral{
  background:#fff;border-color:#cbd9e1;color:var(--hv4b-brand-primary,#084c76);
}
.hv4b-control-panel-runtime .hv4b-portal-main button.hv337-btn-neutral:hover:not(:disabled){background:#f5f9fb;border-color:color-mix(in srgb,var(--hv4b-brand-primary,#084c76) 45%,#cbd9e1);color:var(--hv4b-brand-primary,#084c76)}
.hv4b-control-panel-runtime .hv4b-portal-main button.hv337-btn-danger{
  background:#fff;border-color:#e4a2aa;color:#ad3042;
}
.hv4b-control-panel-runtime .hv4b-portal-main button.hv337-btn-danger:hover:not(:disabled){background:#fff4f5;border-color:#d45b6b;color:#992639}
.hv4b-control-panel-runtime .hv4b-portal-main button.hv337-btn:disabled{
  cursor:not-allowed;transform:none!important;box-shadow:none!important;filter:none!important;opacity:.48;
}
.hv4b-control-panel-runtime .hv4b-portal-main button.hv337-btn-compact{
  min-height:32px;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:750;
}
/* Existing semantic classes inherit the same families immediately, before JS classification runs. */
.hv4b-control-panel-runtime .hv4b-portal-main .hv11-primary,
.hv4b-control-panel-runtime .hv4b-portal-main .hv4b-btn:not(.secondary){min-height:38px;padding:8px 14px;border-radius:9px;font-size:12px;font-weight:750}
.hv4b-control-panel-runtime .hv335-mailbox-actions .hv336-edit,
.hv4b-control-panel-runtime .hv335-mailbox-actions .hv336-delete{min-height:32px!important;padding:6px 10px!important;border-radius:8px!important;font-size:11px!important;font-weight:750!important}


/* v341.0.0 — keep action-button language out of tabs/structural controls; deliberate User editor tabs. */
.hv4b-control-panel-runtime .hv219-user-editor>.hv22-tabs{
  display:flex!important;align-items:center;gap:6px!important;overflow-x:auto;
  margin:0 0 16px!important;padding:0 0 2px!important;border-bottom:1px solid #dbe5ec!important;
}
.hv4b-control-panel-runtime .hv219-user-editor>.hv22-tabs>button{
  flex:0 0 auto;min-height:38px!important;padding:8px 14px!important;margin:0!important;
  border:1px solid #cbdbe5!important;border-bottom-color:#cbdbe5!important;border-radius:9px 9px 0 0!important;
  background:#fff!important;color:#183d57!important;box-shadow:none!important;transform:none!important;
  font-size:12px!important;font-weight:750!important;line-height:1.15!important;
}
.hv4b-control-panel-runtime .hv219-user-editor>.hv22-tabs>button:hover{
  background:#f6f9fb!important;border-color:#b8cedb!important;color:var(--hv4b-brand-primary,#084c76)!important;
}
.hv4b-control-panel-runtime .hv219-user-editor>.hv22-tabs>button.active{
  background:color-mix(in srgb,var(--hv4b-brand-primary,#084c76) 8%,#fff)!important;
  color:var(--hv4b-brand-primary,#084c76)!important;
  border-color:var(--hv4b-brand-primary,#084c76)!important;
  border-bottom:3px solid var(--hv4b-brand-secondary,#43ae4f)!important;
  font-weight:800!important;
}
.hv4b-control-panel-runtime .hv219-user-editor>.hv22-tabs>button:focus-visible{
  outline:0!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--hv4b-brand-primary,#084c76) 13%,transparent)!important;
}
/* Compact table actions must not alter table geometry. */
.hv4b-control-panel-runtime td .hv337-btn-compact,
.hv4b-control-panel-runtime .hv335-mailbox-actions .hv337-btn-compact{
  min-height:30px!important;padding:5px 9px!important;line-height:1!important;transform:none!important;
}
.hv4b-control-panel-runtime td .hv337-btn-compact:hover,
.hv4b-control-panel-runtime .hv335-mailbox-actions .hv337-btn-compact:hover{transform:none!important}
.hv4b-control-panel-runtime .hv335-mailbox-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}

/* v341 Call Handling mailbox guidance */
.hv341-mailbox-help{display:block;margin-top:7px;color:#6c7f91;font-size:12px;line-height:1.35}
.hv341-call-handling .hv188-notice{margin:0}

/* v342 — SIP User Call Handling parity */
.hv342-call-handling{display:grid;gap:14px}
.hv342-forward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;align-items:start}
.hv342-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:4px 0}
.hv342-toggle>span:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.hv342-toggle strong{font-size:14px;color:var(--hv-text,#0c2d4e)}
.hv342-toggle small{font-size:12px;color:var(--hv-muted,#6c8195);font-weight:400}
.hv342-toggle.is-unknown{opacity:.62}
.hv342-destination{display:flex;flex-direction:column;gap:6px;max-width:440px}
.hv342-destination span{font-size:12px;font-weight:700;color:var(--hv-muted,#667d91)}
.hv342-destination input{width:100%;min-height:40px;border:1px solid #cfdae4;border-radius:8px;background:#fff;padding:0 12px;color:#0b2c4c}
.hv342-clean-unavailable{margin:0;color:#6d8193;font-size:13px}
.hv342-blind{border:0;padding:8px 0 2px;margin:4px 0 14px;display:flex;flex-direction:column;gap:8px}
.hv342-blind legend{font-size:12px;font-weight:700;color:#526b82;margin-bottom:5px}
.hv342-blind label{display:flex;align-items:center;gap:7px;font-size:13px;color:#183955;cursor:pointer}
.hv342-blind input{accent-color:#ef3f85}
.hv342-condition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:14px;border-top:1px solid #d7e0e8;padding-top:18px}
.hv342-condition-card{padding:0 22px;min-width:0}
.hv342-condition-card:first-child{padding-left:0}
.hv342-condition-card:last-child{padding-right:0}
.hv342-condition-card+ .hv342-condition-card{border-left:1px solid #d7e0e8}
.hv342-condition-card h4{margin:0 0 6px;font-size:16px;color:#173b5b}
.hv342-condition-card p{margin:0 0 17px;font-size:12px;line-height:1.45;color:#7a8da0;min-height:35px}
.hv342-condition-card label{display:flex;flex-direction:column;gap:5px;margin:0 0 14px}
.hv342-condition-card label span{font-size:11px;font-weight:700;color:#758b9f}
.hv342-condition-card select,.hv342-condition-card input{width:100%;min-height:38px;border:0;border-bottom:1px solid #c8d4de;border-radius:0;background:transparent;padding:6px 3px;color:#173b5b}
.hv342-advanced-link{border:0!important;background:transparent!important;box-shadow:none!important;padding:4px 0!important;min-height:0!important;color:#ef3f85!important;font-size:11px!important;font-weight:600!important;text-align:left!important}
.hv342-advanced-link:hover{text-decoration:underline;background:transparent!important}
@media(max-width:900px){.hv342-forward-grid{grid-template-columns:1fr}.hv342-condition-grid{grid-template-columns:1fr;gap:18px}.hv342-condition-card,.hv342-condition-card:first-child,.hv342-condition-card:last-child{padding:0}.hv342-condition-card+ .hv342-condition-card{border-left:0;border-top:1px solid #d7e0e8;padding-top:18px}}


/* v343 — SIP User Call Handling parity */
.hv343-call-handling{display:grid;gap:18px}
.hv343-voicemail{display:grid;gap:22px}
.hv343-primary-mailbox{display:grid;gap:7px}
.hv343-additional h4{margin:0 0 10px;font-size:14px;color:#173b5b}
.hv343-mailboxes{display:grid;gap:12px}
.hv343-mailbox-search{display:flex;align-items:center;gap:8px;width:min(420px,100%);border-bottom:2px solid #ef3f85;padding:4px 3px 7px}
.hv343-mailbox-search span{font-size:17px;color:#153b5d}
.hv343-mailbox-search input{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;min-height:28px!important;width:100%;outline:0;color:#183955}
.hv343-mailbox-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 26px}
.hv343-mailbox-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:3px 0;border-bottom:1px solid #edf2f6;color:#23415d;font-size:13px}
.hv343-mailbox-action{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;border-radius:50%!important;border:1px solid #c7d5e0!important;background:#fff!important;color:#17679b!important;font-size:19px!important;line-height:1!important;display:grid!important;place-items:center!important}
.hv343-mailbox-action:hover{background:#f3f8fc!important;border-color:#5ea8d2!important}
.hv343-mailbox-action.is-selected{color:#d72f62!important;border-color:#ef9cb7!important}
.hv343-mailbox-empty{font-size:13px;color:#73879a}
.hv343-forwarding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 48px;align-items:start}
.hv343-switch-row{display:flex;align-items:center;justify-content:flex-start;gap:18px;min-height:42px;padding:2px 0}
.hv343-switch-copy{display:flex;flex-direction:column;gap:3px;min-width:185px}
.hv343-switch-copy strong{font-size:13px;color:#173b5b}
.hv343-switch-copy small{font-size:11px;color:#7a8da0;font-weight:400}
.hv343-switch-row.is-indeterminate .hv188-switch{position:relative}
.hv343-switch-row.is-indeterminate .hv188-switch:after{content:"–";position:absolute;inset:0;display:grid;place-items:center;font-size:17px;font-weight:800;color:#fff;pointer-events:none}
.hv343-switch-row.is-indeterminate .hv188-switch i{background:#9aaab7!important}
.hv343-destination{display:grid;gap:5px;max-width:300px;margin-top:5px}
.hv343-destination span{font-size:11px;color:#6f8599}
.hv343-destination input{border:0!important;border-bottom:1px solid #c5d3de!important;border-radius:0!important;background:transparent!important;min-height:34px!important;padding:4px 2px!important;color:#173b5b}
.hv343-state-note{margin-top:10px;font-size:11px;line-height:1.45;color:#71869a}
.hv343-handling-head{display:flex;align-items:center}
.hv343-blind{border:0;margin:8px 0 16px;padding:0;display:grid;gap:6px}
.hv343-blind legend{font-size:11px;font-weight:700;color:#526b82;margin-bottom:3px}
.hv343-blind label{display:flex;align-items:center;gap:7px;font-size:12px;color:#26435e}
.hv343-blind input{accent-color:#ef3f85}
.hv343-condition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d4dee7;margin-top:14px;padding-top:18px}
.hv343-condition{padding:0 24px;min-width:0}
.hv343-condition:first-child{padding-left:0}
.hv343-condition:last-child{padding-right:0}
.hv343-condition+.hv343-condition{border-left:1px solid #d4dee7}
.hv343-condition h4{margin:0 0 7px;font-size:15px;color:#173b5b}
.hv343-condition p{margin:0 0 16px;min-height:36px;font-size:11px;line-height:1.45;color:#7c8fa1}
.hv343-cond-field{display:grid;gap:5px;margin:0 0 13px}
.hv343-cond-field span{font-size:10px;font-weight:700;color:#758a9d}
.hv343-cond-field select,.hv343-cond-field input{width:100%;min-height:34px;border:0;border-bottom:1px solid #c7d3dd;border-radius:0;background:transparent;padding:4px 1px;color:#173b5b}
.hv343-advanced-link{border:0!important;background:transparent!important;box-shadow:none!important;padding:2px 0!important;min-height:0!important;color:#ef3f85!important;font-size:10px!important;font-weight:600!important;text-align:left!important}
.hv343-advanced-link:hover{text-decoration:underline;background:transparent!important}
@media(max-width:1100px){.hv343-mailbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hv343-forwarding-grid,.hv343-condition-grid{grid-template-columns:1fr}.hv343-condition,.hv343-condition:first-child,.hv343-condition:last-child{padding:0}.hv343-condition+.hv343-condition{border-left:0;border-top:1px solid #d4dee7;padding-top:18px}.hv343-mailbox-grid{grid-template-columns:1fr}}


/* v345 — contextual help, mailbox action alignment, Help & FAQ and device cards */
.hv343-mailbox-action{width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-size:18px!important;font-weight:700!important;flex:0 0 30px!important}
.hv343-mailbox-action>span{display:block;line-height:1;transform:translateY(-.5px)}
.hv345-help-wrap{position:relative;display:inline-flex;vertical-align:middle;margin-left:7px;z-index:4}
.hv345-help-trigger{width:19px;height:19px;border:1px solid #9fb5ca;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;line-height:1;color:#315d82;background:#fff;cursor:help}
.hv345-help-tip{position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);width:310px;max-width:min(310px,75vw);padding:11px 12px;border:1px solid #c7d8e7;border-radius:9px;background:#fff;box-shadow:0 10px 28px rgba(12,48,77,.16);font-size:12px;line-height:1.45;font-weight:400;color:#27435d;opacity:0;visibility:hidden;pointer-events:none;transition:.14s ease;text-align:left}
.hv345-help-wrap:hover .hv345-help-tip,.hv345-help-wrap:focus-within .hv345-help-tip{opacity:1;visibility:visible;pointer-events:auto}
.hv345-help-tip:after{content:"";position:absolute;left:50%;top:100%;border:7px solid transparent;border-top-color:#fff;transform:translateX(-50%)}
.hv345-help-tip button{display:block;margin-top:8px;padding:0;border:0;background:transparent;color:#0f6fac;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.hv345-section-help{margin-left:auto;align-self:flex-start;border:0!important;background:transparent!important;color:#0f6fac!important;padding:4px 0!important;font-size:12px!important;font-weight:700!important;text-decoration:underline;box-shadow:none!important}
.hv345-device-presence{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid #d7e2ec;border-radius:10px;background:#f8fbfd;margin-bottom:16px}.hv345-device-presence>span{font-size:12px;color:#60798f}.hv345-device-presence>strong{font-size:15px;color:#123d5d}.hv345-device-presence>small{margin-left:auto;color:#6e8193}
.hv345-device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.hv345-device-card{border:1px solid #d3e0eb;border-radius:12px;padding:15px;background:#fff}.hv345-device-title{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid #e5edf4}.hv345-device-title>div{min-width:0;display:flex;flex-direction:column;gap:2px}.hv345-device-title small{text-transform:uppercase;letter-spacing:.06em;color:#7890a3;font-size:10px;font-weight:800}.hv345-device-title strong{font-size:16px;color:#0c3455}.hv345-device-title span{color:#667f93;font-size:12px}.hv345-device-title em{margin-left:auto;font-style:normal;font-size:11px;font-weight:800;color:#2a7351;background:#eaf8f0;padding:5px 8px;border-radius:999px}.hv345-device-card dl{display:grid;grid-template-columns:115px 1fr;gap:7px 12px;margin:13px 0 0}.hv345-device-card dt{color:#6c8295;font-size:12px}.hv345-device-card dd{margin:0;color:#173f5f;font-size:12px;overflow-wrap:anywhere}.hv345-device-agent{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px!important}
.hv345-help-page{max-width:1180px;margin:0 auto}.hv345-help-search{display:flex;align-items:center;gap:9px;max-width:540px;border-bottom:2px solid #ef4c8c;padding:8px 3px;margin:8px 0 20px}.hv345-help-search input{border:0!important;background:transparent!important;outline:0!important;width:100%;padding:4px!important}.hv345-help-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}.hv345-help-index{position:sticky;top:96px;display:flex;flex-direction:column;border:1px solid #d8e4ed;border-radius:12px;background:#fff;padding:8px}.hv345-help-index button{border:0!important;background:transparent!important;text-align:left;padding:10px 11px!important;border-radius:7px!important;color:#173f5f!important;font-weight:700!important}.hv345-help-index button:hover{background:#f1f7fb!important}.hv345-help-articles{display:flex;flex-direction:column;gap:13px}.hv345-help-articles article{scroll-margin-top:110px;border:1px solid #d8e4ed;border-radius:12px;background:#fff;padding:18px 20px}.hv345-help-articles h3{margin:0 0 7px;color:#0a3456;font-size:17px}.hv345-help-articles p{margin:0;color:#526d83;line-height:1.6}
@media(max-width:800px){.hv345-help-layout{grid-template-columns:1fr}.hv345-help-index{position:static}.hv345-device-grid{grid-template-columns:1fr}.hv345-help-tip{left:auto;right:-20px;transform:none}}


/* v346 — single Help destination, robust floating tooltips and device cleanup */
.hv343-mailbox-action{display:grid!important;place-items:center!important}
.hv346-mailbox-icon{width:16px;height:16px;display:block;overflow:visible;pointer-events:none}
.hv346-mailbox-icon path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}
.hv345-help-tip,.hv345-section-help{display:none!important}
.hv345-help-trigger{appearance:none;padding:0!important;margin:0!important;font-family:inherit!important}
.hv346-floating-tip{position:fixed;z-index:2147483000;width:max-content;max-width:340px;padding:11px 13px;border:1px solid #c4d6e5;border-radius:9px;background:#fff;color:#24445f;box-shadow:0 12px 32px rgba(10,43,68,.2);font-size:12px;line-height:1.5;font-weight:500;pointer-events:none}
.hv346-context-help{margin:4px 0 0!important;color:#6f8496!important;font-size:11px!important;line-height:1.45!important}
.hv346-context-help button{border:0!important;background:transparent!important;padding:0!important;margin:0!important;min-height:0!important;color:#ef3f85!important;font:inherit!important;font-weight:700!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important}
.hv346-context-help button:hover{text-decoration:underline!important}
.hv346-device-note{margin:14px 0 0;padding:11px 13px;border-left:3px solid #b9cddd;background:#f8fbfd;color:#617a8e;font-size:11px;line-height:1.5}
.hv343-mailbox-action{min-height:30px!important;max-height:30px!important}
.hv4b-control-panel-runtime .hv343-mailbox-action{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important;padding:0!important;display:grid!important;place-items:center!important}
.hv4b-control-panel-runtime .hv346-side-help{margin:8px 10px 4px!important;width:calc(100% - 20px)!important;flex:0 0 auto!important}

/* v347 Call Monitor interaction + practical help + device parity polish */
.hv347-monitor-list{overflow:visible}
.hv347-monitor-row{display:grid;grid-template-columns:minmax(0,1fr) auto 78px;align-items:center;gap:14px;padding:12px 14px;background:#fff;border-bottom:1px solid #e5edf2}
.hv347-monitor-row:last-child{border-bottom:0}
.hv347-monitor-copy{display:grid;gap:4px;min-width:0}
.hv347-monitor-copy strong{display:flex;align-items:center;gap:7px;color:#173f56;font-size:13px}
.hv347-monitor-copy small,.hv347-monitor-intro{font-size:11px;line-height:1.45;color:#6f8391;margin:0 0 9px}
.hv347-monitor-row>em{font-style:normal;text-align:right;font-size:11px;font-weight:750;color:#5b7280}
.hv347-monitor-switch{cursor:pointer}
.hv347-monitor-switch input{pointer-events:auto!important;cursor:pointer!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:2}
.hv347-monitor-row.is-unreported{background:#fbfcfd}
.hv347-monitor-row.is-unreported>em{color:#81939f}
.hv347-registration-gap{margin:0;padding:11px 13px;border:1px dashed #cedbe4;border-radius:9px;background:#fafcfd;color:#667f90;font-size:12px;line-height:1.45}
.hv347-registration-card dl{grid-template-columns:minmax(92px,auto) minmax(0,1fr)}
@media(max-width:800px){.hv347-monitor-row{grid-template-columns:minmax(0,1fr) auto 64px}}


/* v348 — transparent help controls, aligned table actions, instructional Help */
.hv4b-control-panel-runtime .hv4b-portal-main .hv345-help-trigger{
  background:transparent!important;color:#54748b!important;border:1px solid #9fb7c8!important;
  box-shadow:none!important;width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;
  padding:0!important;border-radius:50%!important;font-size:11px!important;font-weight:800!important;
}
.hv4b-control-panel-runtime .hv4b-portal-main .hv345-help-trigger:hover,
.hv4b-control-panel-runtime .hv4b-portal-main .hv345-help-trigger:focus-visible{
  background:rgba(8,76,118,.045)!important;color:var(--hv4b-brand-primary,#084c76)!important;border-color:#6e9bb8!important;
  outline:0!important;box-shadow:0 0 0 3px rgba(8,76,118,.08)!important;transform:none!important;
}
.hv4b-control-panel-runtime .hv22-table th,
.hv4b-control-panel-runtime .hv22-table td{vertical-align:middle!important}
.hv4b-control-panel-runtime .hv22-table td:last-child{vertical-align:middle!important}
.hv4b-control-panel-runtime .hv335-mailbox-actions,
.hv4b-control-panel-runtime td .hv25-inline-actions,
.hv4b-control-panel-runtime td .hv4b-row-actions{align-items:center!important;min-height:32px!important}
.hv4b-control-panel-runtime td .hv337-btn-compact{margin-top:0!important;margin-bottom:0!important}
.hv348-help-page .hv345-help-articles article>p{margin:0 0 12px!important}
.hv348-help-page .hv345-help-articles ol{margin:0;padding-left:22px;color:#38576e;display:grid;gap:8px;line-height:1.55}
.hv348-help-page .hv345-help-articles li{padding-left:3px}
.hv348-device-grid{align-items:stretch}
.hv348-device-grid .hv345-device-card{height:100%;box-sizing:border-box}
.hv348-client-card .hv345-device-title{border-bottom-color:#e8edf2}

/* v349 — stable page start + Device Registration cleanup */
.hv4b-control-panel-runtime .hv11-dashboard{scroll-margin-top:calc(var(--hv319-stack-h,82px) + 12px)}
.hv349-registration-grid,.hv349-hardware-grid{align-items:stretch}
.hv349-hardware-card dl dd strong{font-weight:800;color:#173f5c;letter-spacing:.01em}

/* v351 live registration card parity */
.hv351-registration-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));align-items:stretch}.hv351-registration-card{height:100%;box-sizing:border-box}.hv351-registration-card .hv345-device-title strong{font-size:15px}.hv351-registration-card .hv345-device-title>div>span{font-size:11px}.hv351-registration-card dl{grid-template-columns:92px minmax(0,1fr);gap:6px 10px}.hv351-registration-card dd{min-width:0}


/* v352 clearer Devices & Apps registration presentation */
.hv352-explainer{display:grid;gap:4px;padding:13px 15px;margin:0 0 13px;border:1px solid #cfe0eb;border-radius:10px;background:#f7fbfd;color:#5f7789}.hv352-explainer strong{font-size:15px;color:#123d5d}.hv352-explainer span{font-size:12px;line-height:1.45}.hv352-summary{margin-bottom:18px!important}.hv352-registration-group{margin-top:18px}.hv352-registration-group .hv189-subhead,.hv352-provisioned .hv189-subhead{align-items:center}.hv352-registration-group .hv189-subhead>div,.hv352-provisioned .hv189-subhead>div{min-width:0}.hv352-registration-group .hv189-subhead p,.hv352-provisioned .hv189-subhead p{max-width:850px;font-size:12px;line-height:1.45}.hv352-count{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:#edf5f9;color:#174b68;font-size:12px;font-weight:800}.hv352-empty{margin:8px 0 0;padding:12px 14px;border:1px dashed #d6e2e9;border-radius:9px;background:#fbfdfe;color:#6a8190;font-size:12px}.hv352-app-card .hv188-device-icon{background:#eef5fb}.hv352-hardware-card .hv188-device-icon{background:#eef8f1}.hv352-other-card .hv188-device-icon{background:#f7f4ec}

/* v353 Devices & Apps clarity only — retains approved portal palette/geometry */
.hv353-account-section{margin-top:18px}.hv353-account-section .hv189-subhead{margin-bottom:12px}.hv353-account-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.hv353-pulse-explainer{margin-top:18px}.hv353-account-section .hv22-table td small{display:block;margin-top:2px;color:var(--hv-muted,#667085);font-size:12px}@media(max-width:900px){.hv353-account-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v354 — dashboard Users row alignment + stable live repaint geometry */
.hv4b-control-panel-runtime .hv300-userrow{grid-template-columns:36px minmax(150px,1fr) 116px 92px;column-gap:12px}
.hv4b-control-panel-runtime .hv300-userrow>span:nth-child(2){min-width:0}
.hv4b-control-panel-runtime .hv300-userrow>span:nth-child(2) strong,.hv4b-control-panel-runtime .hv300-userrow>span:nth-child(2) small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hv4b-control-panel-runtime .hv300-apps{width:116px;min-width:116px;display:flex;align-items:center;justify-content:center;gap:5px;text-align:center}
.hv4b-control-panel-runtime .hv300-state{width:92px;min-width:92px;justify-self:end;text-align:right;white-space:nowrap}
@media(max-width:760px){.hv4b-control-panel-runtime .hv300-userrow{grid-template-columns:36px minmax(0,1fr) 92px}.hv4b-control-panel-runtime .hv300-apps{grid-column:2;width:auto;min-width:0;justify-content:flex-start}.hv4b-control-panel-runtime .hv300-state{grid-column:3;grid-row:1/3}}


/* v356 — User editor interaction + clarity */
.hv4b-control-panel-runtime .hv188-switch{position:relative;width:40px;height:22px;display:inline-block;flex:0 0 40px}
.hv4b-control-panel-runtime .hv188-switch input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;pointer-events:auto!important;cursor:pointer!important;z-index:3!important}
.hv4b-control-panel-runtime .hv188-switch i{pointer-events:none!important;border:0!important;box-shadow:none!important}
.hv4b-control-panel-runtime .hv343-switch-row.is-indeterminate .hv188-switch:after{display:none!important;content:none!important}
.hv4b-control-panel-runtime .hv343-switch-row.is-indeterminate .hv188-switch i{background:#c8d3da!important}
.hv4b-control-panel-runtime .hv356-switch-row.is-unreported em{color:#7b8e99}
.hv4b-control-panel-runtime .hv356-device-summary{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:12px 14px;margin:0 0 14px;border:1px solid #dbe6ed;border-radius:10px;background:#f8fbfd;color:#23495e}
.hv4b-control-panel-runtime .hv356-device-summary strong{font-size:13px}.hv4b-control-panel-runtime .hv356-device-summary span{color:#9aabb5}
.hv4b-control-panel-runtime .hv356-device-badges{margin:8px 0 0}.hv4b-control-panel-runtime .hv356-device-badges span{display:inline-flex;padding:3px 8px;border-radius:999px;background:#edf3f6;color:#607884;font-size:10px;font-weight:750}.hv4b-control-panel-runtime .hv356-device-badges span.is-managed{background:#eaf8ed;color:#267c35}
.hv4b-control-panel-runtime .hv356-connection-details{margin-top:14px;border:1px solid #dbe6ed;border-radius:10px;background:#fbfdfe;overflow:hidden}.hv4b-control-panel-runtime .hv356-connection-details summary{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer;font-weight:800;color:#173f56}.hv4b-control-panel-runtime .hv356-connection-details summary em{font-style:normal;font-size:11px;color:#6f8490}.hv4b-control-panel-runtime .hv356-connection-details>p{margin:0;padding:0 14px 10px;color:#6e8290;font-size:11px}.hv4b-control-panel-runtime .hv356-connection-list{padding:0 14px 12px;display:grid;gap:6px}.hv4b-control-panel-runtime .hv356-connection-list>div{display:flex;justify-content:space-between;gap:16px;padding:7px 9px;border-radius:7px;background:#fff;border:1px solid #e4ebef}.hv4b-control-panel-runtime .hv356-connection-list span{font-size:10px;color:#738793}
.hv4b-control-panel-runtime .hv356-app-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:stretch;margin-bottom:14px}.hv4b-control-panel-runtime .hv356-app-intro>div{border:1px solid #dbe6ed;border-radius:9px;padding:10px 12px;display:grid;gap:3px;background:#fbfdfe}.hv4b-control-panel-runtime .hv356-app-intro span{font-size:10px;color:#718692}.hv4b-control-panel-runtime .hv356-app-intro strong{font-size:12px;color:#143f57;overflow-wrap:anywhere}.hv4b-control-panel-runtime .hv356-app-intro button{align-self:center;height:38px}
.hv4b-control-panel-runtime .hv356-advanced-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.hv4b-control-panel-runtime .hv356-advanced-options label{display:grid;gap:5px}.hv4b-control-panel-runtime .hv356-advanced-options label>span{font-size:11px;font-weight:800;color:#274f63}.hv4b-control-panel-runtime .hv356-advanced-options select{width:100%;height:38px;border:1px solid #cfdee6;border-radius:8px;background:#fff;padding:0 10px;color:#173f56}.hv4b-control-panel-runtime .hv356-advanced-options small{font-size:9px;color:#7c8e98}
.hv4b-control-panel-runtime .hv356-sip-setup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hv4b-control-panel-runtime .hv356-sip-setup>div{border:1px solid #dbe6ed;border-radius:9px;padding:10px 12px;display:grid;gap:3px;background:#fbfdfe}.hv4b-control-panel-runtime .hv356-sip-setup span{font-size:10px;color:#718692}.hv4b-control-panel-runtime .hv356-sip-setup strong{font-size:12px;color:#173f56;overflow-wrap:anywhere}
.hv4b-control-panel-runtime .hv356-key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hv4b-control-panel-runtime .hv356-key{position:relative;border:1px solid #dbe6ed;border-radius:10px;padding:12px;display:grid;grid-template-columns:110px 1fr 1fr auto;gap:8px;align-items:end;background:#fff}.hv4b-control-panel-runtime .hv356-key>.hv188-key-number{position:absolute;top:7px;right:9px;font-size:10px;color:#7f919b}.hv4b-control-panel-runtime .hv356-key label{display:grid;gap:4px}.hv4b-control-panel-runtime .hv356-key label span{font-size:9px;color:#718692}.hv4b-control-panel-runtime .hv356-key select,.hv4b-control-panel-runtime .hv356-key input{height:34px;border:1px solid #cfdee6;border-radius:7px;padding:0 8px;min-width:0}.hv4b-control-panel-runtime .hv356-key button{height:34px}
.hv4b-control-panel-runtime .hv356-users-head{align-items:flex-start}.hv4b-control-panel-runtime .hv356-users-table th:nth-last-child(3),.hv4b-control-panel-runtime .hv356-users-table td:nth-last-child(3){width:112px}.hv4b-control-panel-runtime .hv356-users-table th:nth-last-child(2),.hv4b-control-panel-runtime .hv356-users-table td:nth-last-child(2){width:100px}
@media(max-width:980px){.hv4b-control-panel-runtime .hv356-app-intro,.hv4b-control-panel-runtime .hv356-advanced-options,.hv4b-control-panel-runtime .hv356-sip-setup{grid-template-columns:1fr}.hv4b-control-panel-runtime .hv356-key-grid{grid-template-columns:1fr}.hv4b-control-panel-runtime .hv356-key{grid-template-columns:1fr 1fr}.hv4b-control-panel-runtime .hv356-key button{grid-column:1/-1}}
.hv4b-control-panel-runtime .hv343-switch-row .hv356-switch-state{margin-left:auto;min-width:74px;text-align:right;font-size:11px;font-style:normal;font-weight:700;color:#5f7787}
.hv4b-control-panel-runtime .hv343-switch-row.is-indeterminate .hv356-switch-state{color:#7b8e99}


/* v357 — Home/dashboard completion */
.hv4b-control-panel-runtime .hv357-dashboard{display:grid;gap:12px;min-width:0}.hv4b-control-panel-runtime .hv357-title{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 2px 2px}.hv4b-control-panel-runtime .hv357-title h2{margin:2px 0 4px!important;color:var(--hv300-navy)!important;font-size:28px!important;line-height:1.1!important;font-weight:850!important;letter-spacing:-.025em!important}.hv4b-control-panel-runtime .hv357-title p{margin:0!important;color:var(--hv300-muted)!important;font-size:12px!important}.hv4b-control-panel-runtime .hv357-account-live{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#4f6879;font-size:11px;font-weight:750}.hv4b-control-panel-runtime .hv357-account-live i{width:8px;height:8px;border-radius:50%;background:var(--hv300-green);box-shadow:0 0 0 3px rgba(54,168,90,.12)}
.hv4b-control-panel-runtime .hv357-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--hv300-line);border-radius:14px;background:#fff;box-shadow:0 4px 18px rgba(18,59,112,.04)}.hv4b-control-panel-runtime .hv357-summary button{min-width:0;min-height:82px;padding:14px 18px;border:0;border-right:1px solid var(--hv300-line);background:#fff;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.hv4b-control-panel-runtime .hv357-summary button:last-child{border-right:0}.hv4b-control-panel-runtime .hv357-summary button:hover{background:#f8fbff}.hv4b-control-panel-runtime .hv357-summary i{flex:0 0 40px;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#edf5ff;color:var(--hv300-blue);font-style:normal;font-size:12px;font-weight:850}.hv4b-control-panel-runtime .hv357-summary button:nth-child(2) i{background:#fff0f6;color:var(--hv300-pink-deep)}.hv4b-control-panel-runtime .hv357-summary button:nth-child(3) i{background:#fff8d9;color:#987800}.hv4b-control-panel-runtime .hv357-summary button:nth-child(4) i{background:#eaf8fc;color:var(--hv300-cyan)}.hv4b-control-panel-runtime .hv357-summary strong{display:block;color:var(--hv300-navy);font-size:22px;line-height:1;font-weight:850}.hv4b-control-panel-runtime .hv357-summary small{display:block;margin-top:5px;color:var(--hv300-muted);font-size:10px;font-weight:700}
.hv4b-control-panel-runtime .hv357-account-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--hv300-line);border-radius:14px;background:#fff}.hv4b-control-panel-runtime .hv357-account-strip>div{min-width:0;min-height:78px;padding:13px 16px;border-right:1px solid var(--hv300-line);display:flex;flex-direction:column;justify-content:center}.hv4b-control-panel-runtime .hv357-account-strip>div:last-child{border-right:0}.hv4b-control-panel-runtime .hv357-account-strip span{color:var(--hv300-muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.hv4b-control-panel-runtime .hv357-account-strip strong{margin-top:4px;color:var(--hv300-navy);font-size:16px;line-height:1.15;font-weight:850;overflow:hidden;text-overflow:ellipsis}.hv4b-control-panel-runtime .hv357-account-strip strong.good{color:var(--hv300-green)}.hv4b-control-panel-runtime .hv357-account-strip strong.bad{color:#cf4e66}.hv4b-control-panel-runtime .hv357-account-strip strong.neutral{color:#6b7f8e}.hv4b-control-panel-runtime .hv357-account-strip small{margin-top:3px;color:var(--hv300-muted);font-size:9px}.hv4b-control-panel-runtime .hv357-account-strip button{align-self:flex-start;margin:4px 0 0;padding:0;border:0;background:transparent;color:var(--hv300-blue);font-size:9px;font-weight:750;cursor:pointer}
.hv4b-control-panel-runtime .hv357-card{background:#fff;border:1px solid var(--hv300-line);border-radius:14px;padding:16px 18px;box-shadow:0 4px 18px rgba(18,59,112,.035);min-width:0}.hv4b-control-panel-runtime .hv357-cardhead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.hv4b-control-panel-runtime .hv357-cardhead h3{margin:0!important;color:var(--hv300-navy)!important;font-size:16px!important;font-weight:850!important}.hv4b-control-panel-runtime .hv357-cardhead p{margin:3px 0 0!important;color:var(--hv300-muted)!important;font-size:10px!important}.hv4b-control-panel-runtime .hv357-quick{border-top:4px solid var(--hv300-cyan)}.hv4b-control-panel-runtime .hv357-quickgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.hv4b-control-panel-runtime .hv357-quickgrid button{min-width:0;min-height:58px;padding:9px 10px;border:1px solid var(--hv300-line);border-radius:10px;background:#fff;color:var(--hv300-blue-deep);display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}.hv4b-control-panel-runtime .hv357-quickgrid button:hover{border-color:#adc9dc;background:#f9fcff}.hv4b-control-panel-runtime .hv357-quickgrid i{flex:0 0 30px;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#eef5ff;color:var(--hv300-blue);font-style:normal;font-size:10px;font-weight:850}.hv4b-control-panel-runtime .hv357-quickgrid b{display:block;color:var(--hv300-navy);font-size:10px}.hv4b-control-panel-runtime .hv357-quickgrid small{display:block;margin-top:2px;color:var(--hv300-muted);font-size:8px;line-height:1.2}
.hv4b-control-panel-runtime .hv357-users-card{padding-bottom:10px;border-top:4px solid var(--hv300-green)}.hv4b-control-panel-runtime .hv357-head-actions{display:flex;gap:8px;align-items:center}.hv4b-control-panel-runtime .hv357-link{border:1px solid #cbdbe5;border-radius:8px;background:#fff;color:var(--hv300-blue);padding:7px 9px;font-size:9px;font-weight:750;cursor:pointer}.hv4b-control-panel-runtime .hv357-user-head{display:grid;grid-template-columns:minmax(0,1fr) 130px 110px;gap:12px;padding:7px 4px 7px 48px;border-bottom:1px solid var(--hv300-line);color:#7a8d9d;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.hv4b-control-panel-runtime .hv357-user-head span:nth-child(2),.hv4b-control-panel-runtime .hv357-user-head span:nth-child(3){text-align:left}.hv4b-control-panel-runtime .hv357-userlist{display:grid}.hv4b-control-panel-runtime .hv357-userrow{width:100%;min-width:0;padding:9px 4px;border:0;border-bottom:1px solid #edf2f5;background:#fff;display:grid;grid-template-columns:36px minmax(0,1fr) 130px 110px;gap:12px;align-items:center;text-align:left;cursor:pointer}.hv4b-control-panel-runtime .hv357-userrow:last-child{border-bottom:0}.hv4b-control-panel-runtime .hv357-userrow:hover{background:#fbfdff}.hv4b-control-panel-runtime .hv357-user-name{min-width:0}.hv4b-control-panel-runtime .hv357-user-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hv300-navy);font-size:11px}.hv4b-control-panel-runtime .hv357-user-name small{display:block;margin-top:2px;color:var(--hv300-muted);font-size:8px}.hv4b-control-panel-runtime .hv357-apps{min-width:0}.hv4b-control-panel-runtime .hv357-state{font-style:normal;font-size:9px;font-weight:850;white-space:nowrap}.hv4b-control-panel-runtime .hv357-state.available{color:var(--hv300-green)}.hv4b-control-panel-runtime .hv357-state.ringing{color:#2f9de2}.hv4b-control-panel-runtime .hv357-state.in-call{color:#d89b00}.hv4b-control-panel-runtime .hv357-state.offline{color:#8b9aa5}.hv4b-control-panel-runtime .hv357-state.unknown{color:#718392}.hv4b-control-panel-runtime .hv357-live-note{padding-top:8px;color:var(--hv300-muted);font-size:8px;text-align:right}.hv4b-control-panel-runtime .hv357-userrow .hv28-avatar-wrap{width:34px;height:34px}.hv4b-control-panel-runtime .hv357-userrow .hv28-avatar{width:32px;height:32px}
@media(max-width:1300px){.hv4b-control-panel-runtime .hv357-quickgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.hv4b-control-panel-runtime .hv357-account-strip{grid-template-columns:1fr 1fr}.hv4b-control-panel-runtime .hv357-account-strip>div:nth-child(2){border-right:0}.hv4b-control-panel-runtime .hv357-account-strip>div:nth-child(-n+2){border-bottom:1px solid var(--hv300-line)}.hv4b-control-panel-runtime .hv357-summary{grid-template-columns:1fr 1fr}.hv4b-control-panel-runtime .hv357-summary button:nth-child(2){border-right:0}.hv4b-control-panel-runtime .hv357-summary button:nth-child(-n+2){border-bottom:1px solid var(--hv300-line)}}
@media(max-width:700px){.hv4b-control-panel-runtime .hv357-title{align-items:flex-start;flex-direction:column}.hv4b-control-panel-runtime .hv357-quickgrid{grid-template-columns:1fr 1fr}.hv4b-control-panel-runtime .hv357-user-head{display:none}.hv4b-control-panel-runtime .hv357-userrow{grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:'avatar name state' 'avatar apps apps';gap:5px 9px}.hv4b-control-panel-runtime .hv357-userrow>.hv28-avatar-wrap,.hv4b-control-panel-runtime .hv357-userrow>.hv357-avatar{grid-area:avatar}.hv4b-control-panel-runtime .hv357-user-name{grid-area:name}.hv4b-control-panel-runtime .hv357-apps{grid-area:apps}.hv4b-control-panel-runtime .hv357-state{grid-area:state}.hv4b-control-panel-runtime .hv357-head-actions{flex-wrap:wrap;justify-content:flex-end}}
.hv4b-control-panel-runtime .hv357-dashboard,.hv4b-control-panel-runtime .hv357-summary,.hv4b-control-panel-runtime .hv357-account-strip,.hv4b-control-panel-runtime .hv357-card{width:100%;max-width:100%;box-sizing:border-box}

/* v359 — refine the approved dashboard instead of replacing it */
.hv4b-control-panel-runtime .hv359-dashboard{gap:16px}
.hv4b-control-panel-runtime .hv359-hero{min-height:132px!important;padding:22px 26px!important}
.hv4b-control-panel-runtime .hv359-hero h2{font-size:28px!important}
.hv4b-control-panel-runtime .hv359-metrics{gap:12px!important}
.hv4b-control-panel-runtime .hv359-metrics .hv300-metric{min-height:104px!important;padding:18px 20px!important;grid-template-columns:52px 1fr!important}
.hv4b-control-panel-runtime .hv359-metrics .hv300-metric i{width:48px!important;height:48px!important;font-size:16px!important}
.hv4b-control-panel-runtime .hv359-metrics .hv300-metric strong{font-size:30px!important}
.hv4b-control-panel-runtime .hv359-metrics .hv300-metric span{font-size:13px!important;font-weight:700!important;color:#4d6575!important}
.hv4b-control-panel-runtime .hv359-quick{padding:16px 18px!important}
.hv4b-control-panel-runtime .hv359-quick .hv300-cardhead{margin-bottom:10px!important}
.hv4b-control-panel-runtime .hv359-quickgrid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important}
.hv4b-control-panel-runtime .hv359-quickgrid button{min-height:58px!important;padding:10px 12px!important;font-size:12px!important;justify-content:flex-start!important}
.hv4b-control-panel-runtime .hv359-quickgrid i{width:32px!important;height:32px!important;flex:0 0 32px!important}
.hv4b-control-panel-runtime .hv359-users{padding:16px 18px!important}
.hv4b-control-panel-runtime .hv359-user-cardhead{align-items:center!important;margin-bottom:10px!important}
.hv4b-control-panel-runtime .hv359-user-actions{display:flex;gap:8px;align-items:center}
.hv4b-control-panel-runtime .hv359-user-actions .hv300-link{border:1px solid #ccdbe6!important;border-radius:8px!important;padding:8px 11px!important;background:#fff!important}
.hv4b-control-panel-runtime .hv359-user-head{display:grid;grid-template-columns:44px minmax(210px,1fr) 140px 120px;column-gap:12px;padding:0 10px 7px;color:#6e8290;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.055em;border-bottom:1px solid #e8eef2}
.hv4b-control-panel-runtime .hv359-user-head span:nth-child(1){grid-column:2}.hv4b-control-panel-runtime .hv359-user-head span:nth-child(2){grid-column:3;text-align:center}.hv4b-control-panel-runtime .hv359-user-head span:nth-child(3){grid-column:4;text-align:right}
.hv4b-control-panel-runtime .hv359-userrow{grid-template-columns:44px minmax(210px,1fr) 140px 120px!important;column-gap:12px!important;padding:11px 10px!important;border-bottom:1px solid #e8eef2!important}
.hv4b-control-panel-runtime .hv359-userrow:hover{background:#f8fbfe!important}
.hv4b-control-panel-runtime .hv359-userrow .hv300-avatar,.hv4b-control-panel-runtime .hv359-userrow .hv22-avatar{width:36px!important;height:36px!important;font-size:11px!important}
.hv4b-control-panel-runtime .hv359-userrow strong{font-size:13px!important}.hv4b-control-panel-runtime .hv359-userrow small{font-size:10px!important}
.hv4b-control-panel-runtime .hv359-userrow .hv300-apps{width:140px!important;min-width:140px!important;justify-content:center!important}
.hv4b-control-panel-runtime .hv359-userrow .hv300-state{width:120px!important;min-width:120px!important;font-size:11px!important;text-align:right!important;justify-self:end!important}
.hv4b-control-panel-runtime .hv359-live-note{padding:8px 10px 0;color:#718692;font-size:10px;text-align:right}
.hv4b-control-panel-runtime .hv4b-nav-item{font-size:14px!important}
.hv4b-control-panel-runtime .hv10-nav-toggle{font-size:11px!important}
.hv4b-control-panel-runtime .hv300-cardhead h3{font-size:18px!important}
.hv4b-control-panel-runtime .hv300-card p,.hv4b-control-panel-runtime .hv300-plan li,.hv4b-control-panel-runtime .hv300-row{font-size:13px!important}
.hv4b-control-panel-runtime .hv300-row b.bad{color:#c03b50!important}
@media(max-width:1300px){.hv4b-control-panel-runtime .hv359-quickgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.hv4b-control-panel-runtime .hv359-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hv4b-control-panel-runtime .hv359-user-head{display:none}.hv4b-control-panel-runtime .hv359-userrow{grid-template-columns:44px minmax(0,1fr) 110px!important}.hv4b-control-panel-runtime .hv359-userrow .hv300-apps{grid-column:2;width:auto!important;min-width:0!important;justify-content:flex-start!important}.hv4b-control-panel-runtime .hv359-userrow .hv300-state{grid-column:3;grid-row:1/3;width:110px!important;min-width:110px!important}}
@media(max-width:700px){.hv4b-control-panel-runtime .hv359-quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hv4b-control-panel-runtime .hv359-user-actions{flex-wrap:wrap;justify-content:flex-end}}


/* v360 — final clean Home dashboard */
.hv4b-control-panel-runtime .hv360-dashboard{gap:14px!important}
.hv4b-control-panel-runtime .hv360-hero{min-height:116px!important;padding:20px 24px!important}
.hv4b-control-panel-runtime .hv360-hero h2{font-size:27px!important;margin-bottom:4px!important}
.hv4b-control-panel-runtime .hv360-hero p{font-size:12px!important}
.hv4b-control-panel-runtime .hv360-metrics{gap:10px!important}
.hv4b-control-panel-runtime .hv360-metrics .hv300-metric{min-height:86px!important;padding:13px 16px!important;grid-template-columns:42px 1fr!important}
.hv4b-control-panel-runtime .hv360-metrics .hv300-metric i{width:38px!important;height:38px!important;font-size:13px!important}
.hv4b-control-panel-runtime .hv360-metrics .hv300-metric strong{font-size:26px!important;line-height:1!important}
.hv4b-control-panel-runtime .hv360-metrics .hv300-metric span{font-size:12px!important;font-weight:750!important}
.hv4b-control-panel-runtime .hv360-overview{grid-template-columns:1.02fr 1.02fr 1fr!important;gap:12px!important}
.hv4b-control-panel-runtime .hv360-overview>.hv300-card{min-height:214px!important;padding:18px!important}
.hv4b-control-panel-runtime .hv360-overview .hv300-cardhead{margin-bottom:12px!important}
.hv4b-control-panel-runtime .hv360-lower{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:12px;align-items:stretch}
.hv4b-control-panel-runtime .hv360-quick,.hv4b-control-panel-runtime .hv360-calls{padding:16px 18px!important;min-height:214px!important}
.hv4b-control-panel-runtime .hv360-quickgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.hv4b-control-panel-runtime .hv360-quickgrid button{min-width:0;min-height:62px;border:1px solid #d8e3eb;border-radius:10px;background:#fff;color:var(--hv300-blue-deep);padding:10px 11px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}
.hv4b-control-panel-runtime .hv360-quickgrid button:hover{border-color:#a9c9de;background:#f8fbfe;box-shadow:0 4px 12px rgba(18,59,112,.05)}
.hv4b-control-panel-runtime .hv360-quickgrid i{width:30px;height:30px;flex:0 0 30px;border-radius:8px;display:grid;place-items:center;background:#eef5ff;color:var(--hv300-blue);font-style:normal;font-size:10px;font-weight:850}
.hv4b-control-panel-runtime .hv360-quickgrid b{display:block;color:var(--hv300-navy);font-size:11px;line-height:1.2}.hv4b-control-panel-runtime .hv360-quickgrid small{display:block;color:#718493;font-size:9px;line-height:1.25;margin-top:2px}
.hv4b-control-panel-runtime .hv360-calllist{display:grid;gap:0;border-top:1px solid #e8eef2}
.hv4b-control-panel-runtime .hv360-callrow{display:grid;grid-template-columns:32px minmax(0,1fr) 58px;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f5;min-width:0}
.hv4b-control-panel-runtime .hv360-callrow:last-child{border-bottom:0}.hv4b-control-panel-runtime .hv360-callicon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:900;font-size:13px;background:#eef7ff;color:#2877b8}.hv4b-control-panel-runtime .hv360-callicon.out{background:#eef9f1;color:#2f9950}.hv4b-control-panel-runtime .hv360-callicon.missed{background:#fff0f3;color:#c7435a}
.hv4b-control-panel-runtime .hv360-callmain{min-width:0}.hv4b-control-panel-runtime .hv360-callmain strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hv300-navy);font-size:10.5px}.hv4b-control-panel-runtime .hv360-callmain strong i{font-style:normal;color:#9aabb6}.hv4b-control-panel-runtime .hv360-callmain small{display:block;margin-top:2px;color:#718493;font-size:9px}.hv4b-control-panel-runtime .hv360-callrow>b{text-align:right;color:#536978;font-size:9.5px;white-space:nowrap}.hv4b-control-panel-runtime .hv360-calls-empty{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#728692}.hv4b-control-panel-runtime .hv360-calls-empty strong{color:var(--hv300-navy);font-size:13px}.hv4b-control-panel-runtime .hv360-calls-empty span{font-size:10px;margin-top:4px}
.hv4b-control-panel-runtime .hv360-users{padding:16px 18px!important;border-top:3px solid var(--hv300-green)!important}
.hv4b-control-panel-runtime .hv360-cardhead{align-items:center!important;margin-bottom:10px!important}.hv4b-control-panel-runtime .hv360-user-actions{display:flex;gap:8px}.hv4b-control-panel-runtime .hv360-user-actions .hv300-link{border:1px solid #ccdbe6!important;border-radius:8px!important;background:#fff!important;padding:7px 10px!important}
.hv4b-control-panel-runtime .hv360-user-head,.hv4b-control-panel-runtime .hv360-userrow{display:grid!important;grid-template-columns:minmax(240px,1fr) 160px 120px!important;column-gap:14px!important;align-items:center!important}
.hv4b-control-panel-runtime .hv360-user-head{padding:0 10px 7px;border-bottom:1px solid #e5edf2;color:#6b8190;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}
.hv4b-control-panel-runtime .hv360-user-head span:nth-child(2){text-align:center}.hv4b-control-panel-runtime .hv360-user-head span:nth-child(3){text-align:right}
.hv4b-control-panel-runtime .hv360-userrow{width:100%;padding:9px 10px;border:0;border-bottom:1px solid #e8eef2;background:#fff;text-align:left;cursor:pointer;min-width:0}.hv4b-control-panel-runtime .hv360-userrow:last-child{border-bottom:0}.hv4b-control-panel-runtime .hv360-userrow:hover{background:#f8fbfe}
.hv4b-control-panel-runtime .hv360-user-main{display:flex;align-items:center;gap:10px;min-width:0}.hv4b-control-panel-runtime .hv360-user-main>span:last-child{min-width:0}.hv4b-control-panel-runtime .hv360-user-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hv300-navy);font-size:12px}.hv4b-control-panel-runtime .hv360-user-main small{display:block;margin-top:2px;color:#728692;font-size:9px}.hv4b-control-panel-runtime .hv360-user-main .hv300-avatar,.hv4b-control-panel-runtime .hv360-user-main .hv22-avatar{width:34px!important;height:34px!important;flex:0 0 34px!important;font-size:10px!important}
.hv4b-control-panel-runtime .hv360-apps{display:flex;justify-content:center;align-items:center;gap:5px;min-width:0}.hv4b-control-panel-runtime .hv360-userrow .hv300-state{justify-self:stretch;width:100%;text-align:right;font-size:10.5px!important;white-space:nowrap}.hv4b-control-panel-runtime .hv360-live-note{text-align:right;padding:8px 10px 0;color:#728692;font-size:9px}
@media(max-width:1250px){.hv4b-control-panel-runtime .hv360-lower{grid-template-columns:1fr}.hv4b-control-panel-runtime .hv360-calls{min-height:0!important}.hv4b-control-panel-runtime .hv360-quickgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.hv4b-control-panel-runtime .hv360-overview{grid-template-columns:1fr 1fr!important}.hv4b-control-panel-runtime .hv360-overview>.hv300-status{grid-column:1/-1}.hv4b-control-panel-runtime .hv360-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hv4b-control-panel-runtime .hv360-user-head{display:none!important}.hv4b-control-panel-runtime .hv360-userrow{grid-template-columns:minmax(0,1fr) 110px!important;grid-template-areas:'user status' 'apps apps'!important;row-gap:4px!important}.hv4b-control-panel-runtime .hv360-user-main{grid-area:user}.hv4b-control-panel-runtime .hv360-apps{grid-area:apps;justify-content:flex-start;padding-left:44px}.hv4b-control-panel-runtime .hv360-userrow .hv300-state{grid-area:status}}
@media(max-width:700px){.hv4b-control-panel-runtime .hv360-quickgrid{grid-template-columns:1fr 1fr}.hv4b-control-panel-runtime .hv360-user-actions{flex-wrap:wrap;justify-content:flex-end}.hv4b-control-panel-runtime .hv360-overview{grid-template-columns:1fr!important}.hv4b-control-panel-runtime .hv360-overview>.hv300-status{grid-column:auto}}

/* v361 — approved operational Home dashboard */
.hv4b-control-panel-runtime .hv361-dashboard{gap:14px!important}
.hv4b-control-panel-runtime .hv361-hero{min-height:112px!important;padding:19px 24px!important}
.hv4b-control-panel-runtime .hv361-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hv4b-control-panel-runtime .hv361-metrics button{min-height:76px;border:1px solid #d7e3eb;border-radius:10px;background:#fff;padding:12px 16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;cursor:pointer;text-align:left;box-shadow:0 1px 0 rgba(13,52,86,.03)}
.hv4b-control-panel-runtime .hv361-metrics button:hover{border-color:#aac8dc;background:#fbfdff}
.hv4b-control-panel-runtime .hv361-metrics strong{font-size:27px;line-height:1;color:var(--hv300-navy);font-weight:850}.hv4b-control-panel-runtime .hv361-metrics span{margin-top:5px;font-size:12px;font-weight:800;color:#5c7485}
.hv4b-control-panel-runtime .hv361-overview{grid-template-columns:1fr 1fr 1fr!important;gap:12px!important}.hv4b-control-panel-runtime .hv361-overview>.hv300-card{min-height:210px!important;padding:18px!important}
.hv4b-control-panel-runtime .hv361-workrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}
.hv4b-control-panel-runtime .hv361-quick,.hv4b-control-panel-runtime .hv361-users{padding:16px 18px!important;min-height:262px!important}
.hv4b-control-panel-runtime .hv361-quickgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.hv4b-control-panel-runtime .hv361-quickgrid button{min-height:58px;border:1px solid #d5e1e9;border-radius:9px;background:#fff;color:var(--hv300-navy);padding:10px 12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hv4b-control-panel-runtime .hv361-quickgrid button:hover{border-color:#96bdd7;background:#f8fbfd}.hv4b-control-panel-runtime .hv361-quickgrid b{font-size:12px}.hv4b-control-panel-runtime .hv361-quickgrid small{font-size:9.5px;color:#748896;margin-top:3px}
.hv4b-control-panel-runtime .hv361-cardhead{align-items:center!important;margin-bottom:8px!important}.hv4b-control-panel-runtime .hv361-user-actions,.hv4b-control-panel-runtime .hv361-call-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.hv4b-control-panel-runtime .hv361-user-actions .hv300-link,.hv4b-control-panel-runtime .hv361-call-actions .hv300-link{border:1px solid #ccdbe6!important;border-radius:8px!important;background:#fff!important;padding:7px 10px!important}
.hv4b-control-panel-runtime .hv361-user-head,.hv4b-control-panel-runtime .hv361-userrow{display:grid!important;grid-template-columns:minmax(250px,1fr) 150px 128px!important;column-gap:12px!important;align-items:center!important}
.hv4b-control-panel-runtime .hv361-user-head{padding:0 9px 7px;border-bottom:1px solid #e4ecf1;color:#6b8190;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}.hv4b-control-panel-runtime .hv361-user-head span:nth-child(2){text-align:center}.hv4b-control-panel-runtime .hv361-user-head span:nth-child(3){text-align:right}
.hv4b-control-panel-runtime .hv361-userrow{width:100%;padding:8px 9px;border:0;border-bottom:1px solid #e8eef2;background:#fff;text-align:left;cursor:pointer;min-width:0}.hv4b-control-panel-runtime .hv361-userrow:hover{background:#f8fbfe}.hv4b-control-panel-runtime .hv361-user-main{display:flex;align-items:center;gap:9px;min-width:0}.hv4b-control-panel-runtime .hv361-user-main>span:last-child{min-width:0}.hv4b-control-panel-runtime .hv361-user-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;color:var(--hv300-navy)}.hv4b-control-panel-runtime .hv361-user-main small{display:block;margin-top:2px;font-size:9px;color:#718493}.hv4b-control-panel-runtime .hv361-apps{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.hv4b-control-panel-runtime .hv361-userrow .hv300-state{justify-self:stretch;width:100%;text-align:right;white-space:nowrap;font-size:10.5px!important;font-style:normal;font-weight:800}.hv4b-control-panel-runtime .hv361-state-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:1px;background:#98a9b4}.hv4b-control-panel-runtime .hv300-state.available .hv361-state-dot{background:#35a853}.hv4b-control-panel-runtime .hv300-state.ringing .hv361-state-dot{background:#f4c928}.hv4b-control-panel-runtime .hv300-state.in-call .hv361-state-dot{background:#2d82c7}.hv4b-control-panel-runtime .hv300-state.dnd .hv361-state-dot{background:#ef6a83}.hv4b-control-panel-runtime .hv300-state.offline .hv361-state-dot{background:#98a9b4}
.hv4b-control-panel-runtime .hv361-status-legend{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;padding:10px 8px 0;margin-top:2px;border-top:1px solid #edf2f5;color:#667d8b;font-size:9px}.hv4b-control-panel-runtime .hv361-status-legend .title{font-weight:850;color:#294d62}.hv4b-control-panel-runtime .hv361-status-legend i.available,.hv4b-control-panel-runtime .hv361-status-legend i.ringing,.hv4b-control-panel-runtime .hv361-status-legend i.in-call,.hv4b-control-panel-runtime .hv361-status-legend i.dnd,.hv4b-control-panel-runtime .hv361-status-legend i.offline{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.hv4b-control-panel-runtime .hv361-status-legend i.available{background:#35a853}.hv4b-control-panel-runtime .hv361-status-legend i.ringing{background:#f4c928}.hv4b-control-panel-runtime .hv361-status-legend i.in-call{background:#2d82c7}.hv4b-control-panel-runtime .hv361-status-legend i.dnd{background:#ef6a83}.hv4b-control-panel-runtime .hv361-status-legend i.offline{background:#98a9b4}.hv4b-control-panel-runtime .hv361-status-legend .sep{height:16px;width:1px;background:#d8e3e9}
.hv4b-control-panel-runtime .hv361-pager{display:flex;gap:5px;justify-content:flex-end;align-items:center;padding-top:9px}.hv4b-control-panel-runtime .hv361-pager button{min-width:30px;height:29px;border:1px solid #ccdbe5;border-radius:7px;background:#fff;color:#244d64;font-size:9.5px;font-weight:750;cursor:pointer;padding:0 8px}.hv4b-control-panel-runtime .hv361-pager button.active{background:#0d5d88;color:#fff;border-color:#0d5d88}.hv4b-control-panel-runtime .hv361-pager button:disabled{opacity:.45;cursor:default}
.hv4b-control-panel-runtime .hv361-calls{padding:16px 18px!important;border-top:3px solid var(--hv300-blue)!important}.hv4b-control-panel-runtime .hv361-call-head{align-items:flex-start!important}.hv4b-control-panel-runtime .hv361-call-table-wrap{overflow-x:auto;border:1px solid #e0e8ed;border-radius:9px}.hv4b-control-panel-runtime .hv361-call-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:920px}.hv4b-control-panel-runtime .hv361-call-table th{padding:9px 10px;background:#f6f9fb;color:#627988;font-size:9px;text-align:left;text-transform:uppercase;letter-spacing:.045em;border-bottom:1px solid #dfe8ed}.hv4b-control-panel-runtime .hv361-call-table td{padding:9px 10px;border-bottom:1px solid #e8eef2;color:#36566a;font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hv4b-control-panel-runtime .hv361-call-table tbody tr:last-child td{border-bottom:0}.hv4b-control-panel-runtime .hv361-call-table th:nth-child(1){width:84px}.hv4b-control-panel-runtime .hv361-call-table th:nth-child(2){width:92px}.hv4b-control-panel-runtime .hv361-call-table th:nth-child(5){width:130px}.hv4b-control-panel-runtime .hv361-call-table th:nth-child(6){width:90px}.hv4b-control-panel-runtime .hv361-call-table th:nth-child(7){width:100px}.hv4b-control-panel-runtime .hv361-result{font-weight:800}.hv4b-control-panel-runtime .hv361-result.good{color:#29964a}.hv4b-control-panel-runtime .hv361-result.bad{color:#c43d52}.hv4b-control-panel-runtime .hv361-calls-empty{min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#738895}.hv4b-control-panel-runtime .hv361-calls-empty strong{font-size:13px;color:var(--hv300-navy)}.hv4b-control-panel-runtime .hv361-calls-empty span{font-size:10px;margin-top:4px}
@media(max-width:1280px){.hv4b-control-panel-runtime .hv361-workrow{grid-template-columns:1fr}.hv4b-control-panel-runtime .hv361-quickgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.hv4b-control-panel-runtime .hv361-quick,.hv4b-control-panel-runtime .hv361-users{min-height:0!important}}
@media(max-width:900px){.hv4b-control-panel-runtime .hv361-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hv4b-control-panel-runtime .hv361-overview{grid-template-columns:1fr 1fr!important}.hv4b-control-panel-runtime .hv361-overview>.hv300-status{grid-column:1/-1}.hv4b-control-panel-runtime .hv361-user-head{display:none}.hv4b-control-panel-runtime .hv361-userrow{grid-template-columns:minmax(0,1fr) 120px!important;grid-template-areas:'user status' 'apps apps'!important;row-gap:4px!important}.hv4b-control-panel-runtime .hv361-user-main{grid-area:user}.hv4b-control-panel-runtime .hv361-apps{grid-area:apps;justify-content:flex-start;padding-left:42px}.hv4b-control-panel-runtime .hv361-userrow .hv300-state{grid-area:status}}
@media(max-width:700px){.hv4b-control-panel-runtime .hv361-quickgrid{grid-template-columns:1fr 1fr}.hv4b-control-panel-runtime .hv361-overview{grid-template-columns:1fr!important}.hv4b-control-panel-runtime .hv361-overview>.hv300-status{grid-column:auto}.hv4b-control-panel-runtime .hv361-call-actions,.hv4b-control-panel-runtime .hv361-user-actions{justify-content:flex-start}.hv4b-control-panel-runtime .hv361-status-legend{display:none}}

/* v366 — dashboard table spacing + customer-friendly call data */
.hv4b-control-panel-runtime .hv361-user-head{padding:0 12px 9px!important;font-size:9.5px!important}
.hv4b-control-panel-runtime .hv361-userrow{padding:10px 12px!important;min-height:46px!important}
.hv4b-control-panel-runtime .hv361-user-main strong{font-size:12px!important}.hv4b-control-panel-runtime .hv361-user-main small{font-size:9.5px!important;margin-top:3px!important}
.hv4b-control-panel-runtime .hv361-userrow .hv300-state{font-size:11px!important}
.hv4b-control-panel-runtime .hv361-status-legend{padding:12px 10px 1px!important;font-size:9.5px!important;gap:8px 13px!important}
.hv4b-control-panel-runtime .hv361-calls{padding:18px 20px!important}
.hv4b-control-panel-runtime .hv361-call-table-wrap{margin-top:10px!important;border-radius:10px!important;border-color:#d8e4eb!important;box-shadow:0 1px 0 rgba(12,52,82,.02)!important}
.hv4b-control-panel-runtime .hv361-call-table{min-width:980px!important}
.hv4b-control-panel-runtime .hv361-call-table th{padding:12px 14px!important;font-size:9.5px!important;line-height:1.25!important;background:#f4f8fa!important;color:#587182!important}
.hv4b-control-panel-runtime .hv361-call-table td{padding:14px 14px!important;font-size:11.5px!important;line-height:1.35!important;color:#284a5f!important}
.hv4b-control-panel-runtime .hv361-call-table tbody tr{height:48px!important}.hv4b-control-panel-runtime .hv361-call-table tbody tr:hover{background:#fbfdfe!important}
.hv4b-control-panel-runtime .hv361-call-table th:nth-child(1){width:92px!important}.hv4b-control-panel-runtime .hv361-call-table th:nth-child(2){width:100px!important}.hv4b-control-panel-runtime .hv361-call-table th:nth-child(5){width:170px!important}.hv4b-control-panel-runtime .hv361-call-table th:nth-child(6){width:105px!important}.hv4b-control-panel-runtime .hv361-call-table th:nth-child(7){width:115px!important}
.hv4b-control-panel-runtime .hv361-result{display:inline-flex!important;align-items:center!important;min-height:26px!important;padding:4px 9px!important;border-radius:999px!important;font-size:10.5px!important;font-weight:850!important}
.hv4b-control-panel-runtime .hv361-result.good{color:#237b3e!important;background:#edf8f0!important}.hv4b-control-panel-runtime .hv361-result.bad{color:#b6384c!important;background:#fff0f3!important}

/* v368 — approved Call History information/layout on Home only. */
.hv4b-control-panel-runtime .hv368-call-table-wrap{margin-top:10px!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow-x:auto!important}
.hv4b-control-panel-runtime .hv368-call-table{min-width:1280px!important;table-layout:auto!important;border-collapse:collapse!important}
.hv4b-control-panel-runtime .hv368-call-table th{padding:13px 14px!important;background:#f7fafc!important;color:#173d5b!important;font-size:10.5px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;border-bottom:1px solid #cbd9e3!important;white-space:nowrap!important}
.hv4b-control-panel-runtime .hv368-call-table td{padding:15px 14px!important;font-size:11.5px!important;line-height:1.35!important;color:#35576d!important;border-bottom:1px solid #d8e3ea!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.hv4b-control-panel-runtime .hv368-call-table tbody tr{height:54px!important;background:#fff!important}
.hv4b-control-panel-runtime .hv368-call-table tbody tr:hover{background:#fbfdff!important}
.hv4b-control-panel-runtime .hv368-call-table th:nth-child(1),.hv4b-control-panel-runtime .hv368-call-table td:nth-child(1){width:42px!important;padding-left:8px!important;padding-right:6px!important;text-align:center!important}
.hv4b-control-panel-runtime .hv368-call-table th:nth-child(2){min-width:220px!important}.hv4b-control-panel-runtime .hv368-call-table th:nth-child(3){min-width:210px!important}.hv4b-control-panel-runtime .hv368-call-table th:nth-child(4){min-width:230px!important}.hv4b-control-panel-runtime .hv368-call-table th:nth-child(5){min-width:185px!important}.hv4b-control-panel-runtime .hv368-call-table th:nth-child(6){width:135px!important}.hv4b-control-panel-runtime .hv368-call-table th:nth-child(7){width:100px!important}.hv4b-control-panel-runtime .hv368-call-table th:nth-child(8){width:110px!important;text-align:center!important}
.hv4b-control-panel-runtime .hv368-direction span{display:inline-flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;font-size:17px;font-weight:800}.hv4b-control-panel-runtime .hv368-direction.out span{color:#ff5c45;background:#fff1ee}.hv4b-control-panel-runtime .hv368-direction.in span{color:#45b83c;background:#effbee}.hv4b-control-panel-runtime .hv368-direction.internal span{color:#2d82c7;background:#eef7fd}
.hv4b-control-panel-runtime .hv368-recording-actions{display:flex;align-items:center;justify-content:center;gap:7px;min-height:32px}.hv4b-control-panel-runtime .hv368-record-btn{width:30px;height:30px;border-radius:50%!important;padding:0!important;background:#fff!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:14px!important;font-weight:800!important}.hv4b-control-panel-runtime .hv368-record-btn.download{border:1px solid #ff4f75!important;color:#ff4f75!important}.hv4b-control-panel-runtime .hv368-record-btn.play{border:1px solid #f4a11a!important;color:#f4a11a!important}
.hv4b-control-panel-runtime .hv368-recording-actions audio{max-width:220px;height:30px}

/* v377: unmistakable call-data download action; no other dashboard geometry changes. */
.hv4b-control-panel-runtime .hv361-call-actions .hv377-download-action{display:inline-flex!important;align-items:center!important;gap:7px!important;background:#0b5f8a!important;border-color:#0b5f8a!important;color:#fff!important;font-weight:700!important;padding:8px 12px!important;box-shadow:0 1px 2px rgba(10,55,82,.12)!important}
.hv4b-control-panel-runtime .hv361-call-actions .hv377-download-action:hover{background:#084c76!important;border-color:#084c76!important;color:#fff!important}
.hv4b-control-panel-runtime .hv377-download-icon{display:inline-flex!important;width:18px!important;height:18px!important;align-items:center!important;justify-content:center!important;flex:0 0 18px!important}
.hv4b-control-panel-runtime .hv377-download-icon svg{display:block!important;width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* v378: actual Recording-column download control. Strong, unambiguous and icon-safe. */
.hv4b-control-panel-runtime .hv368-recording-actions .hv378-record-download{box-sizing:border-box!important;width:36px!important;height:36px!important;min-height:36px!important;border-radius:7px!important;border:1px solid #0b5f8a!important;background:#0b5f8a!important;color:#fff!important;box-shadow:0 1px 2px rgba(10,55,82,.16)!important}
.hv4b-control-panel-runtime .hv368-recording-actions .hv378-record-download:hover{background:#084c76!important;border-color:#084c76!important;color:#fff!important}
.hv4b-control-panel-runtime .hv368-recording-actions .hv378-record-download:focus-visible{outline:3px solid rgba(11,95,138,.24)!important;outline-offset:2px!important}
.hv4b-control-panel-runtime .hv378-record-download-icon{width:19px!important;height:19px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}
.hv4b-control-panel-runtime .hv378-recording-busy{font-size:18px!important;font-weight:800!important;line-height:1!important;color:#fff!important}


/* v379: billing-critical call-history correction; restore neutral downloads and make call direction explicit. */
.hv4b-control-panel-runtime .hv361-call-actions .hv300-link[data-hv365-download-calls]{background:#fff!important;border-color:#d7e1e8!important;color:#0b5f8a!important;box-shadow:none!important;font-weight:600!important}
.hv4b-control-panel-runtime .hv361-call-actions .hv300-link[data-hv365-download-calls]:hover{background:#f7fafc!important;border-color:#b9c9d5!important;color:#084c76!important}
.hv4b-control-panel-runtime .hv368-recording-actions .hv378-record-download{box-sizing:border-box!important;width:30px!important;height:30px!important;min-height:30px!important;border-radius:50%!important;border:1px solid #ff4f75!important;background:#fff!important;color:#ff4f75!important;box-shadow:none!important}
.hv4b-control-panel-runtime .hv368-recording-actions .hv378-record-download:hover{background:#fff8fa!important;border-color:#e33c63!important;color:#e33c63!important}
.hv4b-control-panel-runtime .hv378-record-download-icon{width:17px!important;height:17px!important;stroke-width:2.2!important}
.hv4b-control-panel-runtime .hv378-recording-busy{color:#ff4f75!important}
.hv4b-control-panel-runtime .hv379-direction-key{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;margin:0 0 8px;padding:0 2px;font-size:12px;color:#5f7487}
.hv4b-control-panel-runtime .hv379-direction-key span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.hv4b-control-panel-runtime .hv379-direction-key b{display:inline-flex;width:23px;height:23px;border-radius:50%;align-items:center;justify-content:center;font-size:15px;line-height:1}
.hv4b-control-panel-runtime .hv379-direction-key b.in{color:#45b83c;background:#effbee}.hv4b-control-panel-runtime .hv379-direction-key b.out{color:#ff5c45;background:#fff1ee}.hv4b-control-panel-runtime .hv379-direction-key b.internal{color:#2d82c7;background:#eef7fd}


/* v380: recording download icon clarity only — neutral control retained. */
.hv4b-control-panel-runtime .hv368-recording-actions .hv378-record-download{width:32px!important;height:32px!important;min-height:32px!important;border-width:1.5px!important}
.hv4b-control-panel-runtime .hv378-record-download-icon{width:22px!important;height:22px!important;stroke-width:3!important}


/* v384.0.0 — live-status visual consistency
 * Presentation only: keep avatar/status/legend dots the same visual size and
 * use the established red Offline semantic consistently on Home/Users. */
.hv4b-control-panel-runtime .hv28-status-dot{box-sizing:border-box!important;width:9px!important;height:9px!important}
.hv4b-control-panel-runtime .hv28-avatar-wrap>.hv28-status-dot{border-width:1px!important;border-color:#fff!important;box-shadow:0 0 0 1px rgba(30,65,85,.12)!important}
.hv4b-control-panel-runtime .hv28-avatar-wrap>.hv28-status-dot.offline{background:#d95454!important;border-color:#fff!important}
.hv4b-control-panel-runtime .hv361-state-dot{box-sizing:border-box!important;width:9px!important;height:9px!important}
.hv4b-control-panel-runtime .hv361-userrow .hv300-state.offline{color:#d95454!important}
.hv4b-control-panel-runtime .hv300-state.offline .hv361-state-dot{background:#d95454!important}
.hv4b-control-panel-runtime .hv361-status-legend i.available,
.hv4b-control-panel-runtime .hv361-status-legend i.ringing,
.hv4b-control-panel-runtime .hv361-status-legend i.in-call,
.hv4b-control-panel-runtime .hv361-status-legend i.dnd,
.hv4b-control-panel-runtime .hv361-status-legend i.offline{box-sizing:border-box!important;width:9px!important;height:9px!important}
.hv4b-control-panel-runtime .hv361-status-legend i.offline{background:#d95454!important}