.sale-overview{margin:30px 0;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #68503e;border-radius:20px;background:linear-gradient(115deg,#283337,#34271e)}.sale-overview h2{font-size:28px;margin:10px 0}.sale-overview p{color:var(--muted);font-size:13px;line-height:1.7}.sale-overview-money{display:grid;gap:10px;min-width:220px}.sale-overview-money small{color:var(--muted);font-size:12px}.sale-overview-money strong{font-size:32px}.sale-financials .metric-value{font-size:clamp(23px,2.4vw,33px);overflow-wrap:anywhere}.sale-queue-row{display:flex;align-items:center;gap:20px;padding:23px 25px;border-bottom:1px solid var(--line)}.sale-queue-row:last-child{border:0}.sale-queue-row h3{margin:10px 0;overflow-wrap:anywhere}.sale-queue-row .eyebrow{font-size:10px;letter-spacing:1px}.sale-queue-row p{line-height:1.6}.sale-queue-value{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.sale-queue-value>strong{font-size:22px}.sale-queue-value small{color:var(--muted);font-size:11px;white-space:nowrap}.sale-selected{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--panel2);padding:25px;border:1px solid var(--line);border-radius:14px}.sale-selected h2{margin:10px 0}.sale-selected p{font-size:13px}.sale-selected>strong{font-size:32px;white-space:nowrap}.sale-hero{padding:30px;border:1px solid #62503c;border-radius:19px;background:linear-gradient(115deg,#253338,#34271f);margin-bottom:25px}.sale-hero h2{font-size:28px;margin:12px 0;overflow-wrap:anywhere}.sale-hero p:not(.hint){font-size:14px;color:var(--muted)}.sale-phases{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:30px 0}.sale-phases>div{border-top:2px solid var(--line);padding-top:15px;display:flex;gap:10px;align-items:center;color:var(--muted)}.sale-phases .done{border-color:var(--green);color:var(--green)}.sale-phases span{border:1px solid currentColor;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.sale-phases small{font-size:12px;line-height:1.5}.sale-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}.sale-workspace-grid>*{min-width:0}.sale-amount{font-size:24px;white-space:nowrap}.sale-scope-lines>div{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.sale-scope-lines>div:first-child{padding-top:0}.sale-scope-lines>div>strong{white-space:nowrap;font-size:15px}.sale-scope-lines p{line-height:1.7;margin-top:10px}.sale-confirmation{padding:20px;background:var(--panel2);border-radius:12px;margin-top:24px;font-size:13px;line-height:1.7}.sale-confirmation .eyebrow{font-size:10px;margin-bottom:10px}.sale-confirmation small{color:var(--muted)}.sale-visits{display:grid;gap:12px}.sale-visits a{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:16px;border:1px solid var(--line);border-radius:11px}.sale-visits strong{font-size:13px}.sale-visits small{display:block;font-size:11px;color:var(--muted);margin-top:8px}.sale-history{max-height:400px;overflow:auto}.sale-invoice-panel .panel-head{align-items:flex-start}.sale-invoice-panel .panel-head h2{margin-top:10px}.sale-invoice-panel .panel-body>p{line-height:1.65}.sale-balance>small{color:var(--muted);font-size:12px}.sale-balance>strong{display:block;font-size:36px;letter-spacing:-1px;margin:10px 0 24px}.sale-balance>div{display:flex;gap:15px;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.sale-balance .sale-balance-due{color:var(--ink);font-size:16px}.sale-balance-due b{color:var(--orange)}.sale-invoice-actions{display:grid;gap:10px}.sale-invoice-actions .button{width:100%}.sale-payment-history>article{border-top:1px solid var(--line);padding:19px 0}.sale-payment-history>article>p{font-size:12px;line-height:1.7;margin:10px 0}.sale-payment-history small{font-size:10px;color:var(--muted)}.sale-form-scope{padding:20px;background:var(--panel2);border-radius:12px}.sale-form-scope>strong{display:block;font-size:28px;margin:15px 0}.sale-form-scope h3{line-height:1.5}.sale-workspace-grid .panel-head{flex-wrap:wrap}.sale-workspace-grid .timeline .event p{font-size:12px}
[data-theme="light"] :is(.sale-overview,.sale-hero){background:linear-gradient(115deg,#eef5ef,#fff1e4);border-color:#d6c4b2}[data-theme="light"] .sale-confirmation,[data-theme="light"] .sale-form-scope{background:#f0f5ef}
@media(max-width:1150px){.sale-workspace-grid{grid-template-columns:minmax(0,1fr) 320px}.sale-queue-row{flex-wrap:wrap}.sale-queue-value{margin-left:auto}.sale-queue-row>.button{margin-left:58px}}
@media(max-width:850px){.sale-workspace-grid{grid-template-columns:1fr}.sale-overview{align-items:stretch;flex-direction:column}.sale-overview-money{grid-template-columns:1fr auto;align-items:center}.sale-overview-money small{grid-column:1/-1}.sale-phases{gap:8px}.sale-phases>div{flex-direction:column;align-items:flex-start}.sale-hero{padding:24px}}
@media(max-width:550px){.sale-selected{align-items:flex-start;flex-direction:column;padding:20px}.sale-phases{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}.sale-overview{padding:23px}.sale-overview-money{display:grid;grid-template-columns:1fr}.sale-queue-row{padding:20px;gap:15px}.sale-queue-row>.avatar{display:none}.sale-queue-row>.grow{flex-basis:100%}.sale-queue-value{align-items:flex-start;margin-left:0}.sale-queue-row>.button{margin-left:auto}.sale-scope-lines>div{gap:12px}.sale-scope-lines>div>strong{font-size:13px}}