/* A mesma paleta e os mesmos componentes da ficha; escopo só das áreas novas. */
.cli-seg-summary{margin-bottom:16px;}
.cli-seg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.cli-seg-head>div{min-width:0;}
.cli-seg-head h3{font-size:.94rem;margin:10px 0 0;overflow-wrap:anywhere;}
.cli-seg-help{font-size:.78rem;line-height:1.6;color:var(--cli-sub,#94a3b8);margin:10px 0;overflow-wrap:anywhere;}
.cli-seg-error,.cli-seg-atraso{color:var(--cli-danger,#f87171);}
.cli-seg-anexos{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;}
.cli-seg-doc{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cli-seg-doc-fora{opacity:.55;text-decoration:line-through;}
.cli-seg-agenda{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0 0;}
.cli-seg-agendado{font-size:.76rem;color:var(--cli-teal,#22d3ee);}
.cli-seg-agenda .cli-seg-error{font-size:.74rem;}
.cli-seg-atraso{font-weight:700;}
/* O filtro some quando não há o que filtrar. `display:grid` vence o
   `hidden` do navegador, então a regra precisa estar escrita. */
.cli-seg-filters[hidden]{display:none;}
/* O estado vazio ocupa a largura da lista, no lugar onde o conteúdo vai
   nascer — e não como rodapé apagado no canto. */
.cli-seg-vazio{
  grid-column:1/-1;display:flex;align-items:center;justify-content:center;
  min-height:120px;padding:24px 18px;box-sizing:border-box;
  border:1px dashed var(--cli-borda,rgba(255,255,255,.08));border-radius:12px;
}
.cli-seg-vazio p{margin:0;max-width:46ch;text-align:center;font-size:.8rem;line-height:1.6;color:var(--cli-sub,#94a3b8);}
.cli-seg-objetivo{color:#e2e8f0;border-left:3px solid var(--cli-teal,#22d3ee);padding-left:10px;margin-bottom:12px;}
.cli-seg-actions,.cli-seg-types{display:flex;flex-wrap:wrap;gap:8px;}
.cli-seg-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:20px 0;}
.cli-seg-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:.76rem;}
.cli-seg-field .m-inp{width:100%;min-width:0;box-sizing:border-box;color-scheme:dark;}
.cli-seg-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2394a3b8'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;}
.cli-seg-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.cli-seg-card{min-width:0;padding:18px;border:1px solid var(--cli-borda,rgba(255,255,255,.08));border-radius:12px;background:rgba(255,255,255,.015);}
.cli-seg-card-late{border-left:3px solid var(--cli-danger,#f87171);}
.cli-seg-status{font-size:.72rem;color:var(--cli-teal,#22d3ee);text-align:right;max-width:45%;}
.cli-seg-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0;}
.cli-seg-data dt{font-size:.7rem;color:var(--cli-sub,#94a3b8);}
.cli-seg-data dd{font-size:.8rem;margin:4px 0 0;overflow-wrap:anywhere;white-space:pre-wrap;}
.cli-seg-card progress{display:block;appearance:none;width:100%;height:4px;border:0;border-radius:4px;background:rgba(255,255,255,.08);accent-color:var(--cli-teal,#22d3ee);}
.cli-seg-card progress::-webkit-progress-bar{background:rgba(255,255,255,.08);border-radius:4px;}
.cli-seg-card progress::-webkit-progress-value{background:var(--cli-teal,#22d3ee);border-radius:4px;}
.cli-seg-card progress::-moz-progress-bar{background:var(--cli-teal,#22d3ee);}
.cli-seg-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;line-height:1.6;}
.cli-seg-metric{font-size:.82rem;color:var(--cli-teal,#22d3ee);}
.cli-seg-history{font-size:.75rem;margin:16px 0;}
.cli-seg-history summary{cursor:pointer;padding:8px 0;}
.cli-seg-danger{color:var(--cli-danger,#f87171)!important;}
.cli-seg-bg{z-index:10050;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.65);}
.cli-seg-modal{width:min(760px,100%);max-height:90dvh;overflow:auto;padding:24px;box-sizing:border-box;}
.cli-seg-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;}
.cli-seg-form>.cli-seg-field:has(textarea),.cli-seg-checks,.cli-seg-error{grid-column:1/-1;}
.cli-seg-checks{min-width:0;border:1px solid var(--cli-borda,rgba(255,255,255,.08));border-radius:10px;padding:12px;}
.cli-seg-checks legend{font-size:.76rem;padding:0 6px;}
.cli-seg-check{display:flex;align-items:center;gap:10px;min-height:36px;font-size:.8rem;cursor:pointer;}
.cli-seg-check input{appearance:none;width:18px;height:18px;flex:0 0 18px;border:1px solid var(--cli-sub,#94a3b8);border-radius:5px;background:transparent;display:grid;place-content:center;margin:0;}
.cli-seg-check input:checked{background:var(--cli-teal,#22d3ee);border-color:var(--cli-teal,#22d3ee);}
.cli-seg-check input:checked::after{content:'✓';font-size:14px;font-weight:700;color:var(--cli-fundo,#060809);}
.cli-seg-check input:focus-visible,.cli-seg-history summary:focus-visible{outline:2px solid var(--cli-teal,#22d3ee);outline-offset:3px;}
@media(min-width:2000px){.cli-seg-list{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:900px){.cli-seg-list{grid-template-columns:minmax(0,1fr);}}
@media(max-width:768px){.cli-seg-filters,.cli-seg-form{grid-template-columns:minmax(0,1fr);}.cli-seg-head{flex-wrap:wrap;}.cli-seg-modal{padding:18px;}.cli-seg-summary .cli-btn,.cli-seg-panel .cli-btn,.cli-seg-modal .cli-btn,.cli-seg-check,.cli-seg-history summary{min-height:40px;}.cli-seg-data{gap:12px;}}

/* ── CARTEIRA DE IMÓVEIS ───────────────────────────────────────────────
   Reaproveita a grade e o cartão da área; o que é próprio daqui é o selo de
   situação e a separação entre os dois blocos. Sem `max-width`: grade de
   dados só melhora com espaço (Regra 4.1 do CHECKLIST). */
.cli-imv-secao{margin-top:22px;}
.cli-imv-bloco{margin-top:18px;}
.cli-seg-sub{font-size:.92rem;margin:0 0 6px;color:#e2e8f0;}
.cli-imv-lado{margin-top:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.cli-imv-selo{display:inline-block;font-size:.72rem;padding:3px 9px;border-radius:999px;
  border:1px solid currentColor;margin:2px 0 6px;}
/* Cor SEMPRE acompanhada do texto da situação — cor sozinha não distingue
   para quem não enxerga a diferença. */
.cli-imv-disponivel{color:#10b981;}
.cli-imv-reservado{color:#f59e0b;}
.cli-imv-proposta{color:#22d3ee;}
.cli-imv-vendido{color:#94a3b8;}
.cli-imv-alugado{color:#94a3b8;}
.cli-seg-erro{color:var(--cli-danger,#ef4444);}