/* Finanças da Clínica · telas gerenciais isoladas da autenticação */
.mf-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mf-toolbar{display:flex;gap:9px;align-items:end;flex-wrap:wrap}
.mf-toolbar label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:800}
.mf-toolbar input{padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--text)}
.mf-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.mf-kpi{min-width:0;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--white)}
.mf-kpi small{display:block;font-weight:800;font-size:11px;color:var(--muted)}
.mf-kpi strong{display:block;font-size:23px;margin:10px 0 4px;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.mf-kpi span{font-size:11px;color:var(--muted)}
.mf-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mf-panel{min-width:0;border:1px solid var(--line);background:var(--white);border-radius:14px;padding:16px}
.mf-panel h2{font-size:16px;margin:0 0 8px}
.mf-table-wrap{overflow:auto}
.mf-table{min-width:690px}
.mf-table td,.mf-table th{font-size:12px}
.mf-pill{border-radius:99px;padding:4px 7px;background:var(--bg);font-weight:800;font-size:11px;display:inline-block}
.mf-projections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mf-projection{border:1px solid var(--line);border-radius:11px;padding:13px;background:var(--bg)}
.mf-projection small,.mf-projection span{display:block;color:var(--muted);font-size:11px}
.mf-projection strong{display:block;font-size:20px;margin:7px 0;font-variant-numeric:tabular-nums}
.mf-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mf-form label{display:block;font-size:12px;font-weight:800;color:var(--muted);margin-bottom:5px}
.mf-form input,.mf-form select,.mf-form textarea{width:100%;border:1px solid var(--line);background:var(--white);color:var(--text);border-radius:10px;padding:10px}
.mf-form .mf-wide{grid-column:1/-1}
.mf-notice{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:12px;line-height:1.5;font-size:12px;color:var(--muted)}
.mf-mini-btn{border:0;background:transparent;color:var(--blue);font-weight:800;cursor:pointer;font-size:12px}
@media(max-width:1050px){.mf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){.mf-columns{grid-template-columns:1fr}.mf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-projections{grid-template-columns:1fr}.mf-form{grid-template-columns:1fr}.mf-form .mf-wide{grid-column:auto}.mf-kpi strong{font-size:19px}}

/* Projeção comercial independente do saldo: não cria lançamentos. */
.mf-forecast{margin-top:14px}
.mf-forecast>div:first-child p{margin:4px 0 13px;line-height:1.5}
.mf-forecast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mf-forecast-metric,.mf-forecast-input,.mf-forecast-total{
  min-width:0;padding:13px;border:1px solid var(--line);
  border-radius:11px;background:var(--bg)
}
.mf-forecast-metric small,.mf-forecast-total small,.mf-forecast-total span,.mf-forecast-input small{
  display:block;font-size:11px;line-height:1.5;color:var(--muted)
}
.mf-forecast-metric strong,.mf-forecast-total strong{
  display:block;font-size:clamp(16px,2vw,21px);font-variant-numeric:tabular-nums;
  margin-top:5px;overflow-wrap:anywhere
}
.mf-forecast-input label{font-weight:800;display:block;margin-bottom:6px;font-size:12px}
.mf-forecast-input input{
  display:block;width:100%;min-width:0;min-height:44px;padding:9px;
  border:1px solid var(--line);border-radius:9px;
  background:var(--white);color:var(--text)
}
.mf-forecast-input input[aria-invalid="true"]{border-color:#d34b61;outline:1px solid #d34b61}
.mf-forecast-input small{margin-top:5px}
.mf-forecast-total{border-color:var(--blue);background:var(--white)}
.mf-actions{white-space:normal}
@media(max-width:760px){
  #app #financeiro .mf-head{display:flex;flex-direction:column;align-items:stretch;gap:13px}
  #app #financeiro .mf-head h1{font-size:clamp(20px,5vw,25px);margin-bottom:5px}
  #app #financeiro .mf-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:stretch;width:100%}
  #app #financeiro .mf-toolbar label{grid-column:1/-1;font-size:11px}
  #app #financeiro .mf-toolbar input{min-height:44px;width:100%;max-width:100%;box-sizing:border-box}
  #app #financeiro .mf-toolbar button{min-width:0;min-height:44px;white-space:normal;padding:9px;font-size:12px}
  #app #financeiro .mf-kpis{gap:9px}
  #app #financeiro .mf-kpi{padding:13px}
  #app #financeiro .mf-kpi strong{font-size:clamp(16px,4.5vw,21px)}
  #app #financeiro .mf-panel{padding:14px}
  #app #financeiro .mf-forecast-grid{grid-template-columns:minmax(0,1fr)}
  #app #financeiro .mf-forecast-input input{font-size:16px}
  #app #financeiro .mf-table-wrap{overflow:visible}
  #app #financeiro .mf-table{display:block;min-width:0;width:100%}
  #app #financeiro .mf-table thead{display:none}
  #app #financeiro .mf-table tbody{display:grid;gap:10px}
  #app #financeiro .mf-table tr{
    display:grid;padding:12px;background:#0e2840;border:1px solid #2a4b65;
    border-radius:12px;min-width:0;gap:5px
  }
  #app #financeiro .mf-table td{
    display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
    min-width:0;max-width:100%;padding:7px 1px!important;
    color:#eaf4ff!important;overflow-wrap:anywhere;text-align:right;
    border-bottom:1px solid #30485b
  }
  #app #financeiro .mf-table td:last-child{border-bottom:0}
  #app #financeiro .mf-table td::before{
    content:attr(data-label);flex:0 0 34%;max-width:34%;font-size:11px;
    color:#acc7dc;text-align:left;font-weight:800;line-height:1.5
  }
  #app #financeiro .mf-table td.mf-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}
  #app #financeiro .mf-mini-btn{
    min-height:40px;padding:9px 11px;border:1px solid #35617c;
    border-radius:9px;background:#153d57;color:#7dece5
  }
  #app #financeiro .mf-forecast-metric,
  #app #financeiro .mf-forecast-input,
  #app #financeiro .mf-forecast-total{background:#0b2339;border-color:#2d5270}
  #app #financeiro .mf-forecast-input input{background:#0a1b2d;color:#f1f9ff;border-color:#416b8a}
  #app #financeiro .mf-forecast-total{border-color:#26dbc9}
}