/* =========================================================
   MÒDUL: Tasques de tercers
   Parteix de base.css. Modal més ample per encabir les dues pestanyes.
   ========================================================= */

.modal-gran{max-width:640px}

/* ---------- Pestanyes ---------- */
.pestanyes{display:flex;gap:6px;margin-bottom:16px;border-bottom:1px solid var(--linia)}
.pestanya{padding:9px 4px;margin-right:14px;font-size:13px;font-weight:700;color:var(--gris-clar);border-bottom:2px solid transparent;transition:.15s}
.pestanya:hover{color:var(--gris)}
.pestanya.activa{color:var(--verd-fort);border-bottom-color:var(--verd-fort)}

/* ---------- Targeta de proposta ---------- */
.tercer-item{border:1px solid var(--linia);border-radius:var(--radi-petit);padding:13px 14px;margin-bottom:10px;background:#fbfcfb}
.tercer-cap{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.tercer-titol{font-size:13.5px;font-weight:700}
.tercer-meta{font-size:11.5px;color:var(--gris);margin-top:6px}
.tercer-comentari{font-size:12.5px;color:var(--tinta);margin-top:8px;background:#fff;border:1px solid var(--linia);border-radius:8px;padding:8px 10px}
.tercer-contraproposta{font-size:12px;color:var(--lila);margin-top:8px;background:var(--lila-clar);border-radius:8px;padding:8px 10px}
.tercer-rebuig{font-size:12px;color:var(--vermell);margin-top:8px;background:var(--vermell-clar);border-radius:8px;padding:8px 10px}
.tercer-recordatori{font-size:11.5px;color:var(--taronja);margin-top:8px}

.pill.estat-pendent{background:var(--taronja-clar);color:var(--taronja)}
.pill.estat-negociacio{background:var(--lila-clar);color:var(--lila)}
.pill.estat-acceptada{background:var(--verd-clar);color:var(--verd-fort)}
.pill.estat-rebutjada{background:var(--vermell-clar);color:var(--vermell)}

.tercer-accions{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}
.tercer-accions button{font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:8px;border:1px solid var(--linia-forta);transition:.15s}
.bt-acceptar{background:var(--verd-fort);color:#fff;border-color:var(--verd-fort)}
.bt-acceptar:hover{background:var(--verd-mig)}
.bt-negociar{color:var(--lila);border-color:#e4d3ee}
.bt-negociar:hover{background:var(--lila-clar)}
.bt-rebutjar{color:var(--vermell);border-color:#f3c6c6}
.bt-rebutjar:hover{background:var(--vermell-clar)}
.bt-recordatori{color:var(--taronja);border-color:#ffdcae}
.bt-recordatori:hover{background:var(--taronja-clar)}

/* ---------- Formulari de nova proposta ---------- */
.form-tercers select,.form-tercers input,.form-tercers textarea{width:100%;padding:9px 11px;border:1px solid var(--linia-forta);border-radius:9px;margin-bottom:9px;background:#fbfcfb;font-size:13px}
.form-tercers select:focus,.form-tercers input:focus,.form-tercers textarea:focus{background:#fff}
.form-tercers textarea{min-height:56px;resize:vertical}