/* F1 Personal Finance: การเงินของฉัน */
.fin-month{display:flex;align-items:center;justify-content:center;gap:12px;margin:4px 0 12px}
.fin-month-label{min-width:9em;text-align:center;font-weight:500}
.fin-nav{min-width:46px;font-size:1.2rem;padding:6px 12px}
.fin-summary{margin-bottom:12px}
.fin-cells{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fin-cell{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.fin-num{font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.fin-cell.in .fin-num,.fin-amt.in{color:var(--ok)}
.fin-cell.out .fin-num{color:var(--fg)}
.fin-balance{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:10px}
.fin-balance strong{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums}
.fin-balance.pos strong{color:var(--gold)}
.fin-balance.neg strong{color:var(--bad)}
.fin-top{display:flex;flex-direction:column;gap:4px}
.fin-top-row{display:flex;justify-content:space-between;gap:8px;font-size:.92rem}
.fin-h{margin:18px 0 8px}
.fin-item{align-items:center}
.fin-amt{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}
.fin-form{display:flex;flex-direction:column;gap:10px;width:100%}
.fin-form .chips{justify-content:flex-start}
.fin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fin-cat{display:flex;flex-direction:column;gap:8px}
.fin-form input[type=date]{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-height:46px;color-scheme:dark}
.fin-suggest{width:92%}
.fin-suggest .kind{font-size:.75rem;color:var(--gold);border:1px solid #3d3216;border-radius:999px;padding:1px 8px;margin-right:6px}
.fin-suggest .chip{padding:8px 12px;min-height:38px;font-size:.88rem}
.fin-budget{display:flex;flex-direction:column;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.fin-budget-head{display:flex;align-items:center;gap:8px}
.fin-budget-head strong{flex:1;font-weight:500}
.fin-badge{font-size:.75rem;border:1px solid var(--line);border-radius:999px;padding:1px 8px;color:var(--muted)}
.fin-meter{height:8px;background:var(--line);border-radius:8px;overflow:hidden}
.fin-meter i{display:block;height:100%;background:var(--ok);border-radius:8px}
.fin-budget.warn .fin-meter i{background:var(--gold)}
.fin-budget.warn .fin-badge{color:var(--gold);border-color:#3d3216}
.fin-budget.over .fin-meter i{background:var(--bad)}
.fin-budget.over .fin-badge{color:var(--bad);border-color:#4a1e26}
.fin-budget-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:start}
@media (max-width:380px){.fin-grid,.fin-budget-form{grid-template-columns:1fr}}