/* Módulo Clientes — só o que o app.css não cobre */
.cli-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px}
.cli-tile{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;background:var(--surface);border-radius:var(--r-m);border:0;box-shadow:0 1px 2px rgba(31,26,23,.04),0 12px 32px -24px rgba(90,40,40,.22);padding:14px 16px;min-width:0;transition:box-shadow .15s,background .15s}
.cli-tile:hover{box-shadow:var(--sh-2)}
.cli-tile:focus-visible{outline:3px solid var(--b-300);outline-offset:2px}
.cli-tile .l{font-size:13px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:7px;line-height:1.25}
.cli-tile .l .tom{width:10px;height:10px;flex:none;vertical-align:0}
.cli-tile .v{font-weight:600;letter-spacing:-.025em;font-size:20px;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}
.cli-tile[aria-pressed=true]{background:var(--b-50);box-shadow:0 0 0 1.5px var(--b-600)}
.cli-tile[aria-pressed=true] .l{color:var(--b-700)}
@media (max-width:700px){
  .cli-tiles{display:flex;overflow-x:auto;margin:0 -16px 16px;padding:2px 16px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .cli-tiles::-webkit-scrollbar{display:none}
  .cli-tile{flex:0 0 40%;scroll-snap-align:start}
  .cli-tile .v{font-size:28px}
}

/* avatar tingido pelo fototipo (escala de tom) */
.cli-av.t1{background:var(--tan-1);color:var(--b-900)}.cli-av.t2{background:var(--tan-2);color:var(--b-900)}.cli-av.t3{background:var(--tan-3);color:var(--b-900)}
.cli-av.t4{background:var(--tan-4);color:#3a1407}.cli-av.t5{background:var(--tan-5);color:#3a1407}.cli-av.t6{background:var(--tan-6);color:#fff}
.cli-nome{display:flex;align-items:center;gap:12px;min-width:0}
.cli-nome>div{min-width:0}
.cli-nome b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cli-nome small{display:block;color:var(--muted);font-size:13px;font-weight:400}
.cli-saldo{display:inline-grid;place-items:center;min-width:30px;height:26px;padding:0 9px;border-radius:var(--pill);background:var(--line-2);color:var(--faint);font-weight:600;font-variant-numeric:tabular-nums}
.cli-saldo.on{background:var(--tan-2);color:var(--b-900)}
.cli-mais{display:flex;justify-content:center;padding:16px}
@media (max-width:700px){table.t.resp td.prim{justify-content:flex-start;padding-bottom:6px}}

/* escala Fitzpatrick */
.cli-escala{flex-wrap:wrap;gap:8px}
.cli-escala span{width:44px;height:44px;font-size:12.5px;transition:transform .15s}
.cli-escala label:hover span{transform:translateY(-2px)}
.cli-t1{background:var(--tan-1);color:var(--b-900)}.cli-t2{background:var(--tan-2);color:var(--b-900)}.cli-t3{background:var(--tan-3);color:var(--b-900)}
.cli-t4{background:var(--tan-4);color:#3a1407}.cli-t5{background:var(--tan-5);color:#3a1407}.cli-t6{background:var(--tan-6);color:#fff}
.cli-escala-desc{font-size:13.5px;color:var(--muted);margin:10px 0 0;min-height:20px}
.cli-escala-desc b{color:var(--ink);font-weight:600}

/* ficha */
.cli-ph{align-items:flex-end}
.cli-ph-l{min-width:0;flex:1}
.cli-id{display:flex;align-items:center;gap:18px;min-width:0}
.cli-id .av.g{width:76px;height:76px;font-size:26px;box-shadow:0 10px 26px -12px rgba(24,24,27,.10)}
.cli-id h1{overflow-wrap:anywhere}
.cli-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.cli-alerta{display:flex;gap:10px;align-items:flex-start}
.cli-alerta .ico{flex:none;margin-top:1px}
.cli-faixa{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}
.cli-pac{align-items:flex-start!important}
.cli-pac .c{display:flex;flex-direction:column;gap:6px}
.cli-pac-t{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cli-pac-a{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.cli-dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:9px 18px;margin:0;font-size:14px}
.cli-dl dt{color:var(--muted)}
.cli-dl dd{margin:0;min-width:0}
.cli-quebra{overflow-wrap:anywhere}
.cli-lgpd-a{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.cli-consent{align-items:flex-start;font-size:13.5px;color:var(--ink-2);line-height:1.45;margin:4px 0 8px}
.cli-consent input{margin-top:2px;flex:none}
.cli-consent.destaque{background:var(--b-50);border:1px solid var(--b-100);border-radius:var(--r-s);padding:12px 14px;margin:6px 0 12px}
.cli-checks{display:flex;gap:6px 22px;flex-wrap:wrap;margin:-4px 0 10px}
.cli-resumo{margin-top:4px}
@media (max-width:700px){
  .cli-id{gap:14px}
  .cli-id .av.g{width:60px;height:60px;font-size:21px}
  .cli-ph .acoes .btn{flex:1 1 auto}
  .cli-ph .acoes .btn.ico-only{flex:0 0 38px}
  .cli-pac{flex-wrap:wrap}
  .cli-pac-a{flex-direction:row;width:100%}
  .cli-pac-a:empty{display:none}
}

/* lista no celular: cartão compacto (nome + saldo / última visita + WhatsApp) */
@media (max-width:700px){
  .cli-filtros select{flex:1 1 0;min-width:0}
  .cli-filtros .busca{flex-basis:100%}
  #cli-tab tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:12px 16px}
  #cli-tab td{padding:0;text-align:left}
  #cli-tab td::before{content:none}
  #cli-tab td[data-l="Próxima"],#cli-tab td[data-l="Origem"],#cli-tab td[data-l="Aniversário"]{display:none}
  #cli-tab td.prim{grid-column:1;grid-row:1}
  #cli-tab td[data-l="Saldo"]{grid-column:2;grid-row:1;justify-content:flex-end}
  #cli-tab td[data-l="Última visita"]{grid-column:1;grid-row:2;padding-left:50px;justify-content:flex-start;gap:6px;font-size:13px;flex-wrap:wrap}
  #cli-tab td.acoes{grid-column:2;grid-row:2;justify-content:flex-end}
}

/* ficha no celular/tablet: segurança (fototipo, anamnese) antes do histórico */
@media (max-width:1060px){
  .cli-colunas{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .cli-colunas>div{display:contents}
  .cli-o1{order:1}.cli-o2{order:2}.cli-o3{order:3}.cli-o4{order:4}.cli-o5{order:5}.cli-o6{order:6}.cli-o7{order:7}
}
@media (max-width:700px){
  .cli-kpis .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cli-kpis .kpi{padding:14px 16px}
  .cli-kpis .kpi .v{font-size:20px}
  .cli-kpis .kpi.destaque{grid-column:1/-1}
  .cli-kpis .kpi.destaque .v{font-size:26px}
  #cli-hist tr,#cli-pg tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:center}
  #cli-hist td,#cli-pg td{padding:0;text-align:left}
  #cli-hist td::before,#cli-pg td::before{content:none}
  #cli-hist td[data-l="Atendeu"],#cli-pg td[data-l="Forma"]{display:none}
  #cli-hist td[data-l="Status"],#cli-pg td[data-l="Valor"]{grid-column:2;grid-row:1;justify-content:flex-end}
  #cli-hist td[data-l="Serviço"],#cli-pg td[data-l="Descrição"]{grid-column:1;grid-row:2;color:var(--muted);font-size:13px}
  #cli-hist td[data-l="Pagamento"],#cli-pg td[data-l="Status"]{grid-column:2;grid-row:2;justify-content:flex-end;font-size:13px}
}

@media (max-width:700px){
  .t.resp .cli-nome{text-align:left}
  #cli-anam tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center}
  #cli-anam td{padding:0;text-align:left;justify-content:flex-start}
  #cli-anam td::before{content:none}
  #cli-anam td[data-l="Atualizada"]{display:none}
  #cli-anam td.prim{grid-column:1;grid-row:1}
  #cli-anam td[data-l="Assinatura"],#cli-anam td.acoes{grid-column:2;grid-row:1;justify-content:flex-end}
  #cli-anam td[data-l="Fototipo"],#cli-anam td[data-l="Alertas"]{grid-column:1/-1;padding-left:50px;font-size:13px;flex-wrap:wrap;gap:4px}
}