@charset "UTF-8";
/* Estilos das telas: kanban, conversa e construtor de automacao. */

/* ═══════════ Barra de filtros ═══════════ */
.barra-filtros{
  display:flex; align-items:center; gap:.6rem; flex-wrap:wrap;
  background:var(--carta); border:1px solid var(--linha);
  border-radius:var(--r-g); padding:.7rem .85rem; margin-bottom:1rem;
}
.busca{
  display:flex; align-items:center; gap:.5rem; flex:1; min-width:220px;
  background:var(--fundo); border:1px solid var(--linha);
  border-radius:12px; padding:.42rem .7rem; color:var(--tx3);
}
.busca input{ flex:1; border:0; background:none; font-size:.86rem; outline:0; color:var(--tx); }
.barra-filtros select{
  background:var(--carta); border:1px solid var(--linha); border-radius:12px;
  padding:.45rem .7rem; font-size:.84rem; color:var(--tx);
}
.chip{
  display:inline-flex; align-items:center; gap:.4rem;
  border:1px solid var(--linha); border-radius:99px;
  padding:.42rem .8rem; font-size:.82rem; color:var(--tx2); background:var(--carta);
}
.chip:hover{ border-color:var(--ouro); }
.chip--ativo{ background:var(--ouro); border-color:var(--ouro); color:#fff; font-weight:600; }

.alternador{
  display:inline-flex; background:var(--fundo);
  border:1px solid var(--linha); border-radius:12px; padding:2px;
}
.alternador__btn{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.35rem .7rem; border-radius:10px; font-size:.82rem; color:var(--tx2);
}
.alternador__btn.ativo{ background:var(--carta); color:var(--tx); font-weight:600; box-shadow:var(--sombra); }

/* ═══════════ Kanban ═══════════ */
.quadro{
  display:flex; gap:.9rem; overflow-x:auto; padding-bottom:.6rem;
  align-items:flex-start; min-height:60vh;
}
.coluna{
  flex:0 0 276px; background:var(--carta); border:1px solid var(--linha);
  border-radius:var(--r-g); display:flex; flex-direction:column;
  max-height:calc(100vh - var(--topo-h) - 200px);
}
.coluna__topo{
  display:flex; align-items:center; gap:.5rem;
  padding:.75rem .9rem; border-bottom:1px solid var(--linha);
  font-size:.85rem; font-weight:600;
}
.coluna__ponto{ width:8px; height:8px; border-radius:50%; flex:none; }
.coluna__n{
  margin-left:auto; background:var(--fundo); color:var(--tx2);
  font-size:.73rem; font-weight:600; padding:.05rem .45rem; border-radius:99px;
}
.coluna__lista{
  padding:.6rem; overflow-y:auto; display:flex; flex-direction:column;
  gap:.55rem; min-height:70px; flex:1;
}
.coluna--alvo{ background:rgba(186,159,104,.06); }
.coluna--alvo .coluna__lista{ outline:2px dashed var(--ouro); outline-offset:-4px; border-radius:12px; }

.ficha{
  background:var(--carta); border:1px solid var(--linha); border-left:3px solid transparent;
  border-radius:12px; padding:.7rem .75rem; cursor:grab; transition:box-shadow .15s, transform .1s;
}
.ficha:hover{ box-shadow:var(--sombra-g); }
.ficha:active{ cursor:grabbing; }
.ficha--arrastando{ opacity:.35; }
.ficha--esperando{ border-left-color:var(--erro); }
.coluna__valor{
  padding:0 .9rem .5rem; font-size:.76rem; font-weight:600; color:var(--ouro-esc);
}
.ficha__topo{ display:flex; align-items:baseline; gap:.5rem; }
.ficha__nome{ font-weight:600; font-size:.88rem; flex:1; }
.ficha__valor{ font-size:.78rem; font-weight:700; color:var(--ok); white-space:nowrap; }
.ficha__sub{ color:var(--tx2); font-size:.79rem; margin-top:.1rem; }
.ficha__tags{ display:flex; flex-wrap:wrap; gap:.3rem; margin-top:.45rem; }
.tag{
  display:inline-flex; align-items:center; gap:.25rem;
  background:var(--fundo); border:1px solid var(--linha); border-radius:9px;
  padding:.1rem .4rem; font-size:.72rem; color:var(--tx2);
}
.tag svg{ opacity:.7; }
.ficha__tarefa{
  display:flex; align-items:center; gap:.3rem; margin-top:.5rem;
  font-size:.74rem; color:var(--tx2); background:var(--fundo);
  border-radius:9px; padding:.28rem .45rem;
}
.ficha__tarefa.atrasada{ background:#FEF2F2; color:#B91C1C; }
:root[data-tema="escuro"] .ficha__tarefa.atrasada{ background:#2A1416; color:#FCA5A5; }
.ficha__origem{ font-size:.71rem; color:var(--tx3); }
.ficha__msg{
  color:var(--tx2); font-size:.77rem; margin-top:.4rem;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.ficha__pe{ display:flex; align-items:center; gap:.35rem; margin-top:.6rem; }
.ficha__espera{ margin-left:auto; font-size:.73rem; font-weight:600; }
.espera--ok{ color:var(--tx3); }
.espera--atencao{ color:var(--alerta); }
.espera--critico{ color:var(--erro); }

/* ═══════════ Gaveta ═══════════ */
.veu{ position:fixed; inset:0; background:rgba(15,23,41,.45); z-index:50; }
.gaveta{
  position:fixed; top:0; right:0; width:min(480px,100%); height:100vh;
  background:var(--carta); z-index:51; display:flex; flex-direction:column;
  box-shadow:-8px 0 32px rgba(0,0,0,.18);
}
.gaveta__topo{
  display:flex; align-items:flex-start; gap:1rem;
  padding:1.1rem 1.2rem; border-bottom:1px solid var(--linha);
}
.gaveta__topo h2{ font-size:1.05rem; font-weight:600; }
.gaveta__tel{ color:var(--tx2); font-size:.82rem; margin-top:.15rem; }
/* Barra de quem conduz o atendimento */
.barra-atend{
  display:flex; align-items:center; gap:.6rem; flex-wrap:wrap;
  padding:.7rem 1.1rem; font-size:.82rem; border-bottom:1px solid var(--linha);
}
.barra-atend svg{ flex:none; }
.barra-atend span{ flex:1; min-width:150px; }
.barra-atend .btn{ flex:none; }
.barra-atend--ia{ background:#F5F3FF; color:#5B21B6; }
.barra-atend--humano{ background:#ECFDF5; color:#065F46; }
.barra-atend--fim{ background:var(--fundo); color:var(--tx2); }
:root[data-tema="escuro"] .barra-atend--ia{ background:#1E1B33; color:#C4B5FD; }
:root[data-tema="escuro"] .barra-atend--humano{ background:#0F2620; color:#6EE7B7; }

.abas{ display:flex; border-bottom:1px solid var(--linha); padding:0 .6rem; }
.aba{
  padding:.7rem .8rem; font-size:.85rem; color:var(--tx2);
  border-bottom:2px solid transparent; font-weight:500;
}
.aba--ativa{ color:var(--ouro-esc); border-bottom-color:var(--ouro); font-weight:600; }
.aba-conteudo{ flex:1; overflow-y:auto; display:flex; flex-direction:column; }

.conversa{ flex:1; overflow-y:auto; padding:1.1rem; display:flex; flex-direction:column; gap:.5rem; }
.balao{
  max-width:80%; padding:.55rem .75rem; border-radius:12px;
  font-size:.86rem; line-height:1.45; white-space:pre-wrap; word-break:break-word;
}
.balao--recebida{ background:var(--fundo); border:1px solid var(--linha); align-self:flex-start; border-bottom-left-radius:3px; }
.balao--enviada{ background:#DCF8C6; color:#111; align-self:flex-end; border-bottom-right-radius:3px; }
.balao--auto{ background:#FEF3C7; color:#111; }
.balao time{ display:block; font-size:.67rem; opacity:.65; margin-top:.25rem; }
.responder{ display:flex; gap:.5rem; padding:.8rem; border-top:1px solid var(--linha); }
.responder textarea{
  flex:1; resize:none; border:1px solid var(--linha); border-radius:12px;
  padding:.5rem .65rem; font-size:.86rem; background:var(--carta); color:var(--tx);
}

/* Respostas rapidas: o que o Samuel escreve toda hora, a um toque */
.respostas-rapidas{
  display:flex; gap:.35rem; flex-wrap:wrap; padding:0 .8rem .8rem;
}
.chip-rapida{
  border:1px solid var(--linha); border-radius:99px;
  padding:.28rem .65rem; font-size:.76rem; color:var(--tx2); background:var(--carta);
}
.chip-rapida:hover{ border-color:var(--ouro); color:var(--ouro-esc); }

.mini-select{
  background:var(--fundo); border:1px solid var(--linha); border-radius:10px;
  padding:.22rem .45rem; font-size:.76rem; color:var(--tx);
}
.mini-btn{
  display:inline-flex; align-items:center; gap:.3rem;
  background:#25D366; color:#fff; border-radius:10px;
  padding:.25rem .55rem; font-size:.76rem; font-weight:600;
}

.evento{ display:flex; gap:.6rem; padding:.7rem 1.1rem; font-size:.85rem; }
.evento__ponto{
  width:7px; height:7px; border-radius:50%; background:var(--ouro);
  flex:none; margin-top:.42rem;
}
.evento time{ display:block; font-size:.72rem; color:var(--tx3); margin-top:.1rem; }

/* ═══════════ Construtor de automacao ═══════════ */
.fluxo-layout{ display:grid; grid-template-columns:250px 1fr 320px; gap:1rem; align-items:start; }
@media (max-width:1200px){ .fluxo-layout{ grid-template-columns:1fr; } }

.paleta{ display:flex; flex-direction:column; gap:.5rem; }
.peca{
  display:flex; align-items:center; gap:.65rem; width:100%;
  background:var(--carta); border:1px solid var(--linha); border-radius:var(--r);
  padding:.65rem .75rem; text-align:left; transition:border-color .15s, box-shadow .15s;
}
.peca:hover{ border-color:var(--ouro); box-shadow:var(--sombra); }
.peca__ico{
  width:32px; height:32px; border-radius:8px; flex:none;
  display:grid; place-items:center; color:#fff;
}
.peca__ico svg{ width:16px; height:16px; }
.peca b{ display:block; font-size:.84rem; font-weight:600; }
.peca small{ color:var(--tx2); font-size:.75rem; }

.trilha{
  background:var(--carta); border:1px solid var(--linha); border-radius:var(--r-g);
  padding:1.1rem; min-height:340px; display:flex; flex-direction:column; gap:.65rem;
}
.no{
  border:1.5px solid var(--linha); border-radius:var(--r);
  background:var(--carta); overflow:hidden; transition:border-color .15s;
}
.no--sel{ border-color:var(--ouro); box-shadow:0 0 0 3px rgba(186,159,104,.14); }
.no__topo{
  display:flex; align-items:center; gap:.55rem;
  padding:.6rem .75rem; background:var(--fundo); border-bottom:1px solid var(--linha);
}
.no__ico{ width:24px; height:24px; border-radius:9px; display:grid; place-items:center; color:#fff; flex:none; }
.no__ico svg{ width:13px; height:13px; }
.no__tipo{ font-size:.78rem; font-weight:600; }
.no__acoes{ margin-left:auto; display:flex; gap:.15rem; }
.no__acoes button{ width:24px; height:24px; border-radius:9px; color:var(--tx3); display:grid; place-items:center; }
.no__acoes button:hover{ background:var(--linha); color:var(--tx); }
.no__acoes svg{ width:13px; height:13px; }
.no__corpo{ padding:.7rem .8rem; font-size:.85rem; }
.no__texto{ white-space:pre-wrap; word-break:break-word; }
.no__vazio{ color:var(--tx3); font-style:italic; }
.no__botoes{ display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.6rem; }
.no__botao{
  background:var(--fundo); border:1px solid var(--linha); border-radius:99px;
  padding:.2rem .65rem; font-size:.76rem; color:var(--tx2);
}
.seta-baixo{ text-align:center; color:var(--tx3); font-size:1rem; line-height:1; }

.trilha__vazia{
  border:2px dashed var(--linha); border-radius:var(--r);
  padding:2.4rem 1rem; text-align:center; color:var(--tx2); font-size:.87rem;
}

.editor{ position:sticky; top:calc(var(--topo-h) + 1rem); }
.editor__vazio{ padding:2rem 1.2rem; text-align:center; color:var(--tx2); font-size:.86rem; }

/* ═══════════ Simulador ═══════════ */
.celular{
  width:300px; margin:0 auto; background:#0B141A; border-radius:26px;
  padding:.55rem; box-shadow:var(--sombra-g);
}
.celular__tela{
  background:#0B141A; border-radius:20px; overflow:hidden;
  display:flex; flex-direction:column; height:480px;
}
.celular__topo{
  background:#1F2C34; color:#fff; padding:.7rem .9rem;
  display:flex; align-items:center; gap:.6rem; font-size:.85rem;
}
.celular__topo .avatar{ width:26px; height:26px; font-size:.62rem; }
.celular__msgs{
  flex:1; overflow-y:auto; padding:.8rem; display:flex;
  flex-direction:column; gap:.4rem;
  background:#0B141A;
}
.sim-balao{
  max-width:82%; padding:.45rem .6rem; border-radius:12px;
  font-size:.8rem; line-height:1.4; white-space:pre-wrap; word-break:break-word;
}
.sim-balao--bot{ background:#1F2C34; color:#E9EDEF; align-self:flex-start; }
.sim-balao--eu{ background:#005C4B; color:#E9EDEF; align-self:flex-end; }
.sim-botoes{ display:flex; flex-direction:column; gap:.3rem; align-self:flex-start; width:82%; }
.sim-botao{
  background:#1F2C34; color:#53BDEB; border-top:1px solid #2A3942;
  padding:.45rem; border-radius:10px; font-size:.78rem; text-align:center; width:100%;
}
.sim-botao:hover{ background:#2A3942; }
.celular__pe{ padding:.6rem; background:#1F2C34; display:flex; gap:.4rem; }
.celular__pe input{
  flex:1; background:#2A3942; border:0; border-radius:99px;
  padding:.45rem .8rem; color:#E9EDEF; font-size:.8rem;
}
.celular__pe input::placeholder{ color:#8696A0; }

/* ═══════════════ Minha conta ═══════════════ */
.conta{
  display:grid; grid-template-columns:320px minmax(0,1fr);
  gap:1.2rem; align-items:start;
}
.conta__coluna{ display:grid; gap:1.2rem; min-width:0; }

.conta__resumo{ padding:1.8rem 1.4rem 1.4rem; text-align:center; }
.conta__avatar{ display:flex; justify-content:center; margin-bottom:1rem; }
.conta__avatar img{ border-radius:50%; object-fit:cover; }
.avatar--g{ border-radius:50%; font-weight:700; letter-spacing:.02em; }
.conta__nome{ font-family:var(--marca); font-size:1.15rem; font-weight:700; }
.conta__email{ font-size:.84rem; color:var(--tx2); margin:.2rem 0 .7rem; word-break:break-all; }

.conta__linhas{
  margin-top:1.3rem; padding-top:1.1rem; border-top:1px solid var(--linha);
  display:grid; gap:.7rem; text-align:left;
}
.conta__linha{ display:flex; align-items:center; gap:.6rem; font-size:.83rem; color:var(--tx2); }
.conta__linha svg{ flex:none; color:var(--tx3); }
.conta__linha strong{ color:var(--tx); font-weight:600; }

.selo--ouro{ background:rgba(186,159,104,.16); color:var(--ouro-esc); }
:root[data-tema="escuro"] .selo--ouro{ background:rgba(186,159,104,.2); color:var(--ouro); }

/* Foto de perfil */
.foto-campo{
  display:flex; flex-direction:column; align-items:center; gap:.5rem;
  padding-bottom:1.4rem; margin-bottom:1.3rem; border-bottom:1px solid var(--linha);
}
.rotulo-centro{ font-size:.8rem; font-weight:500; color:var(--tx2); }
.dica-centro{ font-size:.74rem; color:var(--tx3); text-align:center; line-height:1.45; }
.foto-alvo{
  width:104px; height:104px; border-radius:50%; padding:0; overflow:hidden;
  border:2px dashed var(--linha); background:var(--fundo);
  display:grid; place-items:center; transition:border-color .15s, background .15s;
}
.foto-alvo:hover, .foto-alvo--sobre{ border-color:var(--ouro); background:rgba(186,159,104,.07); }
.foto-alvo img{ width:100%; height:100%; object-fit:cover; }
.foto-vazia{ display:grid; justify-items:center; gap:.15rem; color:var(--tx3); }
.foto-vazia em{ font-style:normal; font-size:.72rem; }

.campo small{ display:block; font-size:.74rem; color:var(--tx3); margin-top:.3rem; line-height:1.45; }
.cartao__corpo > .grade + .grade{ margin-top:.9rem; }
.cartao__corpo > .campo + .grade{ margin-top:.9rem; }

/* Mensagem de retorno do formulario */
.msg{ margin-top:.9rem; font-size:.83rem; font-weight:500; }
.msg--ok{ color:var(--ok); }
.msg--erro{ color:var(--erro); }

/* Sessao em uso */
.sessao{
  display:flex; align-items:center; gap:.85rem;
  padding:.85rem 1rem; border-radius:var(--r); background:var(--fundo);
}
.sessao__ico{ display:grid; place-items:center; color:var(--tx2); flex:none; }
.sessao strong{ display:block; font-size:.87rem; font-weight:600; }
.sessao small{ font-size:.76rem; color:var(--tx2); word-break:break-word; }
.sessao .selo{ margin-left:auto; flex:none; }

/* Avatar do topo com foto */
.usuario__foto{ width:30px; height:30px; border-radius:50%; object-fit:cover; flex:none; }

@media (max-width:900px){
  .conta{ grid-template-columns:1fr; }
}

/* ═══════════════ Tela de login ═══════════════ */
.tela-login{
  min-height:100vh; display:grid; place-items:center; padding:1.5rem;
  background:var(--barra);
}
.login{ width:100%; max-width:390px; text-align:center; }
.login__logo{ height:96px; width:auto; margin:0 auto .35rem; display:block; }
.login__sub{
  font-size:.68rem; color:#8C9182; letter-spacing:.14em;
  text-transform:uppercase; font-weight:600; margin-bottom:1.8rem;
}
.login__caixa{
  background:var(--carta); border:1px solid var(--linha);
  border-radius:var(--r-g); box-shadow:var(--sombra-g);
  padding:1.6rem 1.4rem 1.4rem; text-align:left;
  display:grid; gap:1rem;
}
.login__caixa .campo input{ padding:.7rem .8rem; font-size:.95rem; }
.btn--grande{ padding:.75rem 1rem; font-size:.95rem; }
.login__pe{
  margin-top:1.2rem; font-size:.75rem; color:#7C8274; line-height:1.5;
}

/* ═══════════════ Menu do usuario no topo ═══════════════ */
.usuario-caixa{ position:relative; }
.usuario__seta{
  width:13px; height:13px; color:var(--tx3); flex:none;
  transition:transform .18s;
}
.usuario[aria-expanded="true"] .usuario__seta{ transform:rotate(180deg); }
.usuario[aria-expanded="true"]{ background:var(--fundo); }

.menu-usuario{
  position:absolute; top:calc(100% + .45rem); right:0; z-index:50;
  min-width:196px; padding:.32rem;
  background:var(--carta); border:1px solid var(--linha);
  border-radius:var(--r); box-shadow:var(--sombra-g);
  display:grid; gap:2px;
}
.menu-usuario__item{
  display:flex; align-items:center; gap:.6rem; width:100%;
  padding:.55rem .65rem; border-radius:10px;
  font-size:.86rem; font-weight:500; color:var(--tx); text-align:left;
  transition:background .13s, color .13s;
}
.menu-usuario__item svg{ width:16px; height:16px; flex:none; color:var(--tx2); }
.menu-usuario__item:hover{ background:var(--fundo); }
.menu-usuario__item--sair{ color:var(--erro); }
.menu-usuario__item--sair svg{ color:var(--erro); }
.menu-usuario__item--sair:hover{ background:rgba(239,68,68,.09); }

/* ═══════════════════════ Cotações ═══════════════════════ */

.cot-layout{ display:grid; grid-template-columns:1fr 340px; gap:1rem; align-items:start; }
.cot-forms{ display:grid; gap:1rem; min-width:0; }
.cot-resumo{ position:sticky; top:calc(var(--topo-h) + 1rem); display:grid; gap:1rem; }

@media (max-width:1080px){
  .cot-layout{ grid-template-columns:1fr; }
  .cot-resumo{ position:static; }
}

/* Chave que liga um bloco inteiro do pacote */
.chave--secao{ width:100%; justify-content:flex-start; margin-bottom:.8rem; }
.chave--secao b{ font-size:.9rem; font-weight:600; }
.cartao__corpo > .chave--secao + [data-bloco]{
  padding:0 0 1.1rem .3rem; border-bottom:1px solid var(--linha); margin-bottom:1.1rem;
}
[data-bloco] > .campo + .campo, [data-bloco] > .campo + .grade,
[data-bloco] > .grade + .campo, [data-bloco] > .grade + .grade{ margin-top:.9rem; }
[data-mostrar] > .campo + .grade, [data-mostrar] > .grade + .campo,
[data-mostrar] > .campo + .campo{ margin-top:.9rem; }
.cartao__corpo > [data-mostrar] + .campo{ margin-top:.9rem; }

/* Linha de passeio: nome + custo + remover */
.linha-item{ display:flex; gap:.5rem; margin-bottom:.5rem; }
.linha-item input{
  flex:1; min-width:0; border:1px solid var(--linha); background:var(--carta);
  border-radius:10px; padding:.55rem .7rem; font:inherit; font-size:.86rem; color:var(--tx);
}
.linha-item input[type=number]{ flex:none; width:110px; }
.linha-item input:focus{ outline:0; border-color:var(--ouro); }
.btn-remover{
  flex:none; width:36px; border:1px solid var(--linha); background:var(--carta);
  border-radius:10px; color:var(--tx3); cursor:pointer; display:grid; place-items:center;
}
.btn-remover:hover{ background:rgba(239,68,68,.09); border-color:var(--erro); color:var(--erro); }

/* Faltava no painel.css: grade seguida de campo colava um no outro */
.cartao__corpo > .grade + .campo{ margin-top:.9rem; }

/* ── Prints ── */
.slots{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:.7rem; }
.slot-cx{
  border:1.5px dashed var(--linha); border-radius:12px; padding:.8rem .5rem;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:.4rem; min-height:96px; cursor:pointer; text-align:center; position:relative;
  transition:border-color .15s, background .15s;
}
.slot-cx:hover, .slot-cx:focus{ border-color:var(--ouro); background:rgba(186,159,104,.05); outline:0; }
.slot-cx svg{ color:var(--tx3); }
.slot-cx b{ font-size:.74rem; font-weight:500; color:var(--tx2); line-height:1.3; }
.slot-cx--cheio{ border-style:solid; border-color:var(--ouro); padding:.4rem; }
.slot-cx--cheio img{ width:100%; border-radius:8px; display:block; }
.slot-cx--subindo{ opacity:.5; pointer-events:none; }
.slot-x{
  position:absolute; top:4px; right:4px; width:22px; height:22px; border-radius:50%;
  background:rgba(0,0,0,.55); color:#fff; border:0; font-size:15px; line-height:1;
  cursor:pointer; display:grid; place-items:center;
}
.slot-x:hover{ background:var(--erro); }

/* ── Resumo do cálculo ── */
.custos{ width:100%; border-collapse:collapse; font-size:.85rem; }
.custos td{ padding:.42rem 0; border-bottom:1px solid var(--linha); }
.custos td:last-child{ text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.custos small{ display:block; font-size:.72rem; color:var(--tx3); }
.custos__total td{ font-weight:700; border-bottom:0; padding-top:.6rem; }

.preco{
  background:var(--fundo); border:1px solid var(--linha); border-radius:12px;
  padding:.85rem .9rem; margin-top:1rem;
}
.preco__linha{ display:flex; align-items:baseline; gap:.5rem; font-size:.85rem; }
.preco__linha + .preco__linha{ margin-top:.4rem; }
.preco__linha span{ color:var(--tx2); }
.preco__linha b{ margin-left:auto; font-size:1.05rem; font-variant-numeric:tabular-nums; }
.preco__linha--lucro b{ font-size:.95rem; }
.preco__nota{ font-size:.74rem; color:var(--tx3); margin-top:.5rem; }

.lucro--ok{ color:var(--ok); }
.lucro--zero{ color:var(--erro); }

.pagamentos{ display:grid; grid-template-columns:1fr 1fr; gap:.6rem; margin-top:.9rem; }
.pg{
  border:1px solid var(--ouro); border-radius:12px; padding:.7rem .6rem; text-align:center;
}
.pg span{ display:block; font-size:.72rem; color:var(--tx2); text-transform:uppercase; letter-spacing:.03em; }
.pg b{ display:block; font-size:.95rem; margin:.25rem 0 .15rem; color:var(--ouro-esc); }
.pg small{ font-size:.68rem; color:var(--tx3); }

/* ── Modal ── */
.modal-fundo{
  position:fixed; inset:0; background:rgba(15,23,41,.5); z-index:80;
  display:flex; align-items:center; justify-content:center; padding:1.2rem;
}
.modal{
  background:var(--carta); border-radius:var(--r-g); box-shadow:var(--sombra-g);
  width:100%; max-width:520px; max-height:88vh; display:flex; flex-direction:column;
}
.modal__topo{
  display:flex; align-items:center; gap:.8rem;
  padding:1.1rem 1.2rem .9rem; border-bottom:1px solid var(--linha);
}
.modal__topo h2{ font-family:var(--marca); font-size:1.05rem; font-weight:700; flex:1; }
.modal__x{
  width:28px; height:28px; border-radius:9px; border:0; background:none;
  color:var(--tx2); font-size:20px; line-height:1; cursor:pointer;
}
.modal__x:hover{ background:var(--fundo); color:var(--tx); }
.modal__corpo{ padding:1.2rem; overflow-y:auto; }
.modal__corpo .campo + .campo{ margin-top:.9rem; }
.modal__corpo textarea{
  border:1px solid var(--linha); border-radius:12px; padding:.7rem .8rem;
  font:inherit; font-size:.85rem; background:var(--carta); color:var(--tx); resize:vertical;
}
.modal__corpo textarea:focus{ outline:0; border-color:var(--ouro); }
.modal__pe{
  display:flex; justify-content:flex-end; gap:.6rem;
  padding:.9rem 1.2rem; border-top:1px solid var(--linha);
}