/* Convert a Service and Repair contract that crossed $750 into a home improvement contract (ADR 2026-10-03). */
.sc-wrap { font-size: 13px; color: var(--color-text-primary); }
.sc-wrap h4 { margin: 14px 0 6px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--color-text-secondary); }
.sc-wrap .sc-lead { margin: 0 0 8px; color: var(--color-text-secondary); line-height: 1.45; }
.sc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 10px; }
.sc-grid .sc-full { grid-column: 1 / -1; }
.sc-field label { display: block; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; color: var(--color-text-secondary); margin-bottom: 3px; }
.sc-field input, .sc-field select, .sc-field textarea { width: 100%; box-sizing: border-box; padding: 6px 8px; border-radius: 6px; border: 1px solid var(--color-border-secondary); background: var(--surface-1); color: var(--color-text-primary); font: inherit; }
.sc-field textarea { resize: vertical; min-height: 34px; }
.sc-field .sc-hint { margin-top: 3px; font-size: 11px; color: var(--color-text-tertiary); }
.sc-origin { padding: 8px 10px; border-radius: 8px; background: var(--surface-3); border: 1px solid var(--color-border-tertiary); line-height: 1.5; }
.sc-origin .sc-edit { float: right; }
.sc-type { display: grid; gap: 6px; }
.sc-type label { display: flex; gap: 8px; align-items: flex-start; padding: 8px 10px; border-radius: 8px; border: 1px solid var(--color-border-secondary); cursor: pointer; }
.sc-type label.on { border-color: var(--color-text-info); background: var(--color-background-info); }
.sc-type input { margin-top: 2px; }
.sc-type b { display: block; }
.sc-type span { color: var(--color-text-secondary); font-size: 12px; }
.sc-row { display: grid; grid-template-columns: 1fr 96px 24px; gap: 6px; align-items: start; margin-bottom: 6px; }
.sc-row textarea { grid-column: 1 / 2; }
.sc-rm { background: none; border: none; color: var(--color-text-tertiary); font-size: 18px; line-height: 1; cursor: pointer; padding: 4px; }
.sc-rm:hover { color: var(--color-text-danger); }
.sc-sum { margin-top: 10px; padding: 10px 12px; border-radius: 8px; background: var(--surface-3); border: 1px solid var(--color-border-tertiary); }
.sc-sum table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.sc-sum td { padding: 3px 0; }
.sc-sum td:last-child { text-align: right; white-space: nowrap; }
.sc-sum tr.sc-total td { border-top: 1px solid var(--color-border-secondary); padding-top: 6px; font-weight: 700; }
.sc-msg { margin-top: 8px; padding: 8px 10px; border-radius: 8px; line-height: 1.45; }
.sc-msg.warn { background: var(--color-background-warn); color: var(--color-text-warn); }
.sc-msg.bad { background: var(--surface-3); color: var(--color-text-danger); border: 1px solid currentColor; }
.sc-msg.ok { background: var(--color-background-success); color: var(--color-text-success); }
.sc-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 14px; }
.sc-actions .sc-spacer { flex: 1; }
.sc-steps { display: flex; gap: 6px; margin-bottom: 10px; font-size: 11px; color: var(--color-text-tertiary); }
.sc-steps b { color: var(--color-text-primary); }
.sc-list { list-style: none; margin: 6px 0 0; padding: 0; }
.sc-list li { padding: 3px 0; }
.sc-list .sc-ok::before { content: '\2713  '; color: var(--color-text-success); font-weight: 700; }
.sc-list .sc-no::before { content: '\2717  '; color: var(--color-text-danger); font-weight: 700; }
.sc-check { display: flex; gap: 8px; align-items: flex-start; margin-top: 10px; }
.sc-row input, .sc-row textarea { width: 100%; box-sizing: border-box; padding: 6px 8px; border-radius: 6px; border: 1px solid var(--color-border-secondary); background: var(--surface-1); color: var(--color-text-primary); font: inherit; }
.sc-row textarea { resize: vertical; min-height: 34px; }
