/* Admin › Plan & usage › Check-ins and memory (public/admin-proactive.js). */
.proactive-admin { margin:0 0 var(--space-7, 32px); }
.proactive-admin h3 { margin:0 0 var(--space-3, 12px); }
.proactive-optin { display:flex; align-items:flex-start; gap:var(--space-3, 12px); font-size:var(--text-md, 14px); line-height:1.5; color:var(--ink); cursor:pointer; }
.proactive-optin input { flex:none; width:18px; height:18px; margin:2px 0 0; accent-color:var(--ink); }
.proactive-help { margin:var(--space-1, 4px) 0 var(--space-5, 20px) 30px; }
.proactive-cap { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-2, 8px) var(--space-3, 12px); margin-bottom:var(--space-6, 24px); }
.proactive-cap label { font-size:var(--text-md, 14px); color:var(--ink-2); }
.proactive-cap-input { display:inline-flex; align-items:center; gap:var(--space-1, 4px); color:var(--ink-3); }
.proactive-cap-input input { width:96px; min-height:var(--control-h-sm, 30px); }
.proactive-month { display:flex; align-items:baseline; justify-content:space-between; gap:var(--space-3, 12px); padding:var(--space-3, 12px) 0; border-top:1px solid var(--line); font-size:var(--text-md, 14px); color:var(--ink-2); }
.proactive-month strong { font-size:var(--text-xl, 17px); color:var(--ink); font-variant-numeric:tabular-nums; }
.proactive-spend-wrap { overflow-x:auto; }
.proactive-spend { width:100%; border-collapse:collapse; font-size:var(--text-sm, 13px); }
.proactive-spend th, .proactive-spend td { padding:var(--space-2, 8px) var(--space-2, 8px); border-top:1px solid var(--line); text-align:left; white-space:nowrap; }
.proactive-spend thead th { color:var(--ink-3); font-weight:500; border-top:0; }
.proactive-spend tbody th { font-weight:500; color:var(--ink); white-space:normal; }
.proactive-spend .num { text-align:right; font-variant-numeric:tabular-nums; }
@media (max-width:680px) {
  .proactive-help { margin-left:0; }
  .proactive-spend th:not(:first-child):not(:last-child), .proactive-spend td:not(:last-child) { display:none; }
}