/* Cliup: estilos dos módulos Orçamento e Financeiro (prefixo fi-).
   Layout copiado do Clinicorp (modal do orçamento, checkout, NFS-e), azul do Cliup no lugar do laranja.
   No celular (até 760px): tabelas viram cartões (table.tab.resp do cliup.css), blocos em uma coluna. */

/* ---------- Textos e utilidades ---------- */
.fi-txt{margin:0 0 6px;color:var(--tinta-2);font-size:13.5px;line-height:1.5}
.fi-proto{margin:6px 0 0;font-size:11.5px;color:var(--cinza)}
.fi-peq{font-size:12.5px}
.fi-h3{font-size:16px;margin:16px 0 6px}
.fi-pos{color:var(--verde-2)}
.fi-neg{color:var(--vermelho)}
.fi-zero{color:var(--azul)}
.fi-perigo-txt{color:var(--vermelho)!important}
.fi-trunca{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fi-borda{box-shadow:none;border:1px solid var(--linha)}
.fi-aviso-peq{padding:8px 10px;font-size:12px}
.fi-aviso-cinza{background:#F5F6F8;color:var(--tinta-2);border:1px solid var(--linha)}
.fi-aba-cab{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.fi-aba-cab h2{margin:0;font-size:17px;font-weight:700}
.fi-cel-acao .icone-btn{width:30px;height:30px}

/* ---------- Aba Orçamentos ---------- */
.fi-trat-cel{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tinta)}
.fi-trat-cel i{color:var(--tinta-2)}
.fi-resp{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.fi-av{width:26px;height:26px;border-radius:50%;background:#F7E1F5;color:#9b3d93;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
.fi-tit-num{font-weight:400;color:var(--tinta-2);font-size:14px;margin-right:4px}

/* resumo "Tratamento" */
.fi-res-total{display:flex;align-items:center;gap:10px;border:1px solid var(--linha);border-radius:8px;padding:12px 14px;margin-top:14px}
.fi-res-ic{width:26px;height:26px;border-radius:50%;background:var(--verde-suave);color:var(--verde-2);display:inline-flex;align-items:center;justify-content:center}
.fi-res-ic svg.ic{width:15px;height:15px}
.fi-res-total .fi-pos{font-size:16px}
.fi-res-desc{font-size:12px;color:var(--vermelho);text-align:right;margin-top:4px}
.fi-res-obs-tit{font-weight:700;margin:16px 0 6px}
.fi-res-obs{background:#F5F6F8;border-radius:8px;padding:10px 12px;font-size:13px;color:var(--tinta-2);word-break:break-word}
.fi-res-meta{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:var(--cinza);flex-wrap:wrap}

/* ---------- Modal do orçamento ---------- */
.fi-orc-l1{display:grid;grid-template-columns:1.5fr 1fr 170px;gap:14px 18px;align-items:end}
.fi-orc-l2{display:grid;grid-template-columns:240px 1fr;gap:18px;margin-top:12px}
.fi-orc textarea#fo-obs{min-height:70px}
.fi-inc{display:flex;margin-top:16px;border-radius:8px;box-shadow:0 1px 3px rgba(16,24,40,.12),0 2px 8px rgba(16,24,40,.06);background:#fff;overflow:visible}
.fi-inc-campos{flex:1;padding:12px 14px 10px;display:flex;flex-direction:column;gap:10px;min-width:0}
.fi-inc-nums{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:14px;align-items:start}
.fi-inc-mais{width:70px;border:0;border-radius:0 8px 8px 0;background:#CFE3F8;color:#fff;cursor:not-allowed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:600;font-size:12px;transition:background .15s}
.fi-inc-mais:not(:disabled){background:var(--azul);cursor:pointer}
.fi-inc-mais:not(:disabled):hover{background:var(--azul-esc)}
.fi-inc-mais svg.ic{width:28px;height:28px}
.fi-inc-mais span{display:block}
.fi-proc-busca{position:relative}
.fi-proc-busca input{padding-right:30px}
.fi-limpar{position:absolute;right:0;bottom:4px;width:26px;height:26px;border:0;background:none;color:var(--cinza);cursor:pointer;display:flex;align-items:center;justify-content:center}
.fi-limpar svg.ic{width:16px;height:16px}
.fi-sug{position:absolute;top:100%;left:0;right:0;z-index:6;background:#fff;border-radius:8px;box-shadow:var(--sombra-modal);max-height:270px;overflow:auto;padding:4px;margin-top:2px}
.fi-sug-it{display:flex;flex-direction:column;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px}
.fi-sug-it small{color:var(--cinza);font-size:11.5px}
.fi-sug-it:hover,.fi-sug-it.ativo{background:#EEF0F3}
.fi-sug-vazio{padding:10px;color:var(--cinza);font-size:12.5px}
.fi-cifrao{display:flex;align-items:center;gap:6px}
.fi-cifrao>span{color:var(--azul);font-weight:600}
.fi-cifrao input{text-align:right;flex:1;min-width:0}
.fi-com-unid{display:flex;align-items:center;gap:6px}
.fi-com-unid input{flex:1;min-width:0;text-align:right}
.fi-com-unid>span{color:var(--tinta-2);font-weight:600;font-size:12.5px}

.fi-orc-lista{margin-top:16px;border:1px solid var(--linha);border-radius:6px;overflow:hidden}
/* 05/11 (fila, item 97): no computador, duas colunas como no Clinicorp; formulário à esquerda, "Planejamento" à direita */
@media (min-width:1100px){
  .modal.grande:has(.fi-orc){width:min(1200px,96vw)}
  .fi-orc{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr);gap:24px;align-items:start}
  .fi-orc-dir{position:sticky;top:0}
  .fi-orc-dir .fi-orc-lista{margin-top:0}
  .fi-orc-l1{grid-template-columns:1.2fr 1fr 150px}
  .fi-orc-l2{grid-template-columns:220px 1fr}
}
.fi-barra{border-radius:0;flex-wrap:wrap;gap:4px}
.btn.fi-barra-btn{gap:5px;height:28px;padding:0 9px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font-size:12px;font-weight:500}
.btn.fi-barra-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5)}
.fi-barra-btn svg.ic{width:15px;height:15px}
.fi-acao{gap:5px}
.fi-acao svg.ic{width:15px;height:15px}
.fi-acao+.fi-acao{margin-left:4px}
.fi-acao-perigo{border-color:#f0b4b4!important;color:var(--vermelho)!important}
.fi-acao-perigo:hover{background:var(--vermelho-suave)!important}
.fi-barra>span:first-child{margin-right:6px}
.fi-item .esq{align-items:flex-start}
.fi-item .esq input[type=checkbox]{margin-top:2px}
.fi-item-txt{flex:1;min-width:0}
.fi-item-txt b{word-break:break-word}
.fi-item-tab{font-size:11.5px;color:var(--vermelho);margin-top:2px}
.fi-item-tirar{margin-left:auto;color:var(--tinta-2);border-color:var(--linha-2)!important;flex:none}
.fi-item-tirar:hover{color:var(--vermelho);border-color:#f0b4b4!important}
.fi-desmarcado .esq{opacity:.55}
.fi-desmarcado .val{background:#A5D6A7}
.fi-itens-vazio{padding:16px;text-align:center;color:var(--cinza);font-size:13px;background:#FAFBFC}
.fi-total{padding:12px;border-top:1px solid var(--linha)}
.fi-total-l{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.fi-total-v{font-size:17px}
.fi-desc{color:var(--vermelho);font-size:12.5px}
.fi-total-sub{text-align:right;font-size:12.5px;margin-top:3px}
.fi-forma{display:flex;align-items:center;gap:8px;width:100%;border:0;border-top:1px solid var(--linha);background:#fff;padding:12px;cursor:pointer;font-size:13px;text-align:left}
.fi-forma:hover:not(:disabled){background:var(--azul-suave-2)}
.fi-forma:disabled{cursor:default;color:inherit}
.fi-forma-rot{font-size:12px;color:var(--cinza)}
.fi-forma svg.ic{color:var(--tinta-2)}

/* desconto */
.fi-desc-res{display:flex;flex-direction:column;gap:18px;padding:8px 0}
.fi-desc-lin{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.fi-desc-lin .campo{width:220px}
.fi-desc-lin .fi-desc{margin-top:4px}

/* email */
.fi-email-cab{display:grid;gap:10px;margin-bottom:14px}
.fi-email-lin{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.fi-email-lin>span{min-width:160px}
.fi-email-lin .mudo{display:inline-flex;align-items:center;gap:6px}
.fi-email-lin input{flex:1;min-width:200px}

/* ---------- Documentos (orçamento, recibo, nota) ---------- */
.fi-doc{position:relative;overflow:hidden;color:var(--tinta);line-height:1.5}
.fi-doc-cab{display:flex;justify-content:space-between;gap:16px;border-bottom:2px solid var(--navy);padding-bottom:10px;margin-bottom:12px;flex-wrap:wrap}
.fi-doc-marca{font-size:22px;font-weight:300;letter-spacing:.06em;color:var(--navy)}
.fi-doc-dados{text-align:right;font-size:11.5px;color:var(--tinta-2)}
.fi-doc-dados b{color:var(--tinta);font-size:12.5px}
.fi-doc-id{width:auto!important;margin-bottom:6px}
.fi-doc-id th,.fi-doc-id td{border:1px solid var(--linha-2)!important;padding:3px 10px!important;font-size:12px}
.fi-doc-id th{background:#F5F6F8;width:80px}
.fi-doc-id td{min-width:220px}
.fi-doc h2{margin:14px 0 2px!important}
.fi-doc-sub{text-align:center;color:var(--tinta-2);font-size:12px;margin-bottom:14px}
.fi-doc-rola{overflow-x:auto}
.fi-doc-tab th{font-weight:700;border-bottom:2px solid var(--tinta)!important}
.fi-doc-total{display:flex;align-items:baseline;gap:12px;border-top:2px solid var(--tinta);margin-top:8px;padding-top:8px}
.fi-doc-total-v{font-size:16px}
.fi-doc-p{margin:12px 0 0;word-break:break-word}
.fi-doc-p>div{color:var(--tinta-2);margin-top:2px}
.fi-doc-rod{margin-top:18px;padding-top:8px;border-top:1px solid var(--linha);font-size:11px;color:var(--cinza);text-align:center}
.fi-carimbo{position:absolute;top:70px;right:20px;transform:rotate(-12deg);border:3px solid var(--vermelho);color:var(--vermelho);font-weight:800;font-size:20px;letter-spacing:.12em;text-transform:uppercase;padding:4px 14px;border-radius:6px;opacity:.75;z-index:2}
.fi-rec-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 14px;flex-wrap:wrap}
.fi-rec-topo h2{text-align:left!important;margin:0!important}
.fi-rec-valor{font-size:18px;font-weight:800;border:2px solid var(--navy);border-radius:6px;padding:4px 14px}
.fi-rec-txt{font-size:13.5px;margin:0 0 10px;line-height:1.6}
.fi-assin{margin:38px auto 0;text-align:center;width:280px;max-width:100%;font-size:12px}
.fi-assin-linha{border-top:1px solid var(--tinta);margin-bottom:6px}
.fi-marca-dagua{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) rotate(-18deg);font-size:34px;font-weight:800;color:rgba(217,59,59,.08);white-space:nowrap;pointer-events:none;text-transform:uppercase}
.fi-nf-doc-cab{display:flex;justify-content:space-between;gap:12px;border-bottom:2px solid var(--navy);padding-bottom:8px;margin-bottom:10px;flex-wrap:wrap}
.fi-nf-sec{border:1px solid var(--linha-2);border-radius:6px;margin-top:10px;overflow:hidden}
.fi-nf-sec-tit{background:#F0F2F5;font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:5px 10px}
.fi-nf-sec p{margin:0;padding:8px 10px}
.fi-nf-pares{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;padding:8px 10px}
.fi-nf-pares>div{display:flex;flex-direction:column}
.fi-nf-pares span{font-size:11px;color:var(--cinza)}

/* impressão: só o documento sai no papel */
.fi-impressao{display:none}
@media print{
  body.fi-imprimindo{background:#fff}
  body.fi-imprimindo>*:not(.fi-impressao){display:none!important}
  body.fi-imprimindo>.fi-impressao{display:block!important}
  .fi-impressao .doc-impresso{border:0;padding:0}
  .fi-impressao button,.fi-impressao .fi-cel-acao{display:none!important}
  .fi-impressao .tabela-env{box-shadow:none;overflow:visible}
  .fi-impressao table.tab th{background:#eee!important;color:#000!important}
  .fi-impressao .fi-trunca,.fi-impressao .fi-obs-cel{max-width:none;white-space:normal}
}

/* ---------- Aba Financeiro ---------- */
.fi-fin-barra{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.fi-fin-barra .btn.link{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.fi-tab-fin td{white-space:nowrap}
.fi-tab-fin td.cel-titulo{white-space:normal}
.fi-desc-cel{display:flex;align-items:center;gap:6px;max-width:260px}
.fi-desc-cel .fi-trunca{max-width:220px}
.fi-link-ic{border:0;background:none;color:var(--tinta-2);cursor:pointer;padding:2px;display:inline-flex;border-radius:4px;flex:none}
.fi-link-ic:hover{color:var(--azul);background:var(--azul-suave)}
.fi-link-ic svg.ic{width:16px;height:16px}
.fi-motivo{font-size:11px;color:var(--cinza);text-decoration:none;white-space:normal}
.fi-btn-receber{height:30px;padding:0 10px;border-radius:6px;border:0;background:var(--verde-2);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-weight:600;font-size:12.5px}
.fi-btn-receber:hover{background:#256f3a}
.fi-btn-receber svg.ic{width:16px;height:16px}
.fi-forma-cel{display:inline-flex;align-items:center;gap:6px}
.fi-forma-cel svg.ic{width:16px;height:16px;color:var(--tinta-2)}
.fi-tab-fin tr.fi-sem-hover td{white-space:normal}
.fi-saldo-rod{font-size:14px}
.fi-linha-canc td{color:var(--cinza)}
.fi-linha-canc td .fi-trunca,.fi-linha-canc td.direita{text-decoration:line-through}
.fi-obs-cel{max-width:260px;white-space:normal;font-size:12.5px;color:var(--tinta-2)}
.fi-parc-tot{text-align:right;font-weight:700;font-size:13px;margin-top:10px}

/* ---------- Checkout (Receber) ---------- */
.fi-modal-ck .m-cab h2{font-size:20px}
.fi-valor-tit{color:var(--verde-2);font-weight:800;margin-left:6px}
.fi-sec-tit{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;margin-bottom:8px}
.fi-formas{margin-bottom:12px}
.fi-formas label{padding:4px 0}
.fi-ck-caixa{border:1px solid var(--linha);border-radius:8px;padding:12px 14px}
.fi-ck-g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 22px;align-items:end}
.fi-ck-pago{align-self:center;padding-top:14px}
.fi-ck-nota-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 0;font-size:13px}
.fi-nf-valor{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;background:var(--amarelo-suave);border:1px solid #f6e3a6;border-radius:8px;padding:10px 12px;margin:8px 0 12px}
.fi-nf-valor span{font-weight:700;font-size:13px}
.fi-nf-valor b{margin-left:auto;color:#8a6400;font-size:16px}
.fi-nf-valor small{width:100%;text-align:right;color:var(--cinza);font-size:11px}
.fi-plano{border:1px solid var(--linha);border-radius:8px;overflow:hidden}
.fi-plano-cab{background:var(--barra-escura);color:#fff;font-weight:700;padding:9px 12px;font-size:13px}
.fi-plano-corpo{padding:12px;display:flex;flex-direction:column;gap:10px}
.fi-plano-sub{background:var(--barra-escura);color:#fff;font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:4px 4px 0 0;margin-bottom:-10px}
.fi-plano-obs{border:1px solid var(--linha);border-top:0;padding:8px 10px;font-size:12.5px;color:var(--tinta-2);word-break:break-word}
table.tab.fi-mini th{font-size:11px;padding:6px 10px}
table.tab.fi-mini td{font-size:12px;padding:6px 10px}
.fi-plano-tot{display:flex;flex-direction:column;gap:2px;font-size:13px}
.fi-plano-soma{text-align:right;font-weight:700;font-size:13px}
.fi-conf-l{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px;font-size:13.5px}

/* ---------- NFS-e ---------- */
.fi-nota-form{display:flex;flex-direction:column}
.fi-nf-g1{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px 18px;align-items:start}
.fi-nf-g2{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;align-items:end}
.fi-nf-end{display:grid;grid-template-columns:130px auto 1fr 100px;gap:14px 18px;align-items:end}
.fi-nf-end2{display:grid;grid-template-columns:1fr 1fr 1fr 70px;gap:14px 18px;align-items:end}
.fi-buscar-cep{align-self:end;margin-bottom:6px}
.fi-radios-nf{min-height:32px}
.fi-nf-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.fi-nf-link{font-size:12px;color:var(--tinta-2);background:#F5F6F8;border-radius:6px;padding:4px 10px}
.fi-nf-meta{font-size:12px;color:var(--cinza);margin:12px 0 8px}

/* ---------- Etapas e sucesso ---------- */
.fi-etapas{margin:22px 4px 14px}
.fi-etapas .et .b svg.ic{width:15px;height:15px;stroke-width:3}
.fi-sucesso{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 6px 4px;gap:6px}
.fi-sucesso-ilu{width:76px;height:76px;border-radius:50%;background:var(--verde-suave);color:var(--verde-2);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.fi-sucesso-ilu svg.ic{width:38px;height:38px}
.fi-sucesso-ilu.fi-ilu-alerta{background:var(--azul-suave);color:var(--azul)}
.fi-sucesso b{font-size:16px}
.fi-sucesso p{margin:0;color:var(--tinta-2);font-size:13px;max-width:420px}

/* ---------- Página do financeiro ---------- */
.fi-lateral .tit svg.ic{color:var(--azul)}
.fi-sec{min-width:0}
.fi-sec-cab h2{margin:0;font-size:18px}
.fi-sec-cab p{margin:2px 0 14px;color:var(--tinta-2);font-size:13px}
.fi-filtros{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-bottom:14px}
.fi-filtros .campo{width:160px}
.fi-filtros .fi-filtro-busca{flex:1;min-width:220px}
.fi-atalhos{display:flex;gap:6px;flex-wrap:wrap}
.fi-per-mes{cursor:pointer;font:inherit;font-size:12px;font-weight:600;padding-right:4px;max-width:100%}
.fi-per-mes.primario option{background:#fff;color:var(--tinta)}
.fi-totais{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px;margin-bottom:14px}
.fi-tot{background:#fff;border-radius:10px;box-shadow:var(--sombra);padding:12px 14px;display:flex;flex-direction:column;gap:2px;border-left:4px solid var(--azul-claro)}
.fi-tot span{font-size:12px;color:var(--tinta-2)}
.fi-tot b{font-size:18px}
.fi-tot small{font-size:11.5px;color:var(--cinza)}
.fi-tot-geral{background:var(--navy);color:#fff;border-left-color:var(--verde)}
.fi-tot-geral span,.fi-tot-geral small{color:rgba(255,255,255,.75)}
.fi-tot-zero{opacity:.6}
.fi-resumo-lin{font-size:13px;color:var(--tinta-2);margin:0 0 10px}
.fi-tab-caixa td,.fi-tab-docs td,.fi-tab-ar td{vertical-align:top}

/* ---------- Formas de pagamento: cartão anotado, boleto, carteira (26/10) ---------- */
.fi-span2{grid-column:span 2}
.fi-span3{grid-column:1/-1}
.fi-cart-lista{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.fi-cart-lin{display:grid;grid-template-columns:90px 1fr 1fr;gap:12px 18px;align-items:end;background:#FAFBFC;border:1px solid var(--linha);border-radius:8px;padding:8px 12px}
.fi-cart-n{font-weight:700;font-size:13px;padding-bottom:8px}
.fi-cart-soma{text-align:right;font-size:13px;margin-top:8px}
.fi-rp-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px}
.fi-rod-cart{font-weight:400;color:#8a6400;margin-left:8px;font-size:12.5px}
.fi-tab-fin tr.fi-sub td{background:#FFFBEF;padding:6px 12px}
.fi-tab-fin tr.fi-sub.fi-sub-venc td{background:#FFF4F4}
.fi-tab-fin tbody tr.fi-sub:hover td{background:#FFF6DB}
.fi-sub-lin{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;padding-left:38px;white-space:normal}
.fi-sub-lin>svg.ic{width:15px;height:15px;color:var(--cinza)}
.fi-sub-venc .fi-sub-venc-txt{color:var(--vermelho);font-weight:600}
.fi-tot-cart{border-left-color:var(--amarelo)}
.fi-tot-venc{border-left-color:var(--vermelho)}
.fi-tot-venc b{color:var(--vermelho)}
.fi-linha-venc td{background:#FFF8F8}
.fi-chip-peq{font-size:10.5px;padding:1px 6px;margin-top:3px}

/* ---------- Assinatura do paciente no orçamento ---------- */
.fi-chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.fi-chips .chip svg.ic,.m-cab .chip svg.ic{width:13px;height:13px}
.m-cab h2 .chip{vertical-align:middle;margin-left:2px}
.fi-aviso-aceite b{display:inline}
.fi-aviso-pac{margin-bottom:12px}
/* reserva paga (desconto da reserva) e atalhos do sinal */
.fi-reserva{border:1px solid var(--linha-2);border-left:4px solid var(--amarelo);border-radius:8px;padding:10px 12px;margin:0 0 14px;background:#FFFCF2;font-size:13px}
.fi-reserva-ok{border-left-color:var(--verde);background:#F4FBF6}
.fi-reserva-nao{border-left-color:var(--amarelo)}
.fi-reserva-tit{display:flex;align-items:center;gap:8px;font-size:14px}
.fi-reserva-tit svg.ic{color:var(--tinta-2)}
.fi-reserva-txt{margin-top:4px;color:var(--tinta-2)}
.fi-reserva-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
#fo-rodape-orc .fi-reserva{margin-top:16px}
.fi-atalhos-valor{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
/* crédito do paciente (pagamento antecipado, voucher, reserva paga): no orçamento é linha própria, não é desconto */
.fi-cred-orc{margin-top:8px;border-top:1px dashed var(--linha-2);padding-top:8px}
.fi-cred-lin{display:flex;align-items:center;gap:10px;font-size:12.5px;padding:3px 0;color:var(--tinta-2)}
.fi-cred-lin b{color:var(--tinta)}
.fi-total-pagar{margin-top:6px}
.fi-cred-acao{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:8px}
.fi-cred-lista{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.fi-cred-op{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--linha);border-radius:8px;padding:10px 12px;cursor:pointer;font-size:13px}
.fi-cred-op:hover{border-color:var(--azul-claro)}
.fi-cred-op input{margin-top:2px}
.fi-cred-op small{display:block;color:var(--tinta-2);font-size:12px;margin-top:2px}
.fi-doc-cred{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--tinta-2);padding:2px 0}
.fi-creditos{margin-top:22px}
.fi-creditos-cab{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.fi-creditos-cab h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px}
.fi-creditos-cab h3 svg.ic{color:var(--tinta-2)}
.fi-creditos-vazio{background:#fff;border-radius:10px;box-shadow:var(--sombra);padding:14px;color:var(--cinza);font-size:13px}
.fi-tab-cred td{vertical-align:top}
.fi-aviso-pac .fi-aviso-acoes{margin-top:8px;align-items:center}
.fi-aviso-pac .fi-aviso-acoes .btn.peq{height:30px}
.fi-aviso-acoes{display:flex;gap:4px 14px;flex-wrap:wrap;margin-top:4px}
.fi-aviso-acoes .btn.link{padding:0;font-weight:600;display:inline-flex;align-items:center;gap:4px}
.aviso .btn.link{padding:0 2px;height:auto;font-weight:600}
.fi-btn-whats svg.ic{color:#25A244}
.fi-doc-val{color:var(--tinta-2);font-size:12px}
.fi-doc-aviso{color:#8a6400;font-size:12px;border-top:1px dashed var(--linha-2);padding-top:8px}
/* o orçamento como o paciente lê no celular (também vai congelado no aceite) */
.fi-rp{font-size:14px;color:var(--tinta)}
.fi-rp-cab{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--linha);padding-bottom:8px;margin-bottom:8px}
.fi-rp-cab span{color:var(--tinta-2);font-size:12.5px}
.fi-rp-trat{font-weight:600;margin-bottom:6px}
.fi-rp-itens{list-style:none;margin:0;padding:0}
.fi-rp-itens li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--linha)}
.fi-rp-itens li b{display:block;font-size:14px}
.fi-rp-itens li small{color:var(--tinta-2);font-size:12px}
.fi-rp-itens li>span{white-space:nowrap;font-weight:600}
.fi-rp-lin{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:13px}
.fi-rp-total{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-top:2px solid var(--tinta);margin-top:4px}
.fi-rp-total b{font-size:18px;color:var(--verde-2)}
.fi-rp-obs{background:#F5F6F8;border-radius:8px;padding:10px 12px;margin-top:8px;font-size:12.5px;color:var(--tinta-2);word-break:break-word}
.fi-rp-obs b{display:block;color:var(--tinta);margin-bottom:2px}
.fi-rp-val{margin-top:10px;font-size:12px;color:var(--tinta-2)}

/* ---------- Telas médias ---------- */
@media(max-width:980px){
  .fi-inc-nums{grid-template-columns:1fr 1fr}
  .fi-nf-end{grid-template-columns:120px auto 1fr}
  .fi-nf-end>.campo:last-child{grid-column:1/-1}
}

/* ---------- Celular (até 760px) ---------- */
@media(max-width:760px){
  .fi-trunca,.fi-trat-cel,.fi-desc-cel,.fi-desc-cel .fi-trunca,.fi-obs-cel{max-width:none;white-space:normal;text-align:left}
  .fi-aba-cab{gap:8px}
  .fi-aba-cab .btn.primario{width:100%;justify-content:center}

  /* tabelas que viraram cartões: ações no fim do cartão, alinhadas à direita */
  table.tab.resp td.fi-cel-acao{order:10;justify-content:flex-end;gap:4px;padding-top:6px}
  table.tab.resp td.fi-cel-acao:empty{display:none!important}
  table.tab.resp td.fi-cel-acao .icone-btn{width:40px;height:40px}
  table.tab.resp tr.excluido td{text-decoration:none}
  table.tab.resp tr.excluido{opacity:.6}
  table.tab.resp td .fi-trunca,table.tab.resp td .fi-obs-cel{text-align:right}
  table.tab.resp td.cel-titulo .fi-trunca{text-align:left}
  .fi-tab-fin td{white-space:normal}
  .fi-tab-fin td.cel-titulo{flex-direction:column;align-items:flex-start}
  .fi-btn-receber{height:40px;padding:0 16px}
  /* celular: ações só com o ícone (so-ico-cel do cliup.css); o texto aparece na dica */
  .btn.so-ico-cel.fi-barra-btn{width:38px;height:38px;padding:0}
  .fi-acao+.fi-acao{margin-left:0}
  .fi-cel-acao{gap:6px}
  .fi-linha-canc{opacity:.7}

  /* modal do orçamento */
  .fi-orc-l1,.fi-orc-l2{grid-template-columns:1fr}
  .fi-inc{flex-direction:column}
  .fi-inc-nums{grid-template-columns:1fr}
  .fi-inc-mais{width:100%;height:46px;border-radius:0 0 8px 8px;flex-direction:row;font-size:14px}
  .fi-inc-mais svg.ic{width:22px;height:22px}
  .fi-inc-mais span{display:inline}
  .fi-barra{padding:6px 8px}
  .fi-barra .icone-btn{width:36px;height:36px}
  .item-orc.fi-item{flex-direction:column}
  .item-orc.fi-item .val{width:auto;justify-content:flex-end;padding:8px 12px;font-size:15px}
  .fi-total-sub{font-size:12px}
  .fi-desc-lin .campo{width:100%}
  .fi-email-lin>span{min-width:0;width:100%}
  .fi-email-lin input{min-width:0;width:100%}

  /* documentos */
  .doc-impresso.fi-doc{padding:14px;font-size:12px}
  .fi-doc-dados{text-align:left}
  .fi-doc-id td{min-width:0}
  .fi-doc-tab th,.fi-doc-tab td{padding:4px!important;font-size:11px}
  .fi-carimbo{top:56px;right:8px;font-size:15px}
  .fi-nf-pares{grid-template-columns:1fr}

  /* checkout: formas e botões quebram linha */
  .fi-modal-ck .m-cab h2{font-size:18px}
  .fi-formas{gap:8px}
  .fi-formas label{border:1px solid var(--linha-2);border-radius:999px;padding:8px 14px;background:#fff}
  .fi-formas label:has(input:checked){border-color:var(--azul);background:var(--azul-suave);color:var(--azul)}
  .fi-ck-caixa{padding:10px}
  .fi-ck-g{grid-template-columns:1fr;gap:12px}
  .fi-ck-g .fi-vazia{display:none}
  .fi-span2,.fi-span3{grid-column:auto}
  .fi-cart-lin{grid-template-columns:1fr 1fr}
  .fi-cart-n{grid-column:1/-1;padding-bottom:0}
  .fi-sub-lin{padding-left:0}
  table.tab.resp tr.fi-sub td{display:block}
  table.tab.resp tr.fi-sub .fi-sub-lin .btn{width:100%;justify-content:center;height:40px}
  .fi-aviso-acoes .btn.link{height:32px}
  .fi-ck-pago{padding-top:0}
  .fi-conf-l{flex-direction:column;gap:4px}
  .modal .m-rodape{gap:8px}
  .modal .m-rodape .btn{min-width:calc(50% - 4px)}

  /* NFS-e */
  .fi-nf-g1,.fi-nf-g2,.fi-nf-end,.fi-nf-end2{grid-template-columns:1fr}
  .fi-nf-end>.campo:last-child{grid-column:auto}
  .fi-buscar-cep{justify-self:start;margin:0}

  /* página do financeiro */
  /* 07/11 (Dr.): o botão de imprimir caía embaixo do título; fica ao lado, como no CRC */
  .fi-pag .titulo-pag{flex-wrap:nowrap}
  .fi-pag .titulo-pag .acoes{width:auto;margin-left:auto}
  .fi-pag .titulo-pag .acoes .btn{flex:none}
  .fi-lateral{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:6px;scrollbar-width:none}
  .fi-lateral::-webkit-scrollbar{display:none}
  .fi-lateral .tit{display:none}
  .fi-lateral a{white-space:nowrap;flex:none}
  .fi-filtros{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .fi-filtros .campo{width:auto}
  .fi-filtros .fi-filtro-busca,.fi-filtros .fi-atalhos,.fi-filtros>.check{grid-column:1/-1;min-width:0}
  .fi-atalhos .btn{flex:1;justify-content:center}
  .fi-totais{grid-template-columns:1fr 1fr}
  .fi-tot-geral{grid-column:1/-1}
  .fi-tot b{font-size:16px}
}
/* Caixa: por dia, vendas x recebido (28/10) */
.fi-por-dia{margin:12px 0 16px;border:1px solid var(--linha);border-radius:10px;background:#fff;padding:8px 12px}
.fi-por-dia summary{cursor:pointer;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;padding:4px 0}
.fi-por-dia .tabela-env{margin-top:8px}
.fi-por-dia-aj{font-size:12px;margin-top:6px}
/* régua de cobrança (28/10) */
.fi-regua-hoje{border:1px solid #F3D27A;background:#FFFBEA;border-radius:10px;padding:10px 12px;margin:12px 0}
.fi-regua-it{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:8px 0;border-top:1px solid #F3E3B0}
.fi-regua-it:first-of-type{border-top:0}
.fi-regua-txt{font-size:13px;margin-top:4px;color:var(--tinta-2)}

/* Guias do Simples (01/11) */
.fi-gs-estado{padding:14px 16px}
.fi-gs-estado ul{margin:8px 0 0;padding-left:18px;line-height:1.6}
.fi-gs-tot{margin-top:10px;padding-top:10px;border-top:1px solid var(--linha)}
.fi-gs-dif{color:#8a5a00}

/* 02/11: impresso do planejamento: logo da clínica e do doutor em quadrado; endereço no rodapé */
.fi-doc-ids{display:flex;gap:28px;align-items:center;flex-wrap:wrap;border-bottom:2px solid var(--navy);padding-bottom:12px;margin-bottom:14px}
.fi-doc-id1{display:flex;align-items:center;gap:12px}
.fi-doc-id1 b{display:block;font-size:15px;color:var(--navy)}
.fi-doc-id1 small{display:block;font-size:12px;color:var(--cinza)}
.fi-doc-q{flex:none;width:64px;height:64px;border:1px solid var(--linha);border-radius:10px;overflow:hidden;background:#fff;display:grid;place-items:center}
.fi-doc-q img{width:100%;height:100%;object-fit:contain}
.fi-doc-q span{font-weight:700;font-size:20px;color:var(--navy)}
.fi-doc-rod{margin-top:22px;padding-top:10px;border-top:1px solid var(--linha);font-size:11.5px;color:var(--cinza);text-align:center}
.m-rodape .fi-rod-esq{margin-right:auto}

/* 02/11: texto com formatação (js/texto-rico.js) */
.tr{border:1px solid var(--linha);border-radius:8px;background:#fff}
.tr-barra{display:flex;flex-wrap:wrap;gap:2px;align-items:center;padding:4px 6px;border-bottom:1px solid var(--linha);background:var(--fundo-2,#f6f8fb);border-radius:8px 8px 0 0}
.tr-b{border:0;background:transparent;min-width:30px;height:28px;border-radius:6px;cursor:pointer;font-size:14px;color:var(--tinta)}
.tr-b:hover{background:#e8eef7}
.tr-cor{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:middle}
.tr-sep{width:1px;height:18px;background:var(--linha);margin:0 4px}
.tr-area{min-height:96px;max-height:260px;overflow:auto;padding:10px 12px;font-size:14px;line-height:1.5;outline:none}
.tr-off .tr-area{background:#fafbfc}
.fi-obs-pronta{max-width:260px;font-size:13px}

.fi-rep-lin{display:flex;justify-content:space-between;gap:12px;margin-top:6px;max-width:420px}
.fi-rep-saldo{border-top:1px solid var(--linha);padding-top:6px}
.fi-rep-lin b{white-space:nowrap}
/* 04/11 (Dr., na lista de planejamentos: "Aprovado" e "Assinado" encavalados): etiquetas uma embaixo da outra com folga */
.fi-chips{row-gap:6px}
.fi-chips .chip{line-height:1.4}
/* 04/11 (Dr., no celular: "ficou muito grande, muito espaço... ruim na hora de ler"): o lançamento vira um cartão curto.
 * Em cima o título e o menu; embaixo a data e a hora juntas; os três valores lado a lado; forma e parcelas numa linha. */
@media (max-width:760px){
  .fi-tab-fin tbody tr:not(.fi-sub){display:grid!important;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"t t m" "d h h" "k k k" "a b c" "f f p" "r r r";column-gap:10px;row-gap:2px;padding:12px}
  .fi-tab-fin tbody tr:not(.fi-sub) > td{padding:0;min-width:0}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(1){grid-area:m;justify-content:flex-end;align-self:start;padding:0}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(1) .icone-btn{width:34px;height:34px}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(2){grid-area:r;justify-content:stretch;padding-top:8px}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(2) .fi-btn-receber{width:100%;justify-content:center}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(3){grid-area:d;justify-content:flex-start;font-size:13px;color:var(--cinza)}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(4){grid-area:h;justify-content:flex-start;font-size:13px;color:var(--cinza)}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(3):before,.fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(4):before{display:none}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(5){grid-area:t;padding-bottom:2px;font-size:15px}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(5) .fi-trunca{white-space:normal}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(6){grid-area:k;justify-content:flex-start;font-size:13px}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(6):has(> .mudo:only-child){display:none!important}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(7){grid-area:a}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(8){grid-area:b}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(9){grid-area:c}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(n+7):nth-child(-n+9){flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;text-align:left;margin-top:8px;font-size:14px}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(n+7):nth-child(-n+9):before{font-size:11px}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(10){grid-area:f;justify-content:flex-start;font-size:13px;margin-top:6px}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(11){grid-area:p;justify-content:flex-end;font-size:13px;margin-top:6px}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(10):before{content:''}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(11):before{content:'Parcelas'}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(11) .btn.link{padding:0;min-height:0}
}
@media (max-width:760px){
  .fi-tab-fin tr.fi-sub td{padding:6px 12px}
  .fi-tab-fin .fi-sub-lin{flex-wrap:wrap;row-gap:4px}
  table.tab.resp.fi-tab-fin tr.fi-sub .fi-sub-lin .btn.primario{width:auto;margin-left:auto;height:34px;padding:0 14px}
}
/* 04/11 (Dr.: "não precisa deixar vermelho... dá uma poluída"): no Financeiro da ficha, saldo e parcela vencida sem vermelho;
 * o atraso fica dito em texto ("Vencida há 53 dias") e na etiqueta amarela */
.fi-tab-fin .fi-neg{color:var(--titulo,#1c2438)}
.fi-tab-fin tr.fi-sub.fi-sub-venc td{background:#FFFBEF}
.fi-tab-fin .fi-sub-venc .fi-sub-venc-txt{color:inherit;font-weight:600}
/* 04/11 (Dr.): itens aprovados no lançamento, sem cortar */
.fi-itens-aprov{margin:0;padding:0;list-style:none;white-space:normal;line-height:1.45}
.fi-itens-aprov li+li{margin-top:2px}
.fi-itens-aprov .mudo{font-size:12.5px}
/* 04/11 (Dr.: "tá estranho o layout... tem que ser uma coisa bem fácil"): a parcela em aberto, igual para todas */
.fi-sub-lin2{display:flex;align-items:center;gap:16px;padding-left:38px;white-space:normal;font-size:13px}
.fi-sub-a{display:flex;align-items:baseline;gap:12px;min-width:240px}
.fi-sub-n{font-weight:500}
.fi-sub-v{font-weight:700}
.fi-sub-b{display:flex;align-items:center;gap:10px;flex:1}
.fi-sub-q{color:var(--tinta-2,#555);flex:1}
.fi-sub-b .btn{margin-left:auto}
@media (max-width:760px){
  .fi-sub-lin2{flex-direction:column;align-items:stretch;gap:4px;padding-left:0}
  .fi-sub-a{justify-content:space-between;min-width:0}
  .fi-sub-b{gap:8px}
  .fi-sub-q{font-size:12.5px}
  table.tab.resp.fi-tab-fin tr.fi-sub .fi-sub-lin2 .btn{width:auto;height:34px;padding:0 14px;flex:none}
  .fi-saldo-rod{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
  .fi-rod-cart{margin-left:0}
}
.fi-rp-junto{display:flex;flex-direction:column;gap:6px}
.fi-sub-lin2{width:100%}
.fi-sub-q{text-align:left}
/* 04/11 (Dr., no celular: "ele pode ocupar mais esse espaço aqui"): os itens aprovados usam a largura toda do cartão; o menu
 * fica no canto de cima, por cima, sem tomar uma coluna */
@media (max-width:760px){
  .fi-tab-fin tbody tr:not(.fi-sub){position:relative;grid-template-areas:"t t t" "d h h" "k k k" "a b c" "f f p" "r r r"}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(1){position:absolute;top:8px;right:6px;width:auto!important}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(5){padding-right:34px}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(5) .fi-desc-cel{gap:6px;width:100%}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(5) .fi-link-ic{align-self:flex-start;margin-top:2px}
  .fi-tab-fin .fi-itens-aprov{flex:1;min-width:0}
}
.fi-etq-cart{margin:0 0 6px;gap:4px}
@media (max-width:760px){.fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(3),.fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(4){margin-top:6px}}
/* 04/11 (Dr.: "dá para aproveitar ainda melhor... para caber no celular"): itens em letra um pouco menor, mais juntos, e com a
 * etiqueta Carteira em cima (o menu fica na linha dela) os itens usam a largura inteira */
@media (max-width:760px){
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(5):has(.fi-etq-cart){padding-right:0}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(5) .fi-desc-cel{gap:4px}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(5) .fi-link-ic{width:18px;height:18px;padding:0;margin-top:1px}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(5) .fi-link-ic svg.ic{width:15px;height:15px}
  .fi-tab-fin .fi-itens-aprov{font-size:14px;line-height:1.35}
  .fi-tab-fin .fi-itens-aprov li+li{margin-top:3px}
  .fi-tab-fin .fi-itens-aprov .mudo{font-size:12px}
}
.fi-itens-aprov .mudo{white-space:nowrap}
/* 04/11 (Dr.): no celular a data abre o cartão, em destaque, no canto de cima à esquerda; a Carteira no canto de cima à direita */
.fi-etq-cel{display:none}
@media (max-width:760px){
  .fi-tab-fin tbody tr:not(.fi-sub){grid-template-areas:"d h h" "t t t" "k k k" "a b c" "f f p" "r r r"}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(3),.fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(4){margin-top:0;align-items:center}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(3){font-size:15px;font-weight:700;color:var(--titulo,#1c2438)}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(4){justify-content:space-between;padding-right:34px}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(5){margin-top:8px;padding-right:0}
  .fi-tab-fin td.cel-titulo > .fi-etq-cart{display:none}
  .fi-etq-cel{display:inline-flex}
  .fi-etq-cel .fi-etq-cart{margin:0}
}
@media (max-width:760px){.fi-tab-fin tbody tr:not(.fi-sub) > td,.fi-tab-fin tbody tr:not(.fi-sub):hover > td{background:transparent!important}}
.fi-hora-cel{display:none}
@media (max-width:760px){
  .fi-tab-fin tbody tr:not(.fi-sub){grid-template-areas:"d d h" "t t t" "k k k" "a b c" "f f p" "r r r"}
  .fi-hora-cel{display:inline;font-weight:400;color:var(--cinza);font-size:14px;margin-left:4px}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(4) > span:first-child{display:none}
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(4){justify-content:flex-end}
}
/* 04/11: o botão que abre e fecha as parcelas em aberto */
.fi-parc-tog{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.fi-parc-tog svg.ic{width:15px;height:15px;transition:transform .15s}
.fi-parc-tog.aberto svg.ic{transform:rotate(180deg)}
.fi-tab-fin tr.fi-sub.oculto{display:none!important}
.fi-parc-tog-cel{display:none}
@media (max-width:760px){
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(11):has(.fi-parc-tog):before{display:none}
  .fi-parc-tog-cel{display:inline}
}
/* 04/11: parcela já paga, ao abrir; e no celular sem a forma "Carteira" repetida (a etiqueta está no alto) nem o rodapé do saldo
 * (o saldo já está no cartão) */
.fi-tab-fin tr.fi-sub.fi-sub-paga td{background:#F5F8FB}
.fi-tab-fin tbody tr.fi-sub.fi-sub-paga:hover td{background:#EEF3F8}
@media (max-width:760px){
  .fi-tab-fin tbody tr:not(.fi-sub) > td:nth-child(10):has(.fi-forma-cart){visibility:hidden}
  .fi-saldo-rod{display:none!important}
}
@media (max-width:760px){.fi-tab-fin tbody tr:not(.fi-sub):has(.fi-parc-tog) > td:nth-child(10){visibility:hidden}}
/* 04/11 (Dr.: "procedimentos vão estar separados entre linhas?"): uma linha fina entre um item e outro */
.fi-itens-aprov li+li{border-top:1px solid var(--linha,#e3e7ee);padding-top:5px;margin-top:5px}
.fi-rp-junto .check{display:block;line-height:1.45}.fi-rp-junto .mudo{display:inline;white-space:nowrap}
.fi-rpj-t{display:flex;flex-direction:column;line-height:1.35}
.fi-rpj-t .mudo{font-size:13px}
.fi-rp-junto .check.fi-rpj{display:flex;align-items:center;gap:10px}
.fi-rp-info{align-items:center}
.fi-rp-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding:10px 0 0;border-top:1px solid var(--linha,#e3e7ee);font-size:15px}
.fi-rp-total b{font-size:17px}
.fi-rp-junto{margin-top:8px}
/* 04/11: janela Parcelas (⋮) em cartões curtos */
.fi-pl-comb{margin:0 0 10px;font-size:13.5px;color:var(--tinta-2,#555)}
.fi-pl-lista{display:flex;flex-direction:column;gap:8px}
.fi-pl{border:1px solid var(--linha,#e3e7ee);border-radius:10px;padding:10px 12px;background:#FFFBEF}
.fi-pl.paga{background:#F5F8FB}
.fi-pl.cancelada{background:#fff;opacity:.65}
.fi-pl-a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14.5px}
.fi-pl-n{font-weight:600}
.fi-pl-b{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:3px;font-size:13px}
.fi-pl-q{color:var(--tinta-2,#555)}
.fi-pl-obs{margin-top:4px;font-size:13px;color:var(--tinta-2,#555)}
.fi-pl-c{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}
.fi-pl-c .mudo{font-size:12px}
.fi-pl-acoes{display:flex;gap:6px;align-items:center}
.fi-pl-acoes .btn.so-ico-cel{width:34px;height:34px;padding:0;justify-content:center}
.fi-pl-acoes .btn.so-ico-cel .rot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fi-pl-acoes .btn.primario.peq{height:34px;padding:0 14px}
.fi-pl-tot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--linha,#e3e7ee)}
.fi-pl-tot div{display:flex;flex-direction:column;gap:2px}
.fi-pl-tot span{font-size:12px;color:var(--cinza,#777)}
.fi-pl-tot b{font-size:15px}
.fi-pl-bol{display:flex;align-items:center;gap:8px;margin-top:6px}
.fi-pl-bol-l{font-family:ui-monospace,Menlo,monospace;font-size:12px;word-break:break-all;color:var(--tinta-2,#555);flex:1}
.fi-pl-bol .btn.so-ico-cel{width:34px;height:34px;padding:0;justify-content:center}
.fi-pl-bol .btn.so-ico-cel .rot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* 05/11 (Dr.): a nota promissória dentro da parcela */
.fi-pl-np{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;padding:8px 10px;border:1px dashed var(--linha,#d9dee5);border-radius:8px;background:var(--fundo-2,#f7f9fb)}
.fi-pl-np-t{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}
.fi-pl-np-t svg{width:16px;height:16px}
.fi-pl-np-a{display:flex;gap:6px;margin-left:auto}
.fi-pl-npt{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:14px}
/* 05/11 (Dr.): no Caixa, o total aprovado ao lado do recebido, e a diferença */
.fi-tot-aprov{border-left-color:#1A73E8;background:#EEF4FE}
.fi-tot-aprov b{color:#0A1F38}
.fi-tot-dif b.fi-neg{color:#C62828}
.fi-totais:has(+ .fi-por-forma){grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.fi-por-forma{margin:-4px 0 14px}
.fi-por-forma>summary{cursor:pointer;font-size:13px;color:var(--tinta-2);padding:4px 2px;width:max-content}
.fi-por-forma[open]>summary{margin-bottom:8px}
/* 05/11 (Dr.: "tem que ficar bem simples... principalmente no celular"): o Caixa no celular */
.fi-filt-cel{display:none}
@media (max-width:600px){
  .fi-sec-cab p{display:none}
  .fi-filt-cel{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}
  .fi-filt-per{font-weight:600;font-size:14px}
  /* Dr., 07/11: o filtro aberto vai para a linha de baixo; em cima ficam o período e os atalhos */
  .fi-filtros .fi-filt-cel{grid-column:1/-1;order:-2}
  .fi-filtros .fi-atalhos{order:-1}
  .fi-filtros:not(.fi-filt-aberto)>.campo,.fi-filtros:not(.fi-filt-aberto)>.check{display:none}
  .fi-filtros{gap:10px;padding:12px}
  .fi-filtros .fi-atalhos{width:100%;display:grid;grid-template-columns:1fr 1.2fr 1fr 1.6fr 1fr;gap:5px}
  .fi-filtros .fi-atalhos .btn{padding:6px 2px;font-size:12px;justify-content:center}
  .fi-totais:has(+ .fi-por-forma){grid-template-columns:1fr 1fr;gap:8px}
  .fi-totais:has(+ .fi-por-forma) .fi-tot-geral{grid-column:auto}
  .fi-totais:has(+ .fi-por-forma) .fi-tot b{font-size:16px}
  .fi-totais:has(+ .fi-por-forma) .fi-tot{padding:10px 12px}
}
.fi-cel-dias,.fi-cel-rec{display:none}
@media (max-width:600px){
  .fi-por-dia .tabela-env,.fi-tab-caixa,.tabela-env:has(.fi-tab-caixa){display:none}
  .fi-cel-dias{display:block;margin-top:6px}
  .fi-cd{display:grid;grid-template-columns:60px 1fr 1fr 1fr;gap:4px;align-items:end;padding:8px 2px;border-top:1px solid var(--linha);font-size:13px;font-variant-numeric:tabular-nums}
  .fi-cd:first-child{border-top:0}
  .fi-cd-dia{color:var(--tinta-2);font-size:12px;line-height:1.2}.fi-cd-dia b{display:block;color:var(--tinta);font-size:14px}
  .fi-cd-v{text-align:right;line-height:1.25}.fi-cd-v span{display:block;font-size:10.5px;color:var(--tinta-2)}
  .fi-cel-rec{display:block;background:#fff;border-radius:10px;box-shadow:var(--sombra);margin-top:12px}
  .fi-cr{display:block;padding:10px 14px;border-top:1px solid var(--linha);color:inherit;text-decoration:none}
  .fi-cr:first-child{border-top:0}
  .fi-cr-a{display:flex;justify-content:space-between;gap:10px;font-size:15px}
  .fi-cr-b{font-size:12.5px;color:var(--tinta-2);margin-top:2px}
}
@media (max-width:600px){
  .fi-filt-per{flex:1;white-space:nowrap}
  .fi-por-dia>summary .mudo,.fi-por-dia-aj{display:none}
}
/* 05/11 (Dr.: "tá tudo muito espremido... vê no Clinicorp"): Caixa no desenho da Conta Corrente do Clinicorp */
.fi-cc-tots{display:grid;grid-template-columns:repeat(2,minmax(0,320px));gap:12px;margin-bottom:10px}
.fi-cc-tot{background:#fff;border:1px solid var(--linha);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.fi-cc-tot-c{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--tinta-2)}
.fi-cc-ico{width:30px;height:30px;border-radius:8px;display:grid;place-items:center}
.fi-cc-ico svg{width:17px;height:17px}
.fi-cc-tot b{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}
.fi-cc-tot small{font-size:12px;color:var(--cinza)}
.fi-cc-tot.apr b{color:#2F6FDB}.fi-cc-tot.apr .fi-cc-ico{background:#E8F0FD;color:#2F6FDB}
.fi-cc-tot.rec b{color:#2E8B47}.fi-cc-tot.rec .fi-cc-ico{background:#E6F4EA;color:#2E8B47}
.fi-cc-dias{display:flex;flex-direction:column;gap:10px}
.fi-cc-dia{background:#fff;border:1px solid var(--linha);border-radius:12px}
.fi-cc-dia>summary{list-style:none;display:grid;grid-template-columns:52px 1fr 130px 130px 28px;align-items:center;gap:14px;padding:10px 14px;cursor:pointer}
.fi-cc-dia>summary::-webkit-details-marker{display:none}
.fi-cc-data{border:1px solid var(--linha);border-radius:8px;text-align:center;padding:4px 0;line-height:1.1}
.fi-cc-data b{display:block;font-size:20px}.fi-cc-data span{font-size:10px;color:var(--tinta-2);letter-spacing:.06em}
.fi-cc-sem b{display:block;font-size:14.5px}.fi-cc-sem span{font-size:12.5px;color:var(--tinta-2)}
.fi-cc-sv{text-align:right;font-variant-numeric:tabular-nums}
.fi-cc-sv span{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2)}
.fi-cc-sv b{font-size:15px}.fi-cc-sv.apr b{color:#2F6FDB}.fi-cc-sv.rec b{color:#2E8B47}
.fi-cc-seta{color:var(--tinta-2);transition:transform .15s}.fi-cc-dia[open] .fi-cc-seta{transform:rotate(180deg)}
.fi-cc-lista{margin:0 14px 12px;border:1px solid var(--linha);border-radius:10px;overflow:hidden}
.fi-cc-l{display:grid;grid-template-columns:48px 190px minmax(0,1fr) minmax(0,190px) minmax(0,150px) 120px minmax(56px,max-content);align-items:center;gap:12px;padding:9px 12px;border-top:1px solid var(--linha);font-size:13.5px}
.fi-cc-l:first-child{border-top:0}
.fi-cc-l.canc{opacity:.55;text-decoration:line-through}
.fi-cc-h{color:var(--tinta-2);font-variant-numeric:tabular-nums}
.fi-cc-t{display:flex;gap:4px;flex-wrap:wrap}
.fi-cc-d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fi-cc-p{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fi-cc-dr{color:var(--tinta-2);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fi-cc-v{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.fi-cc-v small{display:block;font-weight:400;font-size:11px;color:var(--tinta-2)}
.fi-cc-v.apr{color:#2F6FDB}.fi-cc-v.rec{color:#2E8B47}
.fi-cc-docs{display:flex;justify-content:flex-end;gap:2px}
/* a lista do dia se arruma pela largura dela (painel lateral, tablet, celular), não pela da tela */
.fi-cc-dias{container-type:inline-size}
@container (max-width:860px){
  .fi-cc-l{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"h p v" "h t v" "h d docs" "h dr docs";row-gap:3px}
  .fi-cc-h{grid-area:h;align-self:start}.fi-cc-t{grid-area:t}.fi-cc-d{grid-area:d;font-size:12.5px;color:var(--tinta-2)}.fi-cc-p{grid-area:p}.fi-cc-dr{grid-area:dr}.fi-cc-v{grid-area:v;align-self:start}.fi-cc-docs{grid-area:docs}
}
@media (max-width:600px){
  .fi-cc-tots{grid-template-columns:1fr 1fr;gap:8px}
  .fi-cc-tot{padding:10px 12px}.fi-cc-tot b{font-size:18px}.fi-cc-ico{display:none}
  .fi-cc-dia>summary{grid-template-columns:44px 1fr 22px;grid-template-areas:"dt sem seta" "dt v seta";row-gap:2px;gap:10px;padding:10px 12px}
  .fi-cc-data{grid-area:dt}.fi-cc-sem{grid-area:sem}.fi-cc-seta{grid-area:seta}
  .fi-cc-sv{display:inline-block;text-align:left}
  .fi-cc-dia>summary .fi-cc-sv.apr{grid-area:v}
  .fi-cc-dia>summary .fi-cc-sv.rec{grid-area:v;justify-self:end}
  .fi-cc-lista{margin:0 8px 10px}
  .fi-cc-l{grid-template-columns:40px 1fr auto;gap:8px;padding:8px 10px}
}
/* 07/11 revisão: sem lançamento, a linha "Nenhum lançamento" caía na grade do cartão (célula 1 = cantinho do menu)
   e aparecia uma faixa branca vazia. A linha vazia é um bloco simples. */
@media(max-width:760px){
  .fi-tab-fin tbody tr.fi-sem-hover{display:block!important;padding:0}
  .fi-tab-fin tbody tr.fi-sem-hover > td:nth-child(1){display:block;position:static;padding:8px 0;width:auto}
}

/* 08/11: observação fechada mostra só o texto (sem a barra de cores); "Editar" abre */
.tr.tr-fechado{position:relative;border-color:transparent;background:transparent}
.tr.tr-fechado .tr-barra{display:none}
.tr.tr-fechado .tr-area{min-height:0;max-height:none;padding:6px 0;background:transparent;cursor:default}
.tr.tr-fechado.tr-vazio .tr-area{display:none}
.tr-editar{border:0;background:none;color:var(--azul);font:inherit;font-size:14px;font-weight:500;cursor:pointer;padding:2px 0}

/* 08/11 (Dr.: "na versão celular para criar o planejamento tá meio bagunçado... uma repaginada, mantendo o contexto, numa versão
   mais Apple"): fundo cinza-claro com cartões brancos; os dados em linhas (rótulo à esquerda, valor à direita); a ordem segue
   o uso: dados, os itens com o total e o Aprovar, o Adicionar procedimento e, por último, as observações. Computador igual. */
@media(max-width:760px){
  .modal:has(.fi-orc) .m-corpo{background:#F2F3F7}
  .fi-orc{display:flex;flex-direction:column;gap:14px}
  .fi-orc-esq,.fi-orc-dir{display:contents}
  #fo-aviso-aceite{order:0}
  .fi-orc-l1{order:1}
  .fi-orc-l2{order:2}
  .fi-orc-lista{order:3}
  #fo-rodape-orc{order:4}
  .fi-inc{order:5}
  .fi-orc-esq > .campo.mt8{order:6}
  /* dados: um cartão só, em linhas */
  .fi-orc-l1,.fi-orc-l2{background:#fff;border:1px solid var(--linha);display:block!important;padding:0 14px;margin:0!important}
  .fi-orc-l1{border-radius:12px 12px 0 0;border-bottom:0}
  .fi-orc-l2{border-radius:0 0 12px 12px;margin-top:-14px!important}
  .fi-orc-l1 .campo,.fi-orc-l2 .campo{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin:0;padding:6px 0;border-bottom:1px solid var(--linha)}
  .fi-orc-l2 .campo{border-bottom:0}
  .fi-orc-l1 .campo label,.fi-orc-l2 .campo label{margin:0;font-size:15px;font-weight:400;color:var(--tinta);flex:none}
  .fi-orc-l1 .campo input,.fi-orc-l1 .campo select,.fi-orc-l2 .campo select{border:0!important;background:transparent;text-align:right;text-align-last:right;font-size:15px;color:var(--tinta-2);padding:6px 0;min-width:0;flex:1;box-shadow:none!important}
  .fi-orc-l1 .campo input::placeholder{color:#b0b8c4}
  /* itens, total e aprovar: cabeçalho claro no lugar da barra preta */
  .fi-orc-lista{background:#fff;border:1px solid var(--linha);border-radius:12px;overflow:hidden}
  .fi-orc-lista .fi-barra.barra-escura{background:#fff;color:var(--tinta);border-bottom:1px solid var(--linha);padding:8px 10px 8px 14px}
  .fi-orc-lista .fi-barra.barra-escura > span:first-child{font-size:13px;font-weight:600;color:var(--cinza);text-transform:uppercase;letter-spacing:.03em}
  .fi-orc-lista .fi-barra .fi-barra-btn{background:#fff;color:var(--tinta-2);border:1px solid var(--linha);width:34px;height:34px;padding:0;justify-content:center;border-radius:8px}
  .fi-orc-lista .fi-barra .fi-barra-btn svg{width:16px;height:16px}
  .fi-orc-lista .fi-barra .icone-btn{color:var(--tinta-2)}
  #fo-rodape-orc .btn{width:100%;height:44px;border-radius:10px;font-size:15px}
  /* adicionar procedimento: cartão com título, campos em linhas e o botão azul de verdade */
  .fi-inc{box-shadow:none;border:1px solid var(--linha);border-radius:12px;background:#fff;margin:0;position:relative;padding-top:34px}
  .fi-inc::before{content:"Adicionar procedimento";position:absolute;top:12px;left:14px;font-size:13px;font-weight:600;color:var(--cinza);text-transform:uppercase;letter-spacing:.03em}
  .fi-inc-campos{padding:0 14px 6px}
  .fi-inc .campo label{font-size:13px;color:var(--cinza);font-weight:400}
  .fi-inc-nums{display:grid!important;grid-template-columns:1fr 1fr;gap:4px 14px}
  .fi-inc-nums .ajuda{font-size:11px}
  .fi-inc-mais{height:44px;border-radius:0 0 12px 12px;font-size:15px;background:#C9DDF6}
  .fi-inc-mais:not([disabled]){background:#1A73E8;cursor:pointer}
  /* observações por último, num cartão */
  .fi-orc-esq > .campo.mt8{background:#fff;border:1px solid var(--linha);border-radius:12px;padding:10px 14px;margin:0}
  .fi-orc-esq > .campo.mt8 > .linha-flex > label{font-size:13px;font-weight:600;color:var(--cinza);text-transform:uppercase;letter-spacing:.03em}
  .fi-orc-esq > .campo.mt8 .fi-obs-pronta{max-width:58%;font-size:14px}
}
@media(max-width:760px){
  .fi-orc-l1 .campo,.fi-orc-l2 .campo{flex-direction:row!important;text-align:left}
  .fi-orc-l1 .campo label,.fi-orc-l2 .campo label{text-align:left}
  .fi-orc-l1 .campo input[type=date]{max-width:150px}
}
@media(max-width:760px){
  /* item da lista: o valor na mesma linha, à direita, em vez da faixa verde (lista do iPhone) */
  #fo-itens .fi-item{display:grid;grid-template-columns:1fr auto;align-items:start;gap:6px 10px;padding:12px 14px;background:#fff;border-bottom:1px solid var(--linha)}
  #fo-itens .fi-item .esq{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:0;background:none}
  #fo-itens .fi-item .fi-item-txt{flex:1;min-width:0;font-size:13px;color:var(--cinza)}
  #fo-itens .fi-item .fi-item-txt b{display:block;font-size:15px;font-weight:500;color:var(--tinta);margin-bottom:2px}
  #fo-itens .fi-item .val{background:none!important;color:var(--tinta)!important;font-weight:600;font-size:15px;padding:0!important;text-align:right;white-space:nowrap;grid-column:2;grid-row:1}
  #fo-itens .fi-item .fi-item-tirar{border:0;background:none;color:#C62828;width:auto;height:auto;padding:2px;margin-left:auto}
  #fo-itens .fi-item .esq input[type=checkbox]{margin-top:3px}
}

/* item 129 (08/11): o emissor escrito ao lado da nota (Caixa e pagamento); só interno */
.icone-btn.fi-nf-com-emis{width:auto;padding:0 6px;gap:4px;display:inline-flex;align-items:center}
.fi-nf-com-emis small{font-size:11.5px;color:var(--tinta-2);white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}
.fi-nf-emis{align-self:center;margin-right:4px;display:inline-block;max-width:170px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}