/* ============================================================
   Rede ONE — Módulo Condomínios
   Usa as variáveis de tema do v2.css/crm.css: claro e escuro juntos.
   ============================================================ */

/* ---- abas do módulo ---- */
.cd-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.cd-tab{font-size:12.5px;font-weight:600;color:var(--ink-2);background:var(--card);border:1px solid var(--line);
  border-radius:999px;padding:8px 14px;transition:.15s;white-space:nowrap}
.cd-tab:hover{border-color:var(--brand);color:var(--brand)}
.cd-tab.on{background:var(--brand);border-color:var(--brand);color:#fff}
#cd-host>.card,#cd-host>.grid,#cd-host>.kpis{margin-bottom:18px}
#cd-host>.grid{display:grid;gap:18px}

/* ---- selos ---- */
.cd-selo{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.2px;padding:3px 9px;border-radius:999px;
  border:1px solid transparent;white-space:nowrap}
.cd-selo.s-ia{background:var(--gold-soft);color:var(--gold);border-color:var(--gold)}
.cd-selo.s-hum{background:var(--warn-soft);color:var(--warn);border-color:var(--warn)}
.cd-selo.s-int{background:var(--info-soft);color:var(--info);border-color:var(--info)}
.cd-selo.s-ar{background:var(--ok-soft);color:var(--ok);border-color:var(--ok)}

/* ---- tabela clicável ---- */
.cd-click{cursor:pointer}
.cd-click:hover td{background:var(--brand-soft)}
.cd-go{color:var(--brand);font-weight:700;font-size:12px;white-space:nowrap;text-align:right}

/* ---- modalidades ---- */
.cd-mod{color:var(--ink-2);font-size:13.5px;line-height:1.6}

/* ---- cobertura (bolinhas numeradas) ---- */
.cd-cover{display:flex;flex-wrap:wrap;gap:7px}
.cd-cv{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:700;background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok);cursor:default}
.cd-cv.cv-int{background:var(--info-soft);color:var(--info);border-color:var(--info)}

/* ---- ficha ---- */
.cd-fichabar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.cd-fichabar select{flex:1;min-width:200px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);
  background:var(--card);color:var(--ink);font-family:inherit;font-size:13.5px}
.cd-ficha{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.cd-ficha>div{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px}
.cd-ficha span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--ink-3);margin-bottom:3px}
.cd-ficha b{font-size:13.5px;font-weight:600;color:var(--ink);font-family:var(--font-num)}
.cd-h4{font-size:13px;font-weight:700;color:var(--ink-2);margin:18px 0 8px;text-transform:uppercase;letter-spacing:.4px}

/* ---- passos numerados ---- */
.cd-steps{display:grid;gap:10px}
.cd-step{display:flex;gap:12px;align-items:flex-start;background:var(--bg);border:1px solid var(--line);
  border-radius:var(--radius-sm);padding:11px 13px}
.cd-step-n{flex:none;width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.cd-step-t{font-size:13.5px;font-weight:700;color:var(--ink);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cd-step-d{font-size:12.5px;color:var(--ink-2);margin-top:3px;line-height:1.5}

/* ---- régua de cobrança ---- */
.cd-regua{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px}
.cd-rg{background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--ok);
  border-radius:var(--radius-sm);padding:12px 13px;display:flex;flex-direction:column;gap:5px}
.cd-rg.cd-rg-h{border-left-color:var(--warn)}
.cd-rg-d{font-family:var(--font-num);font-size:18px;font-weight:700;color:var(--brand)}
.cd-rg-t{font-size:13px;font-weight:700;color:var(--ink)}
.cd-rg-n{font-size:11.5px;color:var(--ink-3);font-family:var(--font-num)}
.cd-rg-x{font-size:12px;color:var(--ink-2);line-height:1.5}
.cd-rg-f{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}

/* ---- como o boleto nasce ---- */
.cd-boleto{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.cd-bl{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 13px}
.cd-bl b{display:block;font-size:13px;color:var(--brand);margin-bottom:4px}
.cd-bl span{font-size:12.3px;color:var(--ink-2);line-height:1.5}

/* ---- assembleias ---- */
.cd-asses{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}
.cd-ass{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px}
.cd-ass-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}
.cd-ass-m{font-size:12.3px;color:var(--ink-2);margin-bottom:9px}
.cd-ass-q{margin-bottom:8px}
.cd-pauta{margin:0;padding-left:18px;font-size:12.5px;color:var(--ink-2);line-height:1.7}
.cd-ass-f{margin-top:10px}
.cd-bar{height:8px;border-radius:99px;background:var(--line);overflow:hidden;flex:1}
.cd-bar>span{display:block;height:100%;background:var(--brand);border-radius:99px}
.cd-bar.ok>span{background:var(--ok)}
.cd-bar.risk>span{background:var(--risk)}
.cd-vot{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px;margin-bottom:12px}
.cd-vot-t{font-size:13.3px;font-weight:700;color:var(--ink);margin-bottom:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cd-vot-bars{display:grid;gap:7px}
.cd-vb{display:flex;align-items:center;gap:10px}
.cd-vb-l{width:44px;font-size:12px;color:var(--ink-2)}
.cd-vb b{font-family:var(--font-num);font-size:13px;width:26px;text-align:right}
.cd-ata{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 18px;
  font-size:13px;line-height:1.75;color:var(--ink-2);max-height:340px;overflow:auto}
.cd-ata b{color:var(--ink)}

/* ---- contas ---- */
.cd-neg{color:var(--risk);font-weight:600}
.cd-pos{color:var(--ok);font-weight:600}

/* ---- manutenção ---- */
.cd-chams{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.cd-cham{background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--ink-3);
  border-radius:var(--radius-sm);padding:13px}
.cd-cham.cd-u-emg{border-left-color:var(--risk)}
.cd-cham.cd-u-alta{border-left-color:var(--warn)}
.cd-cham.cd-u-media{border-left-color:var(--info)}
.cd-cham.cd-u-baixa{border-left-color:var(--ok)}
.cd-cham-h{display:flex;justify-content:space-between;gap:8px;align-items:center}
.cd-cham-ia{font-size:12.3px;color:var(--ink-2);line-height:1.5;margin:8px 0}
.cd-preds{display:grid;gap:12px}
.cd-pred{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 13px}
.cd-pred-h{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:3px}
.cd-pred-r{font-size:12.5px;color:var(--ink-2);line-height:1.5;margin-top:6px}
.cd-stars{color:var(--gold);letter-spacing:1px}

/* ---- convivência ---- */
.cd-multas{display:grid;gap:12px}
.cd-multa{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 13px}
.cd-multa-h{display:flex;justify-content:space-between;gap:8px;align-items:center}
.cd-multa-f{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 4px}
.cd-multa-e{font-size:12.2px;color:var(--ink-2)}

/* ---- comunicação ---- */
.cd-coms{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.cd-com{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px}
.cd-com-h{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:3px}
.cd-com-l{display:flex;align-items:center;gap:10px;margin-top:11px;font-size:11.8px;color:var(--ink-2)}
.cd-com-l span{white-space:nowrap}
.cd-portal{display:grid;grid-template-columns:190px 1fr;gap:16px;align-items:start}
.cd-phone{background:var(--card);border:2px solid var(--ink);border-radius:20px;padding:12px 10px;box-shadow:var(--shadow)}
.cd-ph-top{font-size:11.5px;font-weight:700;text-align:center;color:var(--brand);padding-bottom:9px;
  border-bottom:1px solid var(--line);margin-bottom:9px}
.cd-ph-item{font-size:11.8px;color:var(--ink);padding:8px 7px;border-radius:9px;background:var(--bg);margin-bottom:6px;display:flex;flex-direction:column}
.cd-ph-item span{font-size:10.5px;color:var(--ink-3)}
.cd-portal-tx p{font-size:13px;color:var(--ink-2);line-height:1.6;margin:0 0 10px}

/* ---- 27 funcionalidades ---- */
.cd-fns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
.cd-fn{display:flex;gap:10px;align-items:center;background:var(--bg);border:1px solid var(--line);
  border-radius:var(--radius-sm);padding:9px 11px}
.cd-fn-n{flex:none;width:24px;height:24px;border-radius:7px;background:var(--brand-soft);color:var(--brand);
  display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700}
.cd-fn-x{flex:1;min-width:0}
.cd-fn-t{font-size:12.7px;font-weight:600;color:var(--ink);line-height:1.35}
.cd-fn-tag{font-size:10.8px;color:var(--ink-3)}

/* ---- responsivo ---- */
@media (max-width:900px){
  .cd-portal{grid-template-columns:1fr}
  .cd-phone{max-width:230px;margin:0 auto}
}
@media (max-width:640px){
  .cd-tabs{gap:6px}
  .cd-tab{font-size:11.5px;padding:7px 11px}
  .cd-ficha{grid-template-columns:1fr}
  .cd-regua{grid-template-columns:1fr}
}

/* contraste da nota de escopo no tema escuro (vale para todos os módulos) */
[data-theme=dark] .scope-note{background:var(--info-soft);border-color:#2b4a6b;color:#cfe0f4}

/* ---- fix mobile 27/08: nada cortado no celular ---- */
@media (max-width:860px){
  .cd-ata{max-height:none;overflow:visible}
  .cd-portal{grid-template-columns:1fr}
  .cd-cover{gap:6px}
  .cd-fn-t{overflow-wrap:anywhere}
  .cd-fichabar select{min-width:0;width:100%;flex:1 1 100%}
  .cd-fichabar .btn{width:100%;justify-content:center}
}

/* campos configuraveis da ficha do condominio (multa, juros, parcelamento) - 28/08 */
.cd-ficha .cd-cfg{width:100%;max-width:150px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);
  background:var(--card);color:var(--ink);font-family:var(--font-num);font-size:13.5px;font-weight:600}
.cd-ficha .cd-cfg:focus{outline:none;border-color:var(--info)}

/* barra de selecao de condominio (prestacao de contas) - 28/08 */
.cd-selbar{margin-bottom:18px}
.cd-selbar-l{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--ink-3);font-weight:700}

/* ---- Vídeos das assembleias (28/08) ---- */
.cd-gravs{display:flex;flex-direction:column;gap:10px}
.cd-grav{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--card);
  border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;transition:.14s}
.cd-grav:hover{border-color:var(--brand);background:var(--bg)}
.cd-grav-play{flex:0 0 auto;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;
  justify-content:center;background:var(--brand);color:#fff;font-size:14px}
.cd-grav-tx{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}
.cd-grav-t{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:600;font-size:13.5px;color:var(--ink)}
.cd-grav-m{font-size:12px;color:var(--ink-3)}
.cd-grav-tipo{font-size:10.5px;font-weight:800;letter-spacing:.4px;border-radius:6px;padding:2px 7px;
  background:var(--info-soft);color:var(--info)}
.cd-grav-tipo.t-AGE{background:var(--warn-soft);color:var(--warn)}
.cd-grav-d{flex:0 0 auto;font-family:var(--font-num);font-size:12px;font-weight:700;color:var(--ink-2)}
.cd-grav-b{flex:0 0 auto;font-size:12px;font-weight:600;color:var(--brand);border:1px solid var(--line);
  border-radius:9px;padding:6px 12px;white-space:nowrap}
.cd-grav:hover .cd-grav-b{border-color:var(--brand);background:var(--brand);color:#fff}

/* modal da gravação (tela cheia confortável em TV 1920x1080) */
.modal-box.modal-video{max-width:1520px}
.modal-video .cd-vidbody{gap:16px}
.modal-video .cd-vidsel{flex-wrap:wrap}
.modal-video .chapters{max-height:none}
.modal-video .meet-transcript{max-height:250px}
@media (max-width:1100px){
  .modal-video .meet-grid{grid-template-columns:1fr}
}

/* nota de exceção da mediação (crime em andamento não é mediado pela IA) */
.cd-exc{display:flex;flex-direction:column;gap:7px;margin-top:12px;padding:11px 13px;border-radius:12px;
  background:var(--risk-soft);border:1px solid var(--risk);color:var(--tx);font-size:12.5px;line-height:1.5}
.cd-selo.s-risk{background:var(--risk-soft);color:var(--risk);border-color:var(--risk)}
