.sf-workspace{background:linear-gradient(135deg,#f4f3ed 0%,#eef3ec 60%,#f5f4ee 100%);border-radius:24px;margin:24px auto 64px}.sf-main{min-width:0}.sf-back{display:inline-block;color:#61756e;font-size:13px;margin-bottom:24px}.sf-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.sf-eyebrow{font-size:11px;letter-spacing:.1em;font-weight:750;color:#64796e}.sf-heading h1{font-size:clamp(27px,3vw,40px);line-height:1.15;letter-spacing:-.04em;color:#183f36;margin:10px 0 12px}.sf-heading p{color:#64766e;font-size:15px;margin:0;line-height:1.65}.sf-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:24px;align-items:start}.sf-stack{display:grid;gap:20px;min-width:0}.sf-card{background:#fff;border:1px solid #e1e7de;border-radius:20px;padding:26px;box-shadow:0 6px 22px #29443806;min-width:0}.sf-card h2{color:#20473d;font-size:20px;line-height:1.35;letter-spacing:-.02em;margin:0 0 12px}.sf-card h3{font-size:15px;color:#34584a;margin:20px 0 10px}.sf-card p{color:#60746b;font-size:14px;line-height:1.75;margin:8px 0 14px}.sf-card .sf-small{font-size:12px;line-height:1.7;color:#718177}.sf-status{display:inline-block;background:#eff4e7;border:1px solid #dfe7d5;padding:6px 11px;border-radius:20px;font-size:11px;font-weight:700;color:#4b6854;margin-bottom:14px}.sf-job-head{border-top:3px solid #b8cfab}.sf-summary{padding:18px;background:#f6f7f2;border-radius:12px;display:grid;gap:8px;font-size:14px;color:#657b70;margin-top:20px}.sf-summary strong{font-weight:550;color:#325649;line-height:1.6}.sf-section-title{display:flex;gap:14px;align-items:flex-start}.sf-section-title h2{margin-bottom:3px}.sf-section-title p{margin-top:0}.sf-symbol{display:grid;place-items:center;width:38px;height:38px;background:#f0f5e9;border:1px solid #e0e9d7;border-radius:12px;flex-shrink:0;color:#466245;font-size:21px}.sf-scope{padding:19px;background:#f7f9f4;border:1px solid #e7eddf;border-radius:12px;color:#375649;white-space:pre-line;font-size:14px;line-height:1.85}.sf-excluded{margin-top:16px;padding:0 18px;border-left:2px solid #e6d9c9}.sf-excluded h3{margin:0 0 5px}.sf-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #edf0e9;padding:14px 0;font-size:13px}.sf-row span{color:#738176}.sf-row strong{text-align:right;font-weight:650;color:#305344;overflow-wrap:anywhere}.sf-muted{background:#f8f9f3}.sf-pro{display:flex;gap:13px;align-items:center;margin:17px 0 22px}.sf-pro h2{font-size:17px;margin:0}.sf-pro p{font-size:12px;margin:4px 0 0}.sf-avatar{display:grid;place-items:center;background:#edece3;color:#56725f;width:48px;height:48px;border-radius:50%;font-weight:700}.sf-checklist{padding:0;list-style:none;margin:10px 0 18px;display:grid;gap:11px;font-size:13px;color:#516d5d}.sf-checklist li{padding-left:21px;position:relative;line-height:1.55}.sf-checklist li:before{content:"✓";position:absolute;left:0;color:#72905d}.sf-total{background:linear-gradient(140deg,#fbfcf8,#f1f6e9);border-color:#d8e4cc}.sf-price{display:block;font-size:38px;color:#204538;letter-spacing:-.04em;margin:12px 0}.sf-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:45px;padding:12px 17px;border:1px solid #d7dfd1;border-radius:11px;font:inherit;font-size:13px;font-weight:700;color:#254939;background:#fff;cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.sf-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 17px #25493812;background:#f8faf4}.sf-button:active:not(:disabled){transform:translateY(0)}.sf-primary{background:#d3f68c;border-color:#c2e67b;color:#203f30;box-shadow:0 4px 10px #9cc26018}.sf-primary:hover:not(:disabled){background:#c9ed7f}.sf-button:disabled{opacity:.55;cursor:default}.sf-button:focus-visible,.sf-text:focus-visible,.sf-back:focus-visible{outline:3px solid #8da971;outline-offset:4px}.sf-full{width:100%}.sf-text{display:inline-block;border:0;background:none;padding:14px 0 0;color:#51705d;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.sf-consent{display:flex;align-items:flex-start;gap:9px;margin:18px 0;font-size:12px;line-height:1.65;color:#627264}.sf-consent input{width:17px;height:17px;flex-shrink:0;accent-color:#547043;margin-top:2px}.sf-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.sf-preview{background:#faf7ec;border:1px solid #e6dec5;padding:12px 16px;border-radius:12px;color:#85734f;font-size:12px;line-height:1.6;margin-bottom:22px}.sf-notice{background:#f3f6e9;padding:13px 15px;border:1px solid #e0e7ce;border-radius:11px;color:#536444;font-size:13px;line-height:1.7}.sf-delay{background:linear-gradient(135deg,#fbfcf7,#f3f5ec);border-color:#dee5d5}.sf-timeline{display:grid;gap:20px;margin-top:26px}.sf-timeline>div{display:flex;gap:15px;position:relative}.sf-timeline>div:not(:last-child):after{content:"";position:absolute;left:15px;top:31px;height:calc(100% - 4px);width:1px;background:#dce3d0}.sf-timeline>div>span{flex-shrink:0;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;border:1px solid #dbe4ce;background:#f5f8ec;color:#708452}.sf-timeline strong{font-size:14px;color:#3b5a46}.sf-timeline p{margin:6px 0 0;font-size:13px}.sf-proposal{border-color:#d8e6c8}.sf-proposal h2{margin-top:10px}.sf-new-time{background:#f3f8e9;border:1px solid #e1ebd3;padding:17px;border-radius:12px;font-weight:750;font-size:22px;color:#46613a;margin:19px 0}.sf-help{background:#f3f6ed}.sf-help>.sf-symbol{margin-bottom:18px}.sf-entry{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.cp-job>.sf-entry{border-top:1px solid #e7ece2;padding-top:16px}.sf-entry .sf-button{font-size:12px;min-height:36px;padding:9px 12px}.sf-tracking-links{margin-bottom:25px}.sf-form-error{color:#a0472c;font-size:13px}.sf-pro-time{background:#f2f6e9}.sf-workspace .cp-sidebar{background:#f9faf5}
@media(max-width:1100px){.sf-grid{grid-template-columns:minmax(0,1fr)}.sf-grid>aside{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-grid>aside>.sf-total{grid-row:1;grid-column:1/-1}.sf-workspace .cp-main{padding:24px}}
@media(max-width:700px){.sf-workspace{border-radius:0;margin:0 0 30px}.sf-heading{align-items:flex-start;flex-direction:column;gap:16px}.sf-heading>.sf-button{display:none}.sf-grid>aside{grid-template-columns:1fr}.sf-card{padding:20px;border-radius:16px}.sf-workspace .cp-main{padding:18px}.sf-heading h1{font-size:29px}.sf-actions{flex-direction:column}.sf-actions>.sf-button{width:100%}.sf-new-time{font-size:20px}.sf-row{gap:10px}.sf-row span{flex-shrink:0;max-width:42%}.sf-entry .sf-button{flex:1}.sf-workspace .cp-sidebar{border-radius:0}}
@media(prefers-reduced-motion:reduce){.sf-button{transition:none}.sf-button:hover:not(:disabled){transform:none}}

/* Customer-approved whole job details layout. Shared appointment actions stay intact. */
.sf-workspace{grid-template-columns:210px minmax(0,1fr);max-width:1440px}.sf-workspace .cp-sidebar{padding-top:20px}.sf-workspace .cp-sidebar nav a{min-height:45px;font-size:14px}.sf-workspace .cp-sidebar nav a[aria-current]{background:#e9f4d7;border-radius:12px}.sf-heading{margin-bottom:18px}.sf-heading h1{font-size:32px;margin:0 0 8px}.sf-back{margin-bottom:18px}.sf-heading>.sf-button{display:none}.sf-preview{background:transparent;border:0;padding:0;margin:0 0 18px;font-size:11px;color:#7b8379}.sf-overview{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;padding:22px 26px;margin-bottom:18px;align-items:center}.sf-service{display:flex;gap:20px;align-items:center;min-width:0}.sf-service-icon{display:grid;place-items:center;width:82px;height:90px;flex-shrink:0;background:#f2f1e9;border-radius:14px;color:#547367}.sf-service-icon svg{width:54px;height:54px}.sf-service h2{font-size:23px;margin:0 0 6px}.sf-service p{font-size:13px;margin:0 0 9px;line-height:1.6}.sf-service .sf-status{margin:0}.sf-overview-price{border-left:1px solid #e4e8de;padding-left:28px;color:#3a5146}.sf-overview-price>span{font-size:13px}.sf-overview-price>strong{display:block;font-size:34px;letter-spacing:-.035em;line-height:1.25;margin:7px 0;color:#183f33}.sf-overview-price p{font-size:12px;line-height:1.6;margin:6px 0}.sf-overview-price small{font-size:11px;color:#78867a}.sf-clear-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch;margin-bottom:18px}.sf-clear-grid>.sf-stack{gap:14px}.sf-clear-grid .sf-card{padding:22px}.sf-clear-grid h2{font-size:19px;margin-bottom:18px}.sf-included{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:13px;font-size:14px;color:#315344}.sf-included li{display:flex;align-items:center;gap:12px;line-height:1.6}.sf-included li>span{display:grid;place-items:center;width:26px;height:26px;background:#edf7dd;border-radius:50%;color:#385a30;flex-shrink:0}.sf-offer-scope{font-size:14px;line-height:1.85;white-space:pre-line;color:#385749;margin-bottom:22px}.sf-preparation{display:flex;gap:13px;background:#f3f2ec;padding:17px;border-radius:12px}.sf-preparation>span{font-size:25px;color:#747862}.sf-preparation h3{font-size:14px;margin:0 0 5px}.sf-preparation p{font-size:12px;margin:0;line-height:1.65}.sf-card .sf-exclusion-line{display:flex;gap:12px;font-size:12px;line-height:1.7;margin:18px 0 0;padding-top:15px;border-top:1px solid #e5e9df}.sf-exclusion-line>span{font-size:18px;flex-shrink:0}.sf-date{display:flex;gap:16px;align-items:flex-start;color:#25483b}.sf-date>span{font-size:25px}.sf-date strong{font-size:20px;line-height:1.4}.sf-location{padding-left:37px}.sf-appointment-card .sf-pro{margin:15px 0;padding:14px 0 0;border-top:1px solid #e4e9df;gap:12px}.sf-appointment-card .sf-pro h3{margin:0;font-size:15px}.sf-appointment-card .sf-pro p{margin:3px 0 0;font-size:11px}.sf-appointment-card .sf-avatar{width:40px;height:40px}.sf-compact-help{display:flex;align-items:center;gap:18px;justify-content:space-between}.sf-compact-help h2{font-size:15px;margin:0 0 5px}.sf-compact-help p{font-size:12px;margin:0;line-height:1.65}.sf-compact-help>.sf-button{flex-shrink:0;min-height:39px;padding:10px 13px;font-size:12px}.sf-details{padding:0 22px;margin-top:18px}.sf-details details+details{border-top:1px solid #e5e9df}.sf-details summary{display:flex;align-items:center;gap:14px;list-style:none;padding:16px 0;cursor:pointer;font-weight:650;font-size:14px;color:#355448}.sf-details summary::-webkit-details-marker{display:none}.sf-details summary:after{content:"⌄";margin-left:auto;font-size:21px;color:#577566}.sf-details details[open]>summary:after{content:"⌃"}.sf-details summary>span{font-size:19px;font-weight:400}.sf-details summary:focus-visible{outline:2px solid #9dbb76;outline-offset:3px;border-radius:6px}.sf-details details>div{padding:0 0 17px;font-size:13px}.sf-details .sf-card{background:transparent;padding:0;border:0;box-shadow:none;border-radius:0}.sf-details .sf-card h2{display:none}.sf-details p{font-size:13px;margin:8px 0 14px}.sf-event-list{list-style:none;padding:0;display:grid;gap:10px;color:#546e5e}.sf-event-list small{display:block;color:#7d8a7e;margin-bottom:3px}.sf-bottom-note{display:flex;justify-content:space-between;gap:20px;padding:12px 15px;border:1px solid #e1e8d6;background:#f2f5eb;border-radius:10px;font-size:12px;color:#486044;line-height:1.7;margin-top:14px}.sf-bottom-note small{color:#879082;flex-shrink:0}.sf-accept{grid-column:1/-1;border-top:1px solid #e6eadf;padding-top:12px}.sf-accept .sf-consent{margin:0 0 12px}.sf-pending-extra{margin-bottom:18px}
@media(max-width:1100px){.sf-overview{grid-template-columns:minmax(0,1fr) 210px;padding:20px;gap:16px}.sf-service{gap:12px}.sf-service-icon{width:62px;height:74px}.sf-overview-price{padding-left:20px}.sf-overview-price>strong{font-size:30px}.sf-clear-grid{grid-template-columns:minmax(0,1fr)}.sf-clear-grid>.sf-stack{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.sf-compact-help{display:block}.sf-compact-help>.sf-button{margin-top:14px}.sf-clear-grid .sf-card{padding:20px}}
@media(max-width:800px){.sf-workspace{grid-template-columns:1fr}.sf-workspace .cp-sidebar{padding:0}.sf-workspace .cp-sidebar nav{display:flex;overflow-x:auto;gap:7px;white-space:nowrap}.sf-workspace .cp-sidebar nav a{padding:11px 14px;flex-shrink:0;font-size:12px}.sf-overview{grid-template-columns:minmax(0,1fr)}.sf-overview-price{border-left:0;border-top:1px solid #e5e9df;padding:15px 0 0}.sf-clear-grid>.sf-stack{grid-template-columns:1fr}.sf-compact-help{display:flex}.sf-compact-help>.sf-button{margin-top:0}.sf-bottom-note{display:block}.sf-bottom-note small{display:block;margin-top:6px}.sf-workspace .cp-main{padding:18px}.sf-heading h1{font-size:29px}.sf-heading p{font-size:13px}.sf-service h2{font-size:21px}.sf-details{padding:0 18px}.sf-service-icon{width:60px;height:74px}.sf-service p{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.sf-overview,.sf-clear-grid,.sf-details{animation:sf-enter .25s ease-out}@keyframes sf-enter{from{opacity:.75;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}