/* ════════════════════════════════════════════════════════ */
/*                         CLIENTES                         */
/* ════════════════════════════════════════════════════════ */
.cg{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;}

/* ───────────────────────────────────────────── */
/*                  CLIENT CARD                  */
/* ───────────────────────────────────────────── */
.cc{
  position:relative;
  background:var(--bg2);
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:16px;
  cursor:pointer;
  transition:.15s;}

.cc:hover{
  border-color:var(--acc);
  box-shadow:
    0 0 0 1px rgba(232,96,44,.2),
    0 4px 20px rgba(0,0,0,.2);}

.cc-dot{
  position:absolute;
  top:10px;
  right:10px;
  width:13px;
  height:13px;
  border-radius:50%;
  background:var(--red);
  border:2px solid var(--bg2);}

.cc-av{
  width:38px;
  height:38px;
  border-radius:50%;
  background:var(--bg3);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:15px;
  margin-bottom:10px;}

.cc-name{
  font-size:13.5px;
  font-weight:700;
  margin-bottom:2px;}

.cc-rut{
  font-size:11px;
  color:var(--text3);
  margin-bottom:8px;
  font-family:"JetBrains Mono",monospace;}

.cc-contact{
  font-size:12px;
  color:var(--text2);
  margin-bottom:3px;}

.cc-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid var(--border);}

/* ───────────────────────────────────────────── */
/*                CLIENT ACTIONS                 */
/* ───────────────────────────────────────────── */
.cc-act{
  position:absolute;
  top:10px;
  right:10px;
  display:flex;
  gap:4px;
  opacity:0;
  transition:.15s;}
.cc:hover .cc-act{opacity:1;}
.cc.has-missing .cc-act{right:28px;}

/* ───────────────────────────────────────────── */
/*                CLIENT DETAIL                  */
/* ───────────────────────────────────────────── */
.cd-wrap{display:none;}
.cd-wrap.show{display:block;}

.back{
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:none;
  border:none;
  color:var(--text2);
  font-size:12.5px;
  cursor:pointer;
  margin-bottom:16px;}
  
.back:hover{color:var(--acc);}

.cd-hdr{
  background:var(--bg2);
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:20px;
  margin-bottom:16px;}

.cd-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  margin-bottom:16px;}

.cd-title{
  font-size:20px;
  font-weight:800;}

.cd-sub{
  font-size:12px;
  color:var(--text2);
  margin-top:3px;}

/* ───────────────────────────────────────────── */
/*                  PJUD DATA                    */
/* ───────────────────────────────────────────── */
.pjud{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  padding-top:16px;
  border-top:1px solid var(--border);}

.pf label{
  display:block;
  font-size:10px;
  color:var(--text3);
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:4px;}

.pf span{
  font-size:12.5px;
  font-weight:600;}

.pf-link{
  color:var(--acc);
  font-size:12px;
  cursor:pointer;
  text-decoration:underline;}

/* ───────────────────────────────────────────── */
/*                     TABS                      */
/* ───────────────────────────────────────────── */
.tabs{
  display:flex;
  border-bottom:1px solid var(--border);
  margin-bottom:16px;}

.tab{
  padding:9px 15px;
  background:none;
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom:2px solid transparent;
  color:var(--text2);
  font-size:12.5px;
  cursor:pointer;
  transition:.12s;}

.tab:hover{color:var(--text);}

.tab.on{color:var(--acc);
  border-bottom-color:var(--acc);
  font-weight:600;}

/* ───────────────────────────────────────────── */
/*                 TAB CONTENT                   */
/* ───────────────────────────────────────────── */
.tc{display:none;}
.tc.on{display:block;}

/* ════════════════════════════════════════════════════════ */
/*                    INTAKE SUMMARY                        */
/* ════════════════════════════════════════════════════════ */
.intake-cols{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
  margin-bottom:14px;}

/* ───────────────────────────────────────────── */
/*                 SUMMARY CARD                  */
/* ───────────────────────────────────────────── */
.intake-card{
  background:var(--bg3);
  border:1px solid var(--border);
  border-radius:10px;
  padding:14px;}

.intake-card-t{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:700;
  color:var(--text2);
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:8px;}

/* ───────────────────────────────────────────── */
/*                  SUMMARY ITEM                 */
/* ───────────────────────────────────────────── */
.intake-item{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:var(--text);
  padding:4px 0;
  border-bottom:1px solid var(--border);}

.intake-item:last-child{
  border-bottom:none;}

/* ───────────────────────────────────────────── */
/*                    ALERT                      */
/* ───────────────────────────────────────────── */
.intake-alert{
  display:flex;
  align-items:center;
  gap:8px;
  background:rgba(245,158,11,.08);
  border:1px solid rgba(245,158,11,.25);
  border-radius:8px;
  padding:10px 13px;
  margin-bottom:12px;
  font-size:12px;
  color:var(--yellow);}

/* ───────────────────────────────────────────── */
/*                 WHATSAPP CARD                 */
/* ───────────────────────────────────────────── */
.intake-wa-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:rgba(37,211,102,.08);
  border:1px solid rgba(37,211,102,.25);
  border-radius:10px;
  padding:14px;}

/* ════════════════════════════════════════════════════════ */
/*                       DOCUMENTOS                         */
/* ════════════════════════════════════════════════════════ */
.doc-row{
  background:var(--bg3);
  border:1px solid var(--border);
  border-radius:9px;
  padding:13px 15px;
  margin-bottom:9px;}

/* ───────────────────────────────────────────── */
/*                 DOCUMENT HEADER               */
/* ───────────────────────────────────────────── */
.doc-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:6px;}

.doc-name{
  font-size:13px;
  font-weight:600;}

.doc-desc{
  font-size:12px;
  color:var(--text2);
  margin-bottom:9px;}

/* ───────────────────────────────────────────── */
/*                 DOCUMENT FOOTER               */
/* ───────────────────────────────────────────── */
.doc-footer{
  display:flex;
  align-items:center;
  justify-content:flex-end;}

/* ════════════════════════════════════════════════════════ */
/*                         PLAZOS                           */
/* ════════════════════════════════════════════════════════ */
.plazo-row{
  padding:13px 18px;
  border-bottom:1px solid var(--border);}

.plazo-row:last-child{
  border-bottom:none;}

/* ───────────────────────────────────────────── */
/*                  PLAZO TOP                    */
/* ───────────────────────────────────────────── */
.plazo-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:7px;}

.plazo-title{
  font-size:13px;
  font-weight:600;}

/* ───────────────────────────────────────────── */
/*                PLAZO BOTTOM                   */
/* ───────────────────────────────────────────── */
.plazo-bottom{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;}

/* ───────────────────────────────────────────── */
/*                  PLAZO CHIP                   */
/* ───────────────────────────────────────────── */
.plazo-chip{
  padding:3px 10px;
  border-radius:20px;
  font-size:11px;
  font-weight:600;
  font-family:"JetBrains Mono",monospace;}

/* ───────────────────────────────────────────── */
/*                 CHIP STATES                   */
/* ───────────────────────────────────────────── */
.p-vencido{background:rgba(239,68,68,.12);
  color:var(--red);}

.p-urgente{background:rgba(245,158,11,.12);
  color:var(--yellow);}

.p-ok{background:rgba(34,197,94,.12);
  color:var(--green);}

/* ════════════════════════════════════════════════════════ */
/*                          COBROS                          */
/* ════════════════════════════════════════════════════════ */
.cobro-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 18px;
  border-bottom:1px solid var(--border);}

.cobro-row:last-child{border-bottom:none;}

/* ───────────────────────────────────────────── */
/*                 COBRO INFO                    */
/* ───────────────────────────────────────────── */
.cobro-nombre{
  font-size:13px;
  font-weight:600;}

.cobro-fecha{
  font-size:11px;
  color:var(--text3);
  margin-top:2px;}

/* ───────────────────────────────────────────── */
/*                COBRO RIGHT                    */
/* ───────────────────────────────────────────── */
.cobro-right{
  display:flex;
  align-items:center;
  gap:10px;}

.cobro-monto{
  font-size:14px;
  font-weight:800;
  font-family:"JetBrains Mono",monospace;}

.cobro-estado{
  padding:3px 10px;
  border-radius:20px;
  font-size:11px;
  font-weight:600;}

/* ───────────────────────────────────────────── */
/*                ESTADO COBROS                  */
/* ───────────────────────────────────────────── */
.c-pagado{background:rgba(34,197,94,.12);
  color:var(--green);}

.c-pendiente{background:rgba(245,158,11,.12);
  color:var(--yellow);}

.c-atrasado{background:rgba(239,68,68,.12);
  color:var(--red);}

/* ───────────────────────────────────────────── */
/*                BASE SERVICIOS                 */
/* ───────────────────────────────────────────── */
.base-sc{
  background:var(--bg3);
  border:1px solid var(--border);
  border-radius:9px;
  padding:14px 16px;
  margin-bottom:14px;}

.base-lbl{
  font-size:11px;
  color:var(--text2);}

.base-amt{
  font-size:24px;
  font-weight:800;
  color:var(--acc);}

.base-sv{
  font-size:12px;
  color:var(--text2);
  margin-top:3px;}

/* ════════════════════════════════════════════════════════ */
/*               MINUTA / COMUNICACIONES                    */
/* ════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────────── */
/*                     MINUTA                    */
/* ───────────────────────────────────────────── */
.mi{
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px 18px;
  border-bottom:1px solid var(--border);}

.mi:last-child{
  border-bottom:none;}

.mi input{
  width:15px;
  height:15px;
  accent-color:var(--acc);}

.mi.done .mi-txt{
  text-decoration:line-through;
  color:var(--text3);}

.mi-dt{
  font-size:11px;
  color:var(--text3);
  margin-left:auto;}

/* ───────────────────────────────────────────── */
/*               COMUNICACIONES                  */
/* ───────────────────────────────────────────── */
.comm-row{padding:13px 18px;border-bottom:1px solid var(--border);}
.comm-row:last-child{border-bottom:none;}

.comm-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:6px;}

.comm-type{
  font-size:11px;
  font-weight:700;
  padding:2px 8px;
  border-radius:4px;}

.comm-date{
  font-size:11px;
  color:var(--text3);}

.comm-note{
  font-size:13px;
  color:var(--text2);
  line-height:1.5;
  margin-bottom:8px;}

.comm-footer{display:flex;justify-content:flex-end;}