/* Minha Central — Financeiro. Segue o tema Minimalista Premium. */
.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.finance-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px}
.finance-header h1{margin:7px 0 8px}
.finance-header p{margin:0;max-width:480px;font-size:.88rem}
.finance-header>button{flex-shrink:0}
.finance-overview{background:linear-gradient(145deg,var(--mc-bg-192c46),var(--mc-bg-132039));border:1px solid var(--mc-border-304867);border-radius:18px;padding:18px;margin-bottom:18px}
.finance-month-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.finance-month-current{text-align:center;min-width:0}
.finance-month-current h2{font-size:1.18rem;line-height:1.22;margin:7px 0 0;text-transform:capitalize}
.finance-month-arrow{font-size:1.8rem;min-width:44px;width:44px;height:44px;padding:0;flex-shrink:0}
.finance-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.finance-stat{background:var(--mc-bg-1d314f);border:1px solid var(--mc-border-314963);border-radius:13px;padding:14px;display:flex;flex-direction:column;gap:9px;min-width:0}
.finance-stat span{color:var(--mc-text-a5b8d0);font-size:.79rem}
.finance-stat strong{font-size:clamp(1.05rem,2.7vw,1.45rem);letter-spacing:-.03em;color:var(--mc-text-fff);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.finance-stat:last-child strong{color:var(--mc-text-dde9ff)}
.finance-feedback{min-height:0;color:var(--mc-text-aac4e7);font-size:.85rem;margin:8px 0}
.finance-feedback:empty{display:none}
.finance-feedback.is-error{color:var(--mc-text-ffbcbc)}
.finance-group{margin:0 0 19px;border:1px solid var(--mc-border-283e58);border-radius:17px;background:var(--mc-bg-111e31);overflow:hidden}
.finance-group-head{padding:16px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--mc-border-2a3e5d)}
.finance-group-head>div{display:flex;align-items:center;gap:10px;min-width:0}
.finance-group-head h2{margin:0;font-size:1rem}
.finance-kind-icon{display:grid;place-items:center;background:var(--mc-bg-283f60);color:var(--mc-text-a8ccff);font-weight:900;width:32px;height:32px;flex-shrink:0;border-radius:10px}
.finance-group-count{color:var(--mc-text-9eb2cc);font-size:.75rem;white-space:nowrap}
.finance-list{display:flex;flex-direction:column}
.finance-item{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(110px,auto);column-gap:11px;row-gap:9px;align-items:center;padding:15px 17px;border-bottom:1px solid var(--mc-border-273c55)}
.finance-item:last-child{border-bottom:0}
.finance-item.paid{background:var(--mc-bg-132739)}
.finance-check{display:grid;place-items:center;width:42px;height:42px;min-width:42px;border:1px solid var(--mc-border-496c94);background:var(--mc-bg-263b55);border-radius:50%;color:var(--mc-text-bdd2ee);font-size:1.45rem;padding:0}
.finance-check:hover{border-color:var(--mc-border-87b8ff)}
.finance-check.is-paid{background:var(--mc-bg-185c46);border-color:var(--mc-border-3c9b79);color:var(--mc-text-ceffe7);font-size:1.2rem}
.finance-item-main{min-width:0;display:flex;flex-direction:column;gap:5px}
.finance-item-main strong{font-size:.94rem;font-weight:750;color:var(--mc-text-f0f6fe);overflow-wrap:anywhere}
.finance-item-main small{font-size:.75rem;color:var(--mc-text-a8bad1);line-height:1.4}
.finance-item-amount{display:flex;flex-direction:column;align-items:flex-end;gap:5px;text-align:right}
.finance-item-amount strong{font-size:.94rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.finance-status{font-size:.72rem;color:var(--mc-text-adc1dd)}
.finance-status.is-paid{color:var(--mc-text-a1eccc)}
.finance-status.is-overdue{color:var(--mc-text-f4b0a4)}
.finance-item-actions{grid-column:2/-1;display:flex;gap:8px;justify-content:flex-end}
.finance-small-btn{min-height:33px;padding:6px 12px;color:var(--mc-text-a9c5ec);border:1px solid var(--mc-border-385273);border-radius:9px;background:var(--mc-bg-1b304a);font-size:.73rem;font-weight:650}
.finance-small-btn:hover{background:var(--mc-bg-29496d)}
.finance-empty{padding:19px 17px;color:var(--mc-text-8fa6c1);font-size:.82rem}
.finance-note{font-size:.78rem;color:var(--mc-text-92a8c4);line-height:1.6;padding:3px 2px 25px}
.finance-dialog{max-width:540px}
.finance-dialog .dialog-head{margin-bottom:12px}
.finance-dialog .dialog-head button{flex-shrink:0}
.finance-dialog .fine{margin:0 0 18px;line-height:1.55}
.finance-dialog label{margin-bottom:12px}
.finance-dialog input,.finance-dialog select{width:100%;max-width:none;margin-top:7px}
.finance-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px}
.finance-form-hint{font-size:.78rem;color:var(--mc-text-adc1df);line-height:1.5;margin:0 0 5px}
.finance-dialog-error{font-size:.81rem;color:var(--mc-text-ffc1b8);min-height:1.2em;margin:7px 0}
@media(max-width:620px){
 .finance-header{align-items:stretch;flex-direction:column;gap:14px}
 .finance-header>button{align-self:flex-start;min-width:156px}
 .finance-overview{padding:14px}
 .finance-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .finance-stat:first-child{grid-column:span 2}
 .finance-stat{padding:13px}
 .finance-stat strong{font-size:1.16rem}
 .finance-item{padding:14px 12px;column-gap:8px;grid-template-columns:40px minmax(0,1fr) auto}
 .finance-check{width:38px;min-width:38px;height:38px}
 .finance-item-amount strong{font-size:.85rem}
 .finance-item-main strong{font-size:.86rem}
 .finance-item-actions{justify-content:flex-start}
 .finance-small-btn{min-height:35px}
 .finance-group-head{padding:13px}
 .bottom-nav .nav-btn{font-size:.62rem}
 .bottom-nav .nav-btn svg{width:20px;height:20px}
}
@media(max-width:360px){
 .finance-item{grid-template-columns:37px minmax(0,1fr);gap:7px}
 .finance-item-amount{grid-column:2;align-items:flex-start;text-align:left}
 .finance-item-actions{grid-column:2}
 .finance-form-grid{grid-template-columns:1fr;gap:0}
 .finance-month-current h2{font-size:1rem}
 .bottom-nav .nav-btn{font-size:.58rem}
}
@media(min-width:800px){
 .finance-overview{padding:22px}
 .finance-item{grid-template-columns:46px minmax(0,1fr) 150px 165px;column-gap:14px}
 .finance-item-actions{grid-column:auto;justify-content:flex-end}
}

/* Excluir é diferente de encerrar: botão secundário destrutivo. */
.finance-delete-btn{
 color:var(--mc-text-ffc4cf);
 background:var(--mc-bg-382738);
 border-color:var(--mc-border-785061);
}
.finance-delete-btn:hover{color:var(--mc-text-ffe4e8);background:var(--mc-bg-503244);border-color:var(--mc-border-b36d81)}
/* Campos do modal sempre em coluna no celular para evitar sobreposição
   do seletor nativo de mês e do campo de quantidade de parcelas. */
.finance-dialog,
.finance-dialog form,
.finance-dialog .finance-form-grid,
.finance-dialog .finance-form-grid label{min-width:0;max-width:100%;box-sizing:border-box}
.finance-dialog .finance-form-grid input,
.finance-dialog .finance-form-grid select{
 min-width:0;width:100%;max-width:100%;box-sizing:border-box;
}
@media(max-width:620px){
 .finance-dialog .finance-form-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
 }
 .finance-dialog .finance-form-grid label{width:100%;min-width:0}
 .finance-dialog input[type="month"]{min-width:0;max-width:100%}
}


/* Desktop: valores e botões não podem disputar a mesma célula. */
@media(min-width:800px){
 .finance-item{
  grid-template-columns:46px minmax(0,1fr) minmax(135px,max-content);
  row-gap:10px;column-gap:15px;align-items:start;
 }
 .finance-item-main{grid-column:2;min-width:0}
 .finance-item-amount{grid-column:3;min-width:135px;max-width:100%;align-items:flex-end}
 .finance-item-amount strong{white-space:nowrap;font-variant-numeric:tabular-nums}
 .finance-item-actions{grid-column:2/-1;grid-row:auto;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-width:0}
 .finance-small-btn{flex:0 0 auto;white-space:nowrap}
}