/* Financeiro — as folhas que sobem de baixo: ficha, formulário e conta.
   Três véus iguais (app-eventos.js abre e fecha), um desenho só. */

.veu{position:fixed;inset:0;z-index:50;background:rgba(15,27,23,.42);display:none;
align-items:flex-end;justify-content:center}
.veu.ver{display:flex}
.folha{background:var(--cartao);width:100%;max-width:520px;max-height:92vh;overflow-y:auto;
border-radius:20px 20px 0 0;padding:6px 16px calc(24px + env(safe-area-inset-bottom));
box-shadow:var(--sombra-alta);animation:subir .2s ease-out}
@keyframes subir{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.folha{animation:none}}
@media (min-width:560px){.veu{align-items:center}.folha{border-radius:20px;max-height:86vh}}

.folha-barra{position:sticky;top:0;background:var(--cartao);display:flex;align-items:center;
padding:10px 0 8px;z-index:2;gap:10px}
.folha-fechar{color:var(--cor);font-weight:700;font-size:15px}
.folha-apagar{margin-left:auto;color:var(--vermelho);font-weight:600;font-size:14px}
.folha-tit{font-size:21px;font-weight:700;letter-spacing:-.4px;line-height:1.25}
.folha-sub{font-size:14px;color:var(--tinta-2);margin-top:3px}
.folha-selos{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}

/* ---------- confirmar antes de apagar ---------- */
.confirmar{background:var(--vermelho-claro);border:1px solid #F0C9C2;border-radius:13px;
padding:13px 14px;margin:4px 0 10px}
.confirmar p{font-size:14px;color:var(--vermelho)}
.confirmar-acoes{display:flex;gap:8px;margin-top:10px}
.confirmar-acoes button{flex:1;border-radius:10px;padding:10px;font-size:14px;font-weight:700}
.confirmar-nao{background:#fff;border:1px solid var(--linha);color:var(--tinta)}
.confirmar-sim{background:var(--vermelho);color:#fff}

/* ---------- ficha: os dados do registro ---------- */
.ficha-cab{display:flex;gap:12px;align-items:center;margin-top:4px}
.ficha-cab .avatar{width:48px;height:48px;font-size:16px}
.ficha-val{font-size:26px;font-weight:700;letter-spacing:-.8px;margin-top:12px}
.ficha-val small{font-size:14px;font-weight:600;color:var(--tinta-2);letter-spacing:0}
.dados{margin-top:16px;border:1px solid var(--linha);border-radius:13px;overflow:hidden}
.dado{display:flex;gap:12px;padding:10px 13px;font-size:14px}
.dado+.dado{border-top:1px solid var(--linha)}
.dado-rot{color:var(--tinta-2);width:112px;flex:none}
.dado-val{flex:1;min-width:0;font-weight:600;overflow-wrap:anywhere}
.dado-val.longo{font-weight:400;white-space:pre-wrap}

.mudar{margin-top:18px}
.mudar-tit{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;
color:var(--tinta-2);margin-bottom:8px}
.mudar-op{display:flex;flex-wrap:wrap;gap:7px}
.mudar-op button{border:1px solid var(--linha);border-radius:999px;padding:7px 13px;
font-size:13px;font-weight:600;background:var(--papel);color:var(--tinta-2)}
.mudar-op button[aria-pressed="true"]{background:var(--cor);border-color:var(--cor);color:#fff}

.folha-acoes{margin-top:18px;display:grid;gap:8px}
.btn-linha{display:flex;align-items:center;gap:11px;border:1px solid var(--linha);border-radius:12px;
padding:12px 14px;font-size:15px;font-weight:600;background:var(--papel);color:var(--tinta);
text-decoration:none;width:100%;text-align:left}
.btn-linha svg{width:19px;height:19px;color:var(--tinta-2)}
.btn-linha.destaque{background:var(--cor);border-color:var(--cor);color:#fff}
.btn-linha.destaque svg{color:#fff}
.btn-linha.zap{background:#128C4B;border-color:#128C4B;color:#fff}
.btn-linha.zap svg{color:#fff}
.btn-linha.perigo{color:var(--vermelho)}
.btn-linha.perigo svg{color:var(--vermelho)}
.acoes-duplas{display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* ---------- formulário ---------- */
.campo{margin-top:14px}
.campo label{display:block;font-size:13px;font-weight:700;color:var(--tinta-2);margin-bottom:5px}
.campo input,.campo select,.campo textarea{width:100%;border:1px solid var(--linha);
border-radius:11px;padding:11px 12px;background:var(--papel);font-size:16px;outline:none}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--cor);
background:var(--cartao);box-shadow:0 0 0 3px var(--cor-claro)}
.campo textarea{min-height:92px;resize:vertical}
.campo select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6B65' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right 10px center;background-size:18px;padding-right:36px}
.campo small{display:block;font-size:12.5px;color:var(--tinta-3);margin-top:4px}
.campo.moeda{position:relative}
.campo.moeda input{padding-left:38px}
.campo-rs{position:absolute;left:13px;bottom:12px;font-size:15px;color:var(--tinta-2);font-weight:600}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.erro{background:var(--vermelho-claro);color:var(--vermelho);border-radius:11px;padding:10px 12px;
font-size:13.5px;font-weight:600;margin-top:14px}
.form-acoes{margin-top:20px;display:grid;gap:8px}
.btn-salvar{background:var(--cor);color:#fff;border-radius:12px;padding:14px;font-size:16px;
font-weight:700;box-shadow:var(--sombra)}
.btn-salvar[disabled]{opacity:.6}
.btn-cancelar{color:var(--tinta-2);font-weight:600;padding:10px;font-size:15px}