@import url('./sales-agreement.css');
.sv-root{--sv-red:#d8392d;--sv-ink:#202b38;--sv-muted:#687382;color:var(--sv-ink);max-width:1500px;margin:0 auto}.sv-root *{box-sizing:border-box}.sv-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.sv-header h1{font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-.035em;margin:10px 0 14px}.sv-header p,.sv-opportunity-heading p{color:var(--sv-muted);line-height:1.6;margin:0}.sv-eyebrow{font-size:10px;font-weight:750;letter-spacing:.17em;color:var(--sv-muted)}.sv-pill{display:inline-flex;align-items:center;white-space:nowrap;background:#f0f3f7;border:1px solid #e4e8ee;border-radius:20px;padding:8px 12px;font-size:10px;font-weight:750;letter-spacing:.04em}.sv-boundary{padding:18px 22px;background:#edf1f6;border:1px solid #dde4ed;border-radius:12px;display:grid;gap:7px;line-height:1.55;font-size:12px;margin-bottom:18px}.sv-boundary span,.sv-help,.sv-footer{color:var(--sv-muted)}.sv-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:20px;align-items:start}.sv-sidebar,.sv-main{min-width:0;display:grid;gap:18px}.sv-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.sv-card{background:#fff;border:1px solid #e2e6eb;border-radius:13px;padding:23px;min-width:0}.sv-card h2{font-size:20px;margin:8px 0 18px;letter-spacing:-.025em}.sv-card h3{font-size:19px;letter-spacing:-.025em;margin:8px 0 14px}.sv-card summary{font-weight:700;cursor:pointer;line-height:1.5}.sv-card[open]>summary{margin-bottom:20px}.sv-toolbar{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:20px}.sv-toolbar>label{min-width:200px}.sv-metrics{display:flex;gap:22px;flex:1;font-size:12px;color:var(--sv-muted)}.sv-metrics b{color:var(--sv-ink);font-size:18px;margin-right:4px}.sv-form{display:grid;gap:15px}.sv-form label,.sv-toolbar label{display:grid;gap:7px;font-size:11px;font-weight:650;color:#526070;line-height:1.5}.sv-root input:not([type=checkbox]),.sv-root textarea,.sv-root select{width:100%;min-width:0;border:1px solid #dce1e7;background:#fff;border-radius:8px;padding:11px 12px;font:inherit;font-size:12px;color:var(--sv-ink);min-height:42px}.sv-root textarea{resize:vertical;line-height:1.6}.sv-root input:focus,.sv-root select:focus,.sv-root textarea:focus{outline:2px solid #d8392d33;outline-offset:2px;border-color:var(--sv-red)}.sv-root select:disabled{background:#f3f5f8;color:#536171}.sv-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sv-form .sv-check{display:flex;gap:10px;align-items:flex-start;line-height:1.65;font-weight:500}.sv-check input{margin:3px 0 0;accent-color:var(--sv-red);flex-shrink:0}.sv-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sv-red);border-radius:7px;padding:10px 13px;background:var(--sv-red);color:#fff;font:inherit;font-size:11px;font-weight:650;line-height:1.45;cursor:pointer;min-height:39px;text-align:center}.sv-button:hover{filter:brightness(.96)}.sv-button:focus-visible,.sv-opportunity:focus-visible{outline:3px solid #d8392d44;outline-offset:3px}.sv-button:disabled{cursor:wait;opacity:.55}.sv-secondary{color:#3f4c5b;background:#fff;border-color:#dce2e9}.sv-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.sv-actions strong{font-size:12px;margin-left:auto}.sv-help{font-size:11px;line-height:1.7;margin:0 0 16px}.sv-empty{font-size:12px;line-height:1.7;color:var(--sv-muted);padding:10px 0}.sv-contact{border-top:1px solid #edf0f3;padding:14px 0;display:flex;align-items:flex-start;gap:12px}.sv-contact>div{display:grid;gap:5px;min-width:0;flex:1}.sv-contact b{font-size:12px}.sv-contact span,.sv-contact small{font-size:10px;color:var(--sv-muted);line-height:1.5;overflow-wrap:anywhere}.sv-contact .sv-button{font-size:10px;padding:6px 9px;min-height:30px}.sv-opportunity{display:grid;gap:7px;width:100%;text-align:left;background:#fff;border:1px solid #e3e7ed;border-radius:10px;padding:15px;margin-top:11px;color:var(--sv-ink);font:inherit;cursor:pointer}.sv-opportunity b{font-size:12px;line-height:1.5}.sv-opportunity small,.sv-opportunity>span:last-child{font-size:10px;color:var(--sv-muted)}.sv-opportunity.sv-selected{border-color:#dc9e94;background:#fff8f6;box-shadow:0 0 0 1px #e4b0a633}.sv-status{width:max-content;max-width:100%;border-radius:12px;padding:4px 8px;font-size:9px;font-weight:700;background:#edf1f6;color:#50617a}.sv-status.sv-stage-booked{background:#e7f1e9;color:#42624d}.sv-status.sv-stage-lost{background:#f3eceb;color:#87675f}.sv-status.sv-stage-agreement_recorded{background:#f8efd9;color:#8a692a}.sv-opportunity-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.sv-record{display:grid;gap:7px;background:#f5f7fa;border:1px solid #e9edf2;border-radius:9px;padding:15px;margin-bottom:18px;overflow-wrap:anywhere;line-height:1.65}.sv-record b{font-size:12px}.sv-record span,.sv-record small,.sv-record p{font-size:11px;color:var(--sv-muted);margin:0;white-space:pre-wrap}.sv-line{border:1px solid #e3e7ed;border-radius:9px;display:grid;gap:12px;padding:15px;margin:0 0 12px;min-width:0}.sv-line legend{font-size:10px;font-weight:700;color:var(--sv-muted);padding:0 6px}.sv-estimate-lines{min-width:0}.sv-history{margin-top:18px;border-top:1px solid #e7ebf0;padding-top:12px;font-size:10px;color:var(--sv-muted)}.sv-history p{line-height:1.7}.sv-history summary{font-size:11px}.sv-readonly-lines{list-style:none;padding:0;margin:0}.sv-readonly-lines li{display:flex;gap:15px;justify-content:space-between;border-top:1px solid #e8ecf1;padding:11px 0;font-size:11px;line-height:1.5}.sv-readonly-lines span{flex:1}.sv-message{padding:13px 17px;border-radius:9px;border:1px solid #dae2ee;font-size:12px;line-height:1.6;background:#edf2fa;margin:0 0 17px}.sv-message.sv-error{background:#fff0ee;border-color:#e9c4be;color:#91473b}.sv-message.sv-success{background:#eff7ef;border-color:#cfe2d0;color:#45654b}.sv-notice-slot:empty{display:none}.sv-footer{font-size:10px;line-height:1.8;margin:24px 0 0}.sv-booking{border-color:#dccfaf;background:#fffdf7}
@media(max-width:1150px){.sv-detail-grid{grid-template-columns:1fr}.sv-layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr)}}
@media(max-width:760px){.sv-header{display:block}.sv-header .sv-pill{margin-top:15px}.sv-layout,.sv-detail-grid{grid-template-columns:1fr}.sv-sidebar{grid-template-columns:1fr}.sv-card{padding:20px}.sv-toolbar{gap:16px}.sv-toolbar>label{width:100%}.sv-metrics{width:100%;gap:16px;flex-wrap:wrap}.sv-opportunity-heading{align-items:flex-start;flex-direction:column}.sv-form-grid{grid-template-columns:1fr}.sv-actions{align-items:stretch}.sv-actions strong{margin:5px 0;width:100%}.sv-boundary{padding:16px}.sv-header h1{font-size:31px}.sv-record{padding:13px}}

