/* contracts — Contracts, Services & Work Tickets. Industry system (styles.css +
 * platform.css); square corners, Barlow, no inline style anywhere. */

.con-head { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: flex-start; margin: 0 0 16px; }
.con-head .con-title { font-family: var(--font-heading); font-size: 22px; font-weight: 600; line-height: 1.2; }
.con-head .con-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 13px; color: var(--color-muted, #6b6b70); }
.con-head .grow { flex: 1 1 auto; }

.con-filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.con-filters select, .con-filters input { padding: 4px 8px; border: 1px solid var(--line, #d9d9dc); background: #fff; font: inherit; font-size: 13px; }

.con-renew { border-left: 3px solid #b26a00; padding-left: 6px; }
.con-row-link { cursor: pointer; }
.con-row-link:hover td { background: color-mix(in srgb, var(--color-text, #111) 5%, transparent); }

.est-block { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; background: var(--line, #d9d9dc); border: 1px solid var(--line, #d9d9dc); margin: 0 0 8px; }
.est-block .tile { background: #fff; border: 0; }
.est-caption { font-size: 12px; color: var(--color-muted, #6b6b70); margin: 0 0 12px; }

.diff-summary { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.diff-list { margin: 0; padding-left: 18px; font-size: 13px; }
.diff-list li { margin: 2px 0; }

.checklist { margin: 0; padding-left: 18px; }
.checklist li { margin: 3px 0; }

.visit-skipped td { color: var(--color-muted, #6b6b70); text-decoration: line-through; }
.visit-cancelled td { color: var(--color-muted, #6b6b70); opacity: .7; }
.visit-complete td:first-child { border-left: 3px solid #2e7d32; }

.con-ledger { font-family: "Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; }
.con-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }