/* Personal Finance 2.4 — privacy switch and full current-month summary.
   All colors use the five active theme variables. */
.privacy-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px}
.privacy-label{font-size:13px;color:var(--muted);font-weight:700}
.privacy-button{font-size:12px;padding:9px 12px;min-height:39px;border-radius:12px;gap:8px}
.privacy-button svg{width:17px;height:17px;display:block;flex:none}
.month-panel{padding:21px 23px}
.month-panel .panel-head{margin-bottom:13px}
.month-panel .panel-head h2{font-size:18px}
.month-currency + .month-currency{margin-top:15px}
.month-currency-title{font-size:12px;color:var(--muted);margin:0 0 9px;font-weight:750;letter-spacing:.05em}
.month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.month-card{min-width:0;display:flex;flex-direction:column;gap:8px;background:var(--panel2);border:1px solid var(--border);border-radius:13px;padding:14px 15px}
.month-card .month-label{font-size:12px;font-weight:660;color:var(--muted)}
.month-card strong{font-size:clamp(16px,2vw,23px);font-variant-numeric:tabular-nums;letter-spacing:-.035em;overflow-wrap:anywhere}
.month-note{font-size:11px;color:var(--muted);margin:12px 1px 0;line-height:1.45}
@media(max-width:760px){
  .privacy-bar{margin-bottom:10px}
  .month-panel{padding:18px}
  .month-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .month-card{padding:13px 12px;gap:6px}
  .month-card strong{font-size:19px}
  .month-card:nth-child(3){grid-column:1/-1}
  .month-panel .panel-head{margin-bottom:11px}
}
@media(max-width:370px){
  .privacy-label{font-size:12px}
  .privacy-button{padding:8px 10px}
}