.hs-metrics-section { margin-top: 24px; }
.hs-metrics-heading { margin: 0 0 16px; font-size: 1.32rem; font-weight: 700; }
.hs-metrics-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.hs-metrics-card { background:var(--card-bg,#fff); border:1px solid var(--border-color,#e5e7eb); border-radius:12px; padding:18px; min-width:0; }
.hs-metrics-card h3 { font-size:1.06rem; margin:0 0 12px; }
.hs-metrics-card dl { margin:0; }
.hs-metrics-row { display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding:9px 0; border-top:1px solid var(--border-color,#e5e7eb); }
.hs-metrics-row dt { min-width:0; color:var(--text-muted,#606b78); font-size:.93rem; }
.hs-metrics-row dd { margin:0; flex-shrink:0; font-variant-numeric:tabular-nums; font-weight:650; text-align:right; }
.hs-metrics-pending { color:var(--text-muted,#64748b); font-size:.88rem; }
.hs-regional-updating { padding:11px 14px; border:1px solid var(--border-color,#e5e7eb); border-radius:10px; color:var(--text-muted,#64748b); font-size:.91rem; margin:10px 0; }
.hs-admin-metrics-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.hs-admin-metrics-field { display:flex; flex-direction:column; gap:5px; font-size:.9rem; }
.hs-admin-metrics-field input { min-width:0; padding:8px; border:1px solid #b7bdc5; border-radius:8px; color:inherit; background:inherit; }
.hs-admin-metrics-actions { margin-top:16px; display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.hs-admin-metrics-actions button { padding:10px 15px; border:1px solid #b7bdc5; border-radius:8px; cursor:pointer; }
@media(max-width:650px){ .hs-metrics-grid,.hs-admin-metrics-grid { grid-template-columns:1fr; } .hs-metrics-card { padding:15px; } }

.hs-admin-metrics-fieldset{grid-column:1/-1;border:1px solid var(--border-color,#d6dbe2);border-radius:12px;margin:20px 0;padding:14px;min-width:0}
.hs-admin-metrics-fieldset legend{font-weight:700;padding:0 7px}
.hs-admin-metrics-card{border:1px solid var(--border-color,#e5e7eb);border-radius:10px;padding:14px;min-width:0}
.hs-admin-metrics-card h3{font-size:1rem;margin:0 0 12px}
.hs-admin-metrics-field{margin:0 0 10px}
.hs-admin-metrics-field:last-child{margin-bottom:0}
.hs-metrics-section{margin-bottom:28px}

.hs-admin-metrics-note{font-size:.86rem;color:var(--text-muted,#64748b);margin:3px 0 14px}

/* v15.32.83: help icons are shown only for the nine non-growth detail metrics. */
.hs-metrics-row { position:relative; }
.hs-metrics-row:hover,.hs-metrics-row:focus-within { z-index:2; }
.hs-metrics-help { display:inline-flex; align-items:center; vertical-align:middle; margin-inline-start:5px; }
.hs-metrics-help-trigger {
  display:inline-flex; align-items:center; justify-content:center;
  width:20px; height:20px; padding:0; vertical-align:middle;
  font-family:inherit; font-size:12px; font-weight:700; line-height:1; color:#286345; background:#f1f8f4;
  border:1px solid #91b7a2; border-radius:5px; cursor:help;
}
.hs-metrics-help-trigger:hover { background:#e0f1e7; border-color:#428765; }
.hs-metrics-help-trigger:focus-visible { outline:2px solid #127b50; outline-offset:2px; }
.hs-metrics-help-tooltip {
  position:absolute; inset-inline:0; top:calc(100% + 4px); z-index:10;
  box-sizing:border-box; width:100%; padding:10px 12px;
  color:#244135; background:#fff; border:1px solid #91b7a2;
  border-radius:9px; box-shadow:0 8px 24px rgba(14,48,29,.16);
  font-size:.88rem; font-weight:400; line-height:1.55; text-align:start;
  white-space:normal; overflow-wrap:anywhere;
  visibility:hidden; opacity:0; pointer-events:none;
}
.hs-metrics-help:hover .hs-metrics-help-tooltip,
.hs-metrics-help:focus-within .hs-metrics-help-tooltip { visibility:visible; opacity:1; }
