/* The Contracts part of the Operations & Logistics tab and its form, drawn
   by app/event-operations/contracts.js. Loaded after logistics.css; it reuses
   that sheet's heading, rows, missing text and form spacer, the dashboard's
   .event-dashboard-block and note, and the shared .field, .form-grid and
   .button rules, and adds no colour tokens. */
.event-contracts{display:grid;gap:16px;margin-bottom:18px}
.event-contracts>*{min-width:0;margin:0}
.event-contracts-summary{color:var(--ink);font:600 13.5px "Bricolage Grotesque",sans-serif;font-variant-numeric:tabular-nums}
.event-contracts-area h3 .button{font-size:12.5px}
.event-contracts-empty{margin:0;font-size:14px}

.event-contract{padding:12px 0;border-top:1px solid var(--line)}
.event-contract:first-of-type{padding-top:0;border-top:0}
.event-contract-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin-bottom:8px}
.event-contract-head h4{margin:0;color:var(--ink);font:600 14px "Poppins",sans-serif;overflow-wrap:anywhere}
.event-contract-actions{display:flex;gap:6px}
.event-contract-status{font-weight:600}
.event-contract-status[data-status="signed"]{color:#17613c}
.event-contract-status[data-status="cancelled"]{color:var(--muted);text-decoration:line-through}
.event-contract-late{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:5px;background:#fbe9e7;color:#8f2a1d;font-size:12px;font-weight:600}
.event-contract-details{white-space:pre-line}