/* Functional stage drop zones; reference-image styling is pending. */
.sv-pipeline{margin-bottom:20px}.sv-board{display:grid;grid-template-columns:repeat(7,minmax(190px,1fr));gap:12px;overflow-x:auto;padding:4px 2px 16px;align-items:start}.sv-column{min-height:160px;background:#f5f7fa;border:1px solid #e2e6eb;border-radius:10px;padding:12px}.sv-column h3{font-size:12px;line-height:1.5;margin:0 0 12px}.sv-column h3 span{color:#687382}.sv-pipeline-card{margin-bottom:12px;border-radius:10px}.sv-pipeline-card .sv-opportunity{margin:0 0 6px}.sv-pipeline-card>.sv-button{width:100%}.sv-drop-target{outline:3px solid #d8392d88;outline-offset:-3px}.sv-dragging{opacity:.5}.sv-move-dialog{margin-bottom:20px;border:2px solid #d8392d}.sv-move-dialog label{display:grid;gap:8px}.sv-move-dialog p{font-size:12px;line-height:1.6}.sv-column:focus-within{border-color:#d8392d}
@media(max-width:760px){.sv-board{grid-template-columns:1fr;overflow:visible}.sv-column{min-height:90px}.sv-pipeline-card{touch-action:pan-y}}

/* Pipeline structure follows the inspected shared reference; CREW actions/stages remain its own. */
.sv-pipeline{margin:24px 0}.sv-board-heading{display:flex;align-items:center;justify-content:space-between}.sv-board-heading h2{font-size:20px;margin:0 0 10px}.sv-count{display:inline-block;border-radius:20px;background:#fbece9;color:#b7362b;padding:5px 11px;font-size:12px;margin-left:8px}.sv-board{grid-template-columns:repeat(7,minmax(280px,1fr));gap:16px;padding:2px 2px 18px}.sv-column{padding:0;border:0;background:transparent;min-height:240px}.sv-column-heading{background:white;border:1px solid #dfe3e8;border-radius:7px;padding:17px 14px;box-shadow:0 1px 3px #202b3810}.sv-column-heading h3{font-size:14px;margin:0 0 8px}.sv-column-heading p{font-size:11px;color:#7b8491;margin:0;display:flex;gap:8px;flex-wrap:wrap}.sv-column-heading b{color:#273443}.sv-column-heading small{font-size:10px}.sv-column-cards{padding-top:14px}.sv-pipeline-card{border:1px solid #e0e4e9;background:white;box-shadow:0 2px 3px #202b3810;padding:14px;border-radius:9px}.sv-pipeline-card.sv-selected{border-color:#d89489}.sv-pipeline-card .sv-opportunity{border:0;background:transparent;box-shadow:none;padding:0;margin:0 0 18px}.sv-pipeline-card .sv-opportunity b{font-size:14px}.sv-pipeline-card .sv-opportunity span{font-size:11px;color:#6b7787}.sv-pipeline-card dl,.sv-customer{display:grid;grid-template-columns:85px minmax(0,1fr);gap:11px;font-size:11px;line-height:1.5;margin:0 0 18px}.sv-pipeline-card dt,.sv-customer dt{color:#76808c;font-weight:600}.sv-pipeline-card dd,.sv-customer dd{margin:0;overflow-wrap:anywhere;color:#465463}.sv-card-actions{display:flex;gap:8px;border-top:1px solid #edf0f3;padding-top:12px}.sv-pipeline-card>.sv-button{width:auto}.sv-card-actions .sv-button{flex:1;font-size:10px;padding:8px}.sv-estimator .sv-card{margin-bottom:18px}.sv-job-type{display:grid;gap:7px;max-width:340px;font-size:12px;margin-bottom:10px}.sv-estimator .sv-customer{grid-template-columns:110px minmax(0,1fr);font-size:12px}
@media(max-width:760px){.sv-board{grid-template-columns:1fr}.sv-column{min-height:90px}.sv-column-heading{padding:14px}.sv-card-actions{flex-wrap:wrap}.sv-estimator .sv-customer{grid-template-columns:90px minmax(0,1fr)}}
.contacts-root .sv-toolbar{flex-wrap:wrap}.contacts-root .sv-toolbar label{flex:1;min-width:150px}.contacts-root .sv-contact{align-items:flex-start}.contacts-root details{max-width:100%;overflow-wrap:anywhere}.sv-pipeline-detail{margin-top:20px}.contacts-root form[data-website-route]{margin-top:18px}@media(max-width:600px){.contacts-root .sv-toolbar label{min-width:100%;box-sizing:border-box}.contacts-root .sv-contact{flex-wrap:wrap}.contacts-root nav{flex-wrap:wrap}}