/* === CONTRATOS === */
/* ── CONTRATOS ── */
.contrato-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:18px}
.ct-tab{padding:9px 18px;font-size:12px;cursor:pointer;color:var(--txt2);border-bottom:2px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:6px}
.ct-tab:hover{color:var(--primary)}
.ct-tab.on{color:var(--primary);border-bottom-color:var(--primary);font-weight:500}
.ct-sub{display:none}.ct-sub.on{display:block}
.clausula-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;overflow:hidden}
.clausula-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg);border-bottom:1px solid var(--border)}
.clausula-num{width:24px;height:24px;border-radius:50%;background:var(--primary-l);color:var(--primary);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.clausula-title{flex:1;font-size:12px;font-weight:500;color:var(--txt)}
.clausula-body{padding:10px 14px;font-size:12px;color:var(--txt2);line-height:1.6}
.clausula-actions{display:flex;gap:4px;flex-shrink:0}
.contrato-status-ativo{background:var(--teal-l);color:var(--teal-d,#085041)}
.contrato-status-distrato{background:#FCEBEB;color:#A32D2D}
.contrato-status-pendente{background:var(--amber-l);color:var(--amber-d,#633806)}



/* ══ Modelos de contrato — cadastro ══ */
.cm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:10px;overflow:hidden}
.cm-head{display:flex;align-items:center;gap:10px;padding:13px 16px;cursor:pointer}
.cm-head:hover{background:var(--bg)}
.cm-arrow{color:var(--primary);transition:transform .15s;flex-shrink:0}
.cm-card.open .cm-arrow{transform:rotate(90deg)}
.cm-info{flex:1;min-width:0}
.cm-titulo{font-weight:600;font-size:13.5px;color:var(--txt)}
.cm-meta{font-size:11px;color:var(--txt3);margin-top:1px}
.cm-body{padding:4px 16px 14px;border-top:1px solid var(--border)}
.cm-intro{font-size:11.5px;color:var(--txt2);font-style:italic;background:var(--bg);border-radius:6px;padding:9px 12px;margin:10px 0}
.cm-clausula{padding:7px 0;border-bottom:1px dashed var(--border)}
.cm-clausula:last-child{border-bottom:none}
.cm-clausula-tit{font-size:12px;font-weight:600;color:var(--primary-d)}
.cm-clausula-txt{font-size:11.5px;color:var(--txt2);margin-top:2px;white-space:pre-wrap}
/* editor de cláusulas no modal */
.cm-cl-row{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:8px;background:var(--bg)}
.cm-cl-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.cm-cl-num{font-size:11px;font-weight:700;color:var(--primary);white-space:nowrap}
.cm-cl-row input.cm-cl-tit{flex:1;border:1px solid var(--border2);border-radius:6px;padding:6px 9px;font-size:12.5px;font-family:inherit}
.cm-cl-row textarea.cm-cl-txt{width:100%;border:1px solid var(--border2);border-radius:6px;padding:7px 9px;font-size:12px;font-family:inherit;min-height:54px;resize:vertical}
.cm-cl-btns{display:flex;gap:4px}
.cm-cl-btns button{width:26px;height:26px;border:1px solid var(--border2);background:var(--surface);border-radius:6px;cursor:pointer;color:var(--txt2);font-size:13px;line-height:1}
.cm-cl-btns button:hover{border-color:var(--primary);color:var(--primary)}
.cm-cl-btns button.del:hover{border-color:#d9534f;color:#d9534f}

/* Picker de modelo de contrato */
.ec-opt{display:flex;align-items:center;gap:9px;width:100%;text-align:left;cursor:pointer;
  border:1px solid var(--border);background:var(--surface);border-radius:8px;
  padding:11px 13px;margin-bottom:8px;font-size:13px;font-family:inherit;color:var(--txt)}
.ec-opt:hover{border-color:var(--primary);background:var(--primary-l)}
.ec-opt i{color:var(--primary);font-size:16px}