/* HQ-27: team xử lý từng phụ lục (views/contract_teams.js) */
.ctm-card { margin: 0 0 16px; padding: 14px 16px; }
.ctm-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.ctm-head h3 { margin: 0; font-size: 15px; }
.ctm-head .btn { margin-left: auto; }
.ctm-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.ctm-chip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 12px;
  border: 1px solid var(--line); background: var(--surface-2); color: var(--ink); white-space: nowrap; max-width: 100%; }
.ctm-chip strong { font-weight: 700; }
.ctm-chip .ctm-role { color: var(--muted); }
.ctm-chip .ctm-pct { font-weight: 700; font-variant-numeric: tabular-nums; }
.ctm-chip .ctm-lead { color: var(--muted); overflow: hidden; text-overflow: ellipsis; }
.ctm-chip.ctm-seller { background: var(--brand-soft); }
.ctm-chip.ctm-operator { background: var(--accent-soft); }
.ctm-chip.ctm-support { background: var(--warn-soft); }
.ctm-hint { font-size: 12px; margin: 10px 0 0; }
.modal .ctm-hint { margin: 0 0 12px; }
.modal:has(.ctm-rows) { max-width: 820px; }
.ctm-rows { display: grid; gap: 10px; }
.ctm-row { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) 90px minmax(0, 1.3fr) auto auto; gap: 8px; align-items: end;
  padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-2); }
.ctm-cell { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ctm-cell > span { font-size: 12px; color: var(--muted); }
.ctm-cell select, .ctm-cell input[type=number] { width: 100%; }
.ctm-prim { flex-direction: row; align-items: center; gap: 4px; font-size: 13px; white-space: nowrap; padding-bottom: 8px; }
.ctm-add { display: flex; gap: 8px; margin: 10px 0; flex-wrap: wrap; }
.ctm-sum { padding: 9px 13px; border-radius: 10px; margin: 0 0 8px; font-weight: 600; background: var(--surface-2); color: var(--muted); }
.ctm-sum.is-ok { background: var(--ok-soft); color: var(--ok-text); }
.ctm-sum.is-warn { background: var(--warn-soft); color: var(--warn); }
.ctm-sum.is-err { background: var(--err-soft); color: var(--err); }
.ctm-help { font-size: 13px; color: var(--muted); }
.ctm-help ul { margin: 6px 0 0; padding-left: 18px; }
.grid2 .ctm-support { grid-column: 1 / -1; }
.ctm-support [data-ctm-srows] { display: grid; gap: 6px; }
.ctm-support [data-ctm-srows]:empty { display: none; }
.ctm-support > .btn { justify-self: start; width: max-content; }
.ctm-srow { display: grid; grid-template-columns: minmax(0, 1fr) 130px auto; gap: 6px; }
@media (max-width: 760px) {
  .ctm-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .ctm-row .ctm-del { justify-self: end; }
  .ctm-srow { grid-template-columns: minmax(0, 1fr) 96px auto; }
  .ctm-chip { white-space: normal; }
}