
.process-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,.7fr);gap:24px;padding:30px;border:1px solid #b9d5e3;border-radius:24px;background:linear-gradient(135deg,#092c43 0%,#0a4b61 65%,#08756f 100%);color:#fff;box-shadow:0 18px 34px rgba(15,47,68,.18);margin-bottom:22px}
.process-hero span,.process-card-body>span,.process-last-result span,.process-step-heading>span{font-size:11px;letter-spacing:.14em;font-weight:800}
.process-hero h2{margin:8px 0 10px;font-size:clamp(24px,3vw,38px);line-height:1.08;color:#fff}.process-hero p{max-width:860px;margin:0;color:#d9edf4;font-size:16px;line-height:1.65}
.process-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);align-self:center;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.1);overflow:hidden}.process-hero-stats span{display:flex;min-height:112px;padding:16px 10px;flex-direction:column;align-items:center;justify-content:center;text-align:center;letter-spacing:0;color:#dff5f5}.process-hero-stats span+span{border-left:1px solid rgba(255,255,255,.18)}.process-hero-stats strong{font-size:28px;color:#fff}
.process-last-result{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;margin-bottom:18px;border:1px solid #a9dfc7;border-left:5px solid #0b9a68;border-radius:17px;background:#f0fbf6}.process-last-result>div{display:flex;flex-direction:column;gap:3px}.process-last-result>div:last-child{flex-direction:row}.process-last-result strong{font-size:17px;color:#12324a}.process-last-result small{color:#5c6f82}
.process-card-list{display:grid;gap:18px}.process-card{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:22px;align-items:center;padding:24px;border:1px solid #cad9e5;border-radius:22px;background:#fff;box-shadow:0 12px 26px rgba(15,47,68,.09);overflow:hidden}.process-card:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:#1679aa}.process-card.listing:before{background:#6d5be8}.process-card.selling:before{background:#0a9a69}.process-card-icon{display:flex;width:64px;height:64px;align-items:center;justify-content:center;border-radius:18px;border:1px solid #9fc6dc;background:linear-gradient(145deg,#effaff,#d5eefa);color:#123e5a;font-weight:900;box-shadow:inset 0 1px #fff,0 7px 14px rgba(15,47,68,.12)}.process-card.listing .process-card-icon{border-color:#c8bdfc;background:linear-gradient(145deg,#f8f5ff,#e7e0ff);color:#4f3dc7}.process-card.selling .process-card-icon{border-color:#9bdcc6;background:linear-gradient(145deg,#f0fff9,#d5f5e7);color:#087553}
.process-card-body h2{margin:5px 0 7px;font-size:22px;color:#142b40}.process-card-body p{margin:0;color:#61758a;line-height:1.55}.process-card-body>span{color:#477089}.process-card-action{display:flex;min-width:145px;flex-direction:column;gap:8px;text-align:center}.process-card-action small{color:#587086}
.process-card-flow{display:flex;align-items:center;gap:5px;margin-top:18px;overflow-x:auto;padding-bottom:3px}.process-card-flow span{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;color:#4e6478}.process-card-flow span b{display:inline-flex;width:23px;height:23px;align-items:center;justify-content:center;border-radius:50%;background:#eaf2f7;color:#174765}.process-card-flow i{width:14px;height:1px;background:#bdd0dd;flex:0 0 auto}
.process-safety{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.process-safety div{display:flex;min-height:90px;flex-direction:column;justify-content:center;padding:18px;border:1px solid #d7e2ea;border-radius:16px;background:#f8fbfd}.process-safety b{color:#17344b}.process-safety span{margin-top:4px;color:#667a8c;font-size:13px}
.process-guide{display:grid;gap:12px}.process-guide section{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px;border:1px solid #d6e3eb;border-radius:14px}.process-guide section>b{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;background:#0b617d;color:#fff}.process-guide h3{margin:0 0 4px}.process-guide p{margin:0;color:#66798a}
.process-wizard{min-height:520px}.process-wizard-message{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:16px;background:linear-gradient(120deg,#0c344d,#086d72);color:#fff}.process-wizard-message>div{display:flex;flex-direction:column}.process-wizard-message span{font-size:10px;letter-spacing:.13em;font-weight:800;color:#bce7e7}.process-wizard-message strong{font-size:19px}.process-wizard-message small{font-weight:700;color:#dcf3f5}
.process-wizard-progress{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:7px;margin:16px 0 22px;overflow-x:auto;padding-bottom:6px}.process-wizard-progress>div{position:relative;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:8px;min-width:105px;padding:11px;border:1px solid #d8e2e9;border-radius:13px;background:#f7fafc;color:#6c8092}.process-wizard-progress span{grid-row:1/3;display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:10px;background:#e5edf3;color:#49657a;font-weight:900}.process-wizard-progress b{font-size:12px;color:#40586c}.process-wizard-progress small{font-size:10px}.process-wizard-progress .active{border-color:#1a7ca3;background:#eaf8fc;box-shadow:0 0 0 2px rgba(18,123,159,.12)}.process-wizard-progress .active span{background:#0c6f91;color:#fff}.process-wizard-progress .active b{color:#0d536d}.process-wizard-progress .complete{border-color:#9dd9c2;background:#f0fbf6}.process-wizard-progress .complete span{background:#0c9466;color:#fff}
.process-wizard-panel{padding:2px}.process-step-heading{margin-bottom:20px}.process-step-heading span{color:#097b78}.process-step-heading h2{margin:5px 0;font-size:26px;color:#132f46}.process-step-heading p{margin:0;color:#62778a;font-size:15px;line-height:1.55;max-width:900px}
.process-choice-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);gap:20px;align-items:start}.process-vehicle-preview{display:grid;grid-template-columns:190px 1fr;gap:18px;overflow:hidden;border:1px solid #cadbe5;border-radius:18px;background:#f8fbfd}.process-vehicle-preview>div{height:145px;background:#eaf2f6}.process-vehicle-preview img,.process-review-hero img,.process-photo-editor img{width:100%;height:100%;object-fit:cover}.process-vehicle-preview section{display:flex;flex-direction:column;justify-content:center;padding:14px 18px 14px 0}.process-vehicle-preview section span{font-size:11px;font-weight:800;letter-spacing:.09em;color:#27817c}.process-vehicle-preview h3{margin:5px 0;font-size:20px}.process-vehicle-preview p{margin:0 0 8px;color:#64788a}.process-vehicle-preview section>b{font-size:20px;color:#0c684d}
.process-photo-empty{display:flex;width:100%;height:100%;min-height:130px;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#eef4f8,#dbe7ed);color:#4e687b}.process-photo-empty b{font-size:22px}.process-photo-empty span{font-size:12px}
.process-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.process-check-grid label,.process-channel-grid label,.process-confirm-line{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #cfdee7;border-radius:14px;background:#fff;cursor:pointer}.process-check-grid input,.process-channel-grid input,.process-confirm-line input{width:22px;height:22px;accent-color:#0b8f68;flex:0 0 auto}.process-check-grid span,.process-channel-grid span,.process-confirm-line span{display:flex;flex-direction:column}.process-check-grid b,.process-channel-grid b,.process-confirm-line b{font-size:13px;color:#203a4e}.process-check-grid small,.process-channel-grid small,.process-confirm-line small{margin-top:3px;color:#718396}.process-check-grid.compact{gap:8px}.process-check-grid.compact label{padding:12px}
.process-media-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:22px}.process-photo-editor{display:flex;flex-direction:column;gap:10px}.process-photo-editor>div{height:280px;overflow:hidden;border:1px dashed #8eb1c3;border-radius:17px;background:#edf4f7}.process-photo-editor small{color:#6e8090;text-align:center}
.process-price-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);gap:22px}.process-price-layout output{display:flex;min-height:46px;align-items:center;padding:0 13px;border:1px solid #ccdbe5;border-radius:10px;background:#f3f7f9;font-weight:800}.process-price-layout aside,.process-deal-total{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;padding:24px;border-radius:18px;background:linear-gradient(150deg,#0b334c,#087b75);color:#fff;box-shadow:0 16px 25px rgba(10,66,79,.18)}.process-price-layout aside>span,.process-deal-total>span{font-size:11px;letter-spacing:.13em;font-weight:800}.process-price-layout aside>strong,.process-deal-total>strong{font-size:32px;margin:8px 0}.process-price-layout aside small,.process-deal-total small{color:#d5f2f0}
.process-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.process-review-hero{display:grid;grid-template-columns:210px 1fr auto;gap:20px;align-items:center;overflow:hidden;border:1px solid #c8dce7;border-radius:18px;background:#f8fbfd}.process-review-hero>div{height:170px;background:#e8f0f4}.process-review-hero section{padding:16px 0}.process-review-hero section>span{font-size:11px;font-weight:800;color:#14766f}.process-review-hero h2{margin:5px 0}.process-review-hero p{margin:0;color:#687b8c;line-height:1.5}.process-review-hero aside{display:flex;min-width:190px;flex-direction:column;padding:20px;text-align:right}.process-review-hero aside strong{font-size:25px;color:#0a7051}.process-review-hero aside small{color:#667c8b}.process-review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.process-review-grid div{display:flex;min-height:84px;flex-direction:column;justify-content:center;padding:14px;border:1px solid #d6e2e9;border-radius:13px;background:#fff}.process-review-grid span{font-size:10px;font-weight:800;letter-spacing:.08em;color:#6b8294}.process-review-grid b{margin-top:4px;color:#193950}
.process-deal-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px}.process-deal-total{position:sticky;top:0;height:max-content}.process-deal-total small{display:flex;width:100%;justify-content:space-between;padding:7px 0;border-top:1px solid rgba(255,255,255,.17)}.process-advanced{margin-top:14px;border:1px solid #cedde6;border-radius:14px;background:#f8fbfd}.process-advanced summary{padding:14px;font-weight:800;cursor:pointer}.process-advanced .form-grid{padding:0 14px 14px}
.process-payment-layout{display:grid;gap:16px}.process-payment-evidence{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;border:1px solid #f0c06f;border-radius:15px;background:#fff8e8}.process-payment-evidence>div:last-child{display:flex;flex-direction:column;gap:7px;align-items:flex-start}.process-balance-preview{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #bdd7e3;border-radius:15px;background:#f2f9fc}.process-balance-preview span{display:flex;min-height:76px;flex-direction:column;align-items:center;justify-content:center;color:#617789}.process-balance-preview span+span{border-left:1px solid #cbdde6}.process-balance-preview b{font-size:19px;color:#173b54}.process-paperwork-options{margin-top:16px}
.process-signature-card{position:relative;padding:16px;margin-bottom:16px;border:1px solid #adc8d6;border-radius:17px;background:#f7fbfd}.process-signature-card>div{display:flex;justify-content:space-between;margin-bottom:9px}.process-signature-card span{font-size:11px;font-weight:900;letter-spacing:.13em;color:#0c6a71}.process-signature-card canvas{display:block;width:100%;height:220px;border:1px solid #aac0cd;border-radius:10px;background:#fff;touch-action:none}.process-signature-card button{margin-top:10px}
.q-process-wizards span{background:linear-gradient(145deg,#0c5470,#09906b)!important;color:#fff!important}
@media(max-width:1000px){.process-hero,.process-choice-layout,.process-media-layout,.process-price-layout,.process-deal-layout{grid-template-columns:1fr}.process-card{grid-template-columns:65px 1fr}.process-card-action{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-end}.process-deal-total{position:static}.process-review-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.process-hero{padding:22px 18px}.process-hero-stats{grid-template-columns:1fr}.process-hero-stats span{min-height:72px}.process-hero-stats span+span{border-left:0;border-top:1px solid rgba(255,255,255,.18)}.process-card{grid-template-columns:1fr;padding:20px}.process-card-icon{width:52px;height:52px}.process-card-action{grid-column:auto;justify-content:stretch}.process-card-action .btn{width:100%}.process-card-flow{margin-top:13px}.process-safety,.process-check-grid,.process-channel-grid,.process-review-grid,.process-balance-preview{grid-template-columns:1fr}.process-payment-evidence{grid-template-columns:1fr}.process-balance-preview span+span{border-left:0;border-top:1px solid #cbdde6}.process-review-hero{grid-template-columns:1fr}.process-review-hero>div{height:220px}.process-review-hero section,.process-review-hero aside{padding:16px}.process-review-hero aside{text-align:left}.process-vehicle-preview{grid-template-columns:1fr}.process-vehicle-preview>div{height:210px}.process-vehicle-preview section{padding:16px}.process-last-result{align-items:stretch;flex-direction:column}.process-last-result>div:last-child{display:grid}.process-wizard-message{align-items:flex-start;flex-direction:column}.process-wizard-progress{grid-template-columns:repeat(7,120px)}.process-signature-card canvas{height:170px}.modal-foot:has(#pwNext){display:grid;grid-template-columns:1fr 1fr}.modal-foot:has(#pwNext) .btn{width:100%;margin:0}}
