:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light;--ink:#1b1c39;--muted:#717291;--accent:#6b5cf2;--accent-strong:#5a48e8;--soft:#f0edfe;--canvas:#fafbfe;--surface:#fff;--line:#e5e4f1;--success:#237d59;--success-bg:#edf8f2;--amber:#9f681c;--amber-bg:#fff5e6;--shadow:0 12px 45px #36315706;background:#e4e2f0;color:var(--ink)}
:root[data-theme=dark]{color-scheme:dark;--ink:#f2f0fc;--muted:#b0acc7;--accent:#b1a4ff;--accent-strong:#7c67fa;--soft:#302d49;--canvas:#191926;--surface:#242338;--line:#3a3753;--success:#8bd6ad;--success-bg:#223b32;--amber:#e1bc7d;--amber-bg:#403423;--shadow:0 12px 45px #0505090b;background:#11111d}
*{box-sizing:border-box}body{margin:0;padding:18px;min-width:320px;min-height:100dvh;background:radial-gradient(ellipse at 25% 0,#f0edfb00,#a59dec19 80%);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--accent);text-decoration:none}button:disabled,input:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button::-moz-focus-inner{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);line-height:1.16}p{color:var(--muted)}[hidden]{display:none!important}.icon{width:21px;height:21px;flex:none;display:inline-block;vertical-align:middle}.buyer-shell{min-height:calc(100dvh - 36px);border-radius:38px;background:var(--canvas);border:1px solid color-mix(in srgb,var(--surface) 90%,transparent);overflow:hidden;max-width:1800px;margin:0 auto;box-shadow:var(--shadow)}.buyer-header{height:91px;max-width:1320px;padding:0 42px;margin:auto;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.buyer-brand{display:inline-flex;align-items:center;color:var(--ink);flex:none}.buyer-wordmark{width:157px;height:32px;display:block}.buyer-area-label{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:24px}.buyer-header-actions{display:flex;align-items:center;gap:13px;margin-left:auto}.icon-button{display:grid;place-items:center;width:39px;height:39px;background:transparent;border:0;color:var(--muted);border-radius:50%;padding:8px}.icon-button:hover{background:var(--soft);color:var(--accent)}.quiet-button{border:1px solid var(--line);color:var(--muted);background:var(--surface);padding:7px 14px;border-radius:12px;font-size:12px;min-height:35px}#buyer-avatar{width:37px;height:37px;display:grid;place-items:center;background:var(--soft);color:var(--accent);border-radius:50%;font-size:12px;font-weight:600}#portal{max-width:1320px;padding:35px 42px 55px;margin:auto;outline:none}.buyer-footer{max-width:1236px;margin:0 auto;padding:20px 0 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:11px}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 26px}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:1.7px;color:var(--muted);line-height:1.5}.heading .eyebrow{margin-bottom:7px}.heading h1{font-size:40px;letter-spacing:-1.5px;font-weight:720}.heading p{font-size:16px;margin-top:8px;line-height:1.5}.buyer-welcome-avatar{display:grid;place-items:center;flex:none;background:var(--soft);color:var(--accent);width:52px;height:52px;border-radius:18px;font-size:18px;font-weight:600}.purchase-selector{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--muted);max-width:310px}.purchase-selector select{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:13px;font-size:13px;min-height:42px;padding:10px 13px;max-width:100%}.buyer-tabs{display:flex;align-items:center;gap:8px;margin:0 0 30px;padding:5px;width:max-content;max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--soft) 45%,transparent);scrollbar-width:none}.buyer-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;background:none;padding:11px 24px;min-height:46px;border-radius:13px;font-size:13px;font-weight:550;color:var(--muted);white-space:nowrap}.buyer-tabs .icon{width:19px;height:19px}.buyer-tabs button.active{background:var(--surface);color:var(--accent);border-color:color-mix(in srgb,var(--line) 40%,transparent);box-shadow:0 4px 14px #7060c411}.buyer-tabs button b{display:grid;place-items:center;min-width:18px;height:18px;border-radius:50%;background:var(--soft);color:var(--accent);font-size:9px;font-weight:600}.buyer-content{min-width:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid var(--line);border-radius:14px;padding:11px 18px;font-size:13px;font-weight:550;line-height:1.3;color:var(--ink);background:var(--surface);text-align:center;transition:background .18s,box-shadow .18s}.button .icon{width:18px;height:18px}.button.primary{background:linear-gradient(135deg,#7a6bf8,#6150e9);color:#fff;border-color:transparent;box-shadow:0 5px 12px #6b5cf20d}.button.primary:hover{background:var(--accent-strong)}.button.secondary{background:var(--surface);color:var(--accent)}.button.secondary:hover{background:var(--soft)}.button.quiet{background:none;border-color:transparent;color:var(--muted)}.button.small{min-height:37px;padding:8px 12px;font-size:12px;border-radius:11px}.button.wide{width:100%}.text-button{display:inline-flex;align-items:center;gap:8px;color:var(--accent);background:none;border:0;font-size:13px;padding:12px 0}.text-button .icon{width:16px;height:16px}.status{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;border-radius:9px;padding:5px 9px;background:var(--soft);color:var(--accent);font-size:11px;line-height:1.4;font-weight:450}.status .icon{width:13px;height:13px}.status.complete{background:var(--success-bg);color:var(--success)}.status.attention{background:var(--amber-bg);color:var(--amber)}.purchase-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:36px;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:var(--shadow)}.purchase-photo{position:relative;min-width:0;min-height:340px;overflow:hidden;border-radius:19px;background:var(--soft)}.purchase-photo>img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.photo-caption{position:absolute;bottom:17px;left:17px;display:flex;align-items:center;gap:7px;background:#ffffffd9;color:#272842;border:1px solid #ffffff8c;backdrop-filter:blur(20px);border-radius:11px;padding:8px 11px;font-size:10px;box-shadow:0 4px 15px #2222310d}.photo-caption .icon{width:15px;height:15px}.vehicle-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;gap:15px;color:var(--muted);text-align:center}.vehicle-placeholder>.icon{width:80px;height:80px;color:var(--accent);opacity:.55}.vehicle-placeholder>span{font-size:13px}.purchase-summary{padding:22px 24px 20px 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.purchase-summary>.eyebrow{margin-bottom:7px}.purchase-summary h2{font-size:30px;letter-spacing:-1.1px;line-height:1.16;margin-bottom:13px;max-width:480px}.purchase-summary h3{font-size:22px;letter-spacing:-.6px;margin:25px 0 8px}.purchase-summary>p{font-size:13px;line-height:1.6;max-width:370px}.delivery-date{display:flex;align-items:center;gap:12px;margin:22px 0}.delivery-date>.icon{width:38px;height:38px;padding:9px;border-radius:12px;background:var(--soft);color:var(--accent)}.delivery-date small{display:block;color:var(--muted);font-size:11px;margin-bottom:2px}.delivery-date strong{font-size:19px;letter-spacing:-.4px;font-weight:650;color:var(--ink)}.purchase-summary>.button{margin-top:auto}.stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:25px 0 28px;padding:0;list-style:none}.stages li{position:relative;display:flex;align-items:center;gap:9px;min-width:0;padding:13px 12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 65%,transparent);color:var(--muted)}.stages li>span{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:var(--soft);color:var(--muted);font-size:10px;flex:none}.stages li>strong{font-size:12px;font-weight:550;line-height:1.3}.stages li>small{display:none}.stages li.active{color:var(--accent);background:var(--soft);border-color:color-mix(in srgb,var(--accent) 33%,var(--line))}.stages li.active>span{background:var(--accent);color:var(--surface)}.buyer-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:start}.buyer-panel{padding:28px;border:1px solid var(--line);border-radius:25px;background:var(--surface);box-shadow:var(--shadow);min-width:0}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:23px;margin:0 0 23px}.section-heading .eyebrow{margin-bottom:7px}.section-heading h2{font-size:23px;letter-spacing:-.65px;line-height:1.2}.section-heading p{font-size:13px;line-height:1.5;margin-top:9px;max-width:600px}.section-heading>.icon{width:34px;height:34px;color:var(--accent);padding:7px;background:var(--soft);border-radius:11px}.section-heading>.button{flex:none}.check-row{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid var(--line)}.check-row:last-child{border-bottom:0;padding-bottom:0}.check-symbol{display:grid;place-items:center;color:var(--accent);background:var(--soft);width:35px;height:35px;flex:none;border-radius:11px}.check-symbol .icon{width:18px;height:18px}.check-row>strong{font-size:13px;line-height:1.4;font-weight:550;color:var(--ink)}.check-row>.status{margin-left:auto;font-size:10px}.buyer-next{background:linear-gradient(145deg,var(--surface),var(--soft));padding:29px;border:1px solid var(--line);border-radius:25px}.next-icon{display:grid;place-items:center;width:62px;height:62px;color:var(--accent);border-radius:20px;background:var(--soft);margin-bottom:26px;border:1px solid color-mix(in srgb,var(--surface) 70%,transparent);box-shadow:inset 0 0 10px #ffffff35}.next-icon .icon{width:33px;height:33px}.buyer-next h2{font-size:25px;letter-spacing:-.8px;margin:8px 0 12px}.buyer-next>p{font-size:13px;line-height:1.6;margin-bottom:23px}.buyer-next>small{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:12px}.count-badge{background:var(--soft);color:var(--accent);min-width:34px;height:34px;display:grid;place-items:center;border-radius:12px;font-size:13px}.documents-list{display:flex;flex-direction:column;gap:12px}.document{display:flex;align-items:flex-start;gap:16px;padding:20px;border:1px solid var(--line);border-radius:19px;background:var(--canvas)}.document-symbol{display:grid;place-items:center;width:43px;height:48px;flex:none;border-radius:14px;background:var(--soft);color:var(--accent)}.document-symbol>.icon{width:24px;height:24px}.document-info{min-width:0;flex:1}.document h3{font-size:16px;letter-spacing:-.3px;margin:2px 0 9px;overflow-wrap:anywhere}.document-note{font-size:12px;line-height:1.5;color:var(--muted);margin-top:10px;white-space:pre-wrap;max-width:570px}.document-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex:none;max-width:250px}.document-actions>small{font-size:9px;color:var(--muted)}.upload-button{position:relative;overflow:hidden;cursor:pointer}.upload-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:12px}.upload-button:focus-within{outline:3px solid var(--accent);outline-offset:3px}.document-help{display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:1.6;margin-top:20px;color:var(--muted)}.document-help>.icon{width:17px;height:17px;color:var(--accent);margin-top:1px}.upload-status{font-size:11px;line-height:1.5;max-width:280px;color:var(--accent);overflow-wrap:anywhere}.plans-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.plan-card{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--canvas)}.plan-top{display:flex;align-items:center;gap:13px;margin-bottom:22px}.plan-icon{width:49px;height:53px;display:grid;place-items:center;border-radius:17px;background:var(--soft);color:var(--accent);flex:none}.plan-icon>.icon{width:27px;height:27px}.plan-top h3{font-size:19px;letter-spacing:-.5px;margin-bottom:8px}.plan-top .status{font-size:10px}.plan-dates{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0;padding:17px 0;border-block:1px solid var(--line)}.plan-dates dt{font-size:11px;color:var(--muted);margin-bottom:5px}.plan-dates dd{font-size:16px;font-weight:600;margin:0;color:var(--ink)}.plan-conditions{margin-top:20px}.plan-conditions summary{display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:13px;font-weight:550;color:var(--ink);cursor:pointer}.plan-conditions summary::-webkit-details-marker{display:none}.plan-conditions summary .icon{width:16px;height:16px;color:var(--muted)}.plan-conditions[open] summary .icon{transform:rotate(180deg)}.plan-conditions p{font-size:12px;line-height:1.6;white-space:pre-wrap;margin-top:12px}.maintenance-note{display:flex;align-items:flex-start;gap:10px;margin-top:22px;padding:14px;border:1px solid var(--line);background:var(--surface);border-radius:13px}.maintenance-note>.icon{color:var(--accent);width:19px;height:19px}.maintenance-note strong{font-size:12px;color:var(--ink)}.maintenance-note p{font-size:12px;line-height:1.5;margin-top:4px}.plans-panel>.text-button{margin-top:12px}.tickets-list{display:flex;flex-direction:column;gap:20px}.ticket{padding:23px;border:1px solid var(--line);border-radius:21px;background:var(--canvas)}.ticket>header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.ticket-symbol{width:42px;height:42px;display:grid;place-items:center;flex:none;background:var(--soft);border-radius:14px;color:var(--accent)}.ticket>header h3{font-size:17px;letter-spacing:-.35px;margin-bottom:8px}.ticket>header>.status{font-size:10px}.ticket>header>small{margin-left:auto;font-size:10px;color:var(--muted);line-height:1.6;text-align:right}.ticket-messages{display:flex;flex-direction:column;gap:12px}.ticket-message{padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;max-width:86%;align-self:flex-start;min-width:220px}.ticket-message.from-buyer{background:var(--soft);border-color:transparent;align-self:flex-end}.ticket-message>div{display:flex;align-items:center;gap:12px;margin-bottom:7px}.ticket-message strong{font-size:11px;color:var(--ink);font-weight:550}.ticket-message time{font-size:10px;color:var(--muted);margin-left:auto}.ticket-message p{white-space:pre-wrap;font-size:13px;line-height:1.6;color:var(--ink);overflow-wrap:anywhere}.ticket-no-message{font-size:12px;line-height:1.5}.ticket-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.ticket-actions>small{font-size:10px;color:var(--muted);margin-left:auto}.buyer-empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:35px;text-align:center}.buyer-empty>span{width:65px;height:65px;display:grid;place-items:center;border-radius:22px;background:var(--soft);color:var(--accent);margin-bottom:4px}.buyer-empty>span .icon{width:31px;height:31px}.buyer-empty h3{font-size:22px;letter-spacing:-.6px;max-width:430px}.buyer-empty p{font-size:13px;line-height:1.6;max-width:430px}.buyer-loading{min-height:55dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:14px}.loading-ring{width:30px;height:30px;border:3px solid var(--soft);border-top-color:var(--accent);border-radius:50%;animation:loading 1s linear infinite}@keyframes loading{to{transform:rotate(360deg)}}.buyer-load-error{text-align:center;display:flex;flex-direction:column;gap:20px;align-items:center;margin-top:45px;padding:50px}.buyer-load-error>.icon{color:var(--accent);width:45px;height:45px}.buyer-load-error h1{font-size:30px;letter-spacing:-1px}.buyer-load-error p{font-size:14px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500;color:var(--muted);min-width:0;margin:0 0 18px}.field input,.field textarea{border:1px solid var(--line);border-radius:13px;background:var(--canvas);color:var(--ink);width:100%;padding:13px 14px;min-height:47px;font-size:14px;font-weight:400;min-width:0;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.8}.field textarea{resize:vertical;min-height:130px}.form-error{color:#bd4e5c;font-size:12px;line-height:1.5;margin:0 0 15px}.form-error:empty{display:none}.is-login #portal{padding-top:44px;padding-bottom:65px}.login-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:70px;align-items:center;max-width:1020px;min-height:calc(100dvh - 296px);margin:auto}.login-intro{padding:15px 0;position:relative}.login-intro>.eyebrow{color:var(--accent);margin-bottom:13px}.login-intro h1{font-size:58px;line-height:1.08;letter-spacing:-2.8px;max-width:470px;font-weight:720}.login-intro>p{font-size:19px;line-height:1.5;max-width:365px;margin-top:20px}.login-art{height:175px;max-width:355px;position:relative;margin-top:28px}.art-halo{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#b4a6ff4f,transparent 70%);left:60px;top:5px}.art-car{position:absolute;width:122px;height:122px;left:25px;top:17px;display:grid;place-items:center;border-radius:32px;background:linear-gradient(135deg,#dcd4ff,#8272f3);box-shadow:inset 0 2px 2px #ffffffb0,0 18px 35px #6b5cf21c;transform:rotate(-9deg);color:white;border:1px solid #c9befd}.art-car>.icon{width:77px;height:77px;stroke-width:1.3}.art-key{position:absolute;width:71px;height:71px;left:156px;top:76px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,#eeeaff,#c8bffc);color:#7261d5;box-shadow:inset 0 2px 2px #fff,0 13px 35px #6b5cf21a;transform:rotate(13deg)}.art-key>.icon{width:40px;height:40px;stroke-width:1.4}.art-check{position:absolute;display:grid;place-items:center;width:33px;height:33px;left:211px;top:53px;border-radius:50%;background:var(--surface);color:var(--accent);box-shadow:0 7px 19px #6b5cf21c}.art-check>.icon{width:19px;height:19px}.login-benefits{display:flex;flex-direction:column;gap:12px;margin-top:18px;color:var(--muted);font-size:13px}.login-benefits>span{display:flex;align-items:center;gap:10px}.login-benefits .icon{width:18px;height:18px;color:var(--accent)}.buyer-login{padding:35px;border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--shadow);width:100%;max-width:440px}.login-symbol{display:grid;place-items:center;width:49px;height:49px;background:var(--soft);color:var(--accent);border-radius:17px;margin-bottom:21px}.login-symbol>.icon{width:24px;height:24px}.buyer-login h2{font-size:27px;letter-spacing:-.8px}.buyer-login>p{font-size:13px;line-height:1.6;margin:10px 0 27px}.buyer-login>.form-error{margin:0 0 18px;color:#bd4e5c}.password-field{position:relative;display:flex;align-items:center}.password-field input{padding-right:46px}.password-field .icon-button{position:absolute;right:5px;top:5px;width:37px;height:37px}.password-field .icon{width:18px;height:18px}.login-help{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.login-help strong{font-size:12px;color:var(--ink);font-weight:550}.login-help p{font-size:12px;line-height:1.6;margin-top:6px}dialog{border:1px solid var(--line);border-radius:27px;background:var(--surface);color:var(--ink);padding:32px;max-width:550px;width:calc(100vw - 36px);max-height:calc(100dvh - 50px);overflow:auto;box-shadow:0 30px 100px #2622393b}dialog::backdrop{background:#19172a6b;backdrop-filter:blur(7px)}.dialog-close{position:absolute;top:15px;right:15px;font-size:27px;font-weight:300;line-height:1;width:32px;height:32px}.dialog-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:var(--soft);color:var(--accent);margin-bottom:19px}.dialog-symbol>.icon{width:24px;height:24px}dialog .eyebrow{margin-bottom:8px}dialog h2{font-size:28px;letter-spacing:-.9px;margin:0 0 11px;padding-right:15px}dialog p{font-size:13px;line-height:1.6}dialog form{margin-top:24px}dialog .form-error{color:#bd4e5c}dialog .field{margin-bottom:17px}
@media(min-width:1550px){.buyer-header,#portal{max-width:1420px}.buyer-footer{max-width:1336px}.purchase-photo{min-height:390px}.purchase-summary{padding:30px 38px 25px 0}.purchase-summary h2{font-size:35px}.purchase-summary h3{font-size:24px}.purchase-summary>p{font-size:14px}}
@media(max-width:1050px){.buyer-header{padding-inline:30px}.buyer-footer{margin-inline:30px}#portal{padding:30px}.purchase-hero{gap:25px}.purchase-photo{min-height:320px}.purchase-summary{padding:15px 8px 13px 0}.purchase-summary h2{font-size:26px}.purchase-summary h3{font-size:19px}.stages{gap:6px}.stages li{padding:12px 9px;gap:6px}.stages li>strong{font-size:10px}.stages li>span{width:20px;height:20px;font-size:9px}.buyer-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px}.buyer-panel,.buyer-next{padding:23px}.section-heading h2{font-size:21px}.check-row{gap:8px}.check-row>strong{font-size:12px}.check-row>.status{font-size:9px;padding:5px 7px}.document{gap:12px;padding:18px}.document-actions{max-width:205px}.login-layout{gap:35px;max-width:880px}.login-intro h1{font-size:48px;letter-spacing:-2px}.login-intro>p{font-size:17px}.buyer-login{padding:28px}}
@media(max-width:760px){body{padding:8px}.buyer-shell{min-height:calc(100dvh - 16px);border-radius:30px}.buyer-header{height:76px;padding:0 21px;gap:10px;border-bottom:0}.buyer-wordmark{width:120px;height:26px}.buyer-area-label{display:none}.buyer-header-actions{gap:5px}.buyer-header #theme{width:32px;height:32px;padding:6px}.buyer-header #theme .icon{width:18px;height:18px}#buyer-avatar{width:29px;height:29px;font-size:10px;margin-left:3px}.quiet-button{padding:6px 10px;font-size:11px;min-height:31px;margin-left:4px}.buyer-footer{margin:0 20px;padding:18px 0 110px;font-size:9px;gap:8px;align-items:flex-start;flex-direction:column}.buyer-footer>span:last-child{display:none}#portal{padding:16px 19px 26px;max-width:100%}.heading{margin-bottom:23px;gap:13px;align-items:flex-start;flex-wrap:wrap}.heading h1{font-size:31px;letter-spacing:-1.1px}.heading .eyebrow{font-size:9px;margin-bottom:5px}.heading p{font-size:14px;line-height:1.5;max-width:280px;margin-top:7px}.buyer-welcome-avatar{display:none}.purchase-selector{width:100%;max-width:none;flex-direction:row;align-items:center;gap:10px;margin-top:3px}.purchase-selector select{flex:1;min-width:0;font-size:12px}.buyer-tabs{position:fixed;z-index:20;bottom:8px;left:9px;right:9px;width:auto;max-width:none;justify-content:space-around;gap:4px;padding:9px 7px max(12px,env(safe-area-inset-bottom));margin:0;background:linear-gradient(125deg,#8a7bf4ec,#7160f0f5);backdrop-filter:blur(22px);border:0;border-radius:0 0 29px 29px;overflow:visible;box-shadow:0 -5px 20px #6b5cf211}.buyer-tabs::before,.buyer-tabs::after{content:'';position:absolute;top:-23px;width:34px;height:24px;background:#897bf4;pointer-events:none}.buyer-tabs::before{left:0;clip-path:path('M0 0 C0 18 20 24 34 24 L0 24 Z')}.buyer-tabs::after{right:0;clip-path:path('M34 0 C34 18 14 24 0 24 L34 24 Z');background:#7261f0}.buyer-tabs button{flex:1;max-width:83px;min-width:0;min-height:58px;display:flex;flex-direction:column;justify-content:center;gap:5px;border-radius:17px;font-size:9px;padding:7px 5px;color:#fff;border:1px solid transparent}.buyer-tabs .icon{width:24px;height:24px;stroke-width:1.7}.buyer-tabs button.active{background:linear-gradient(135deg,#fff,#e3dbffce);color:#6652e8;border-color:#ffffff80;box-shadow:inset 0 0 10px #ffffff88,0 5px 14px #39304f10}.buyer-tabs button b{position:absolute;right:2px;top:1px;min-width:16px;height:16px;font-size:9px;background:#fff;color:#6b5cf2}.purchase-hero{display:flex;flex-direction:column;gap:0;padding:12px;border-radius:23px}.purchase-photo{min-height:0;aspect-ratio:1.42;border-radius:16px}.photo-caption{bottom:12px;left:12px;padding:6px 9px;border-radius:9px;font-size:9px}.photo-caption .icon{width:13px;height:13px}.vehicle-placeholder{padding:20px}.vehicle-placeholder>.icon{width:62px;height:62px}.vehicle-placeholder>span{font-size:12px}.purchase-summary{padding:20px 7px 8px;display:flex;align-items:flex-start;flex-direction:column}.purchase-summary>.eyebrow{font-size:10px;margin-bottom:6px}.purchase-summary h2{font-size:25px;letter-spacing:-.9px;margin-bottom:12px}.purchase-summary h3{font-size:20px;margin-top:23px}.purchase-summary>p{font-size:12px;line-height:1.6;max-width:none}.purchase-summary>.status{font-size:10px}.delivery-date{margin:20px 0;gap:10px}.delivery-date strong{font-size:19px}.delivery-date small{font-size:10px}.purchase-summary>.button{width:100%;font-size:12px;min-height:43px}.stages{display:flex;overflow-x:auto;gap:7px;margin:19px -19px 23px;padding:0 19px 4px;scrollbar-width:none;scroll-snap-type:x proximity}.stages li{min-width:120px;flex:none;padding:11px;gap:7px;border-radius:12px;scroll-snap-align:center}.stages li>strong{font-size:11px}.stages li>span{width:22px;height:22px;font-size:9px}.buyer-grid{display:flex;flex-direction:column;gap:18px}.buyer-panel,.buyer-next{width:100%;padding:22px 18px;border-radius:22px}.section-heading{gap:13px;margin-bottom:19px;flex-wrap:wrap}.section-heading h2{font-size:22px;letter-spacing:-.6px}.section-heading p{font-size:12px;line-height:1.5;margin-top:9px}.section-heading .eyebrow{font-size:9px;margin-bottom:6px}.section-heading>.icon{display:none}.section-heading>.button{min-height:39px;font-size:11px;padding:9px 13px}.check-row{gap:9px;padding:14px 0;flex-wrap:wrap}.check-symbol{width:31px;height:31px;border-radius:10px}.check-symbol>.icon{width:17px;height:17px}.check-row>strong{font-size:12px}.check-row>.status{font-size:9px;padding:4px 6px;margin-left:auto;max-width:48%}.check-row>.status .icon{width:11px;height:11px}.next-icon{width:54px;height:54px;border-radius:18px;margin-bottom:20px}.next-icon>.icon{width:29px;height:29px}.buyer-next h2{font-size:24px}.buyer-next>p{font-size:12px;margin-bottom:19px}.buyer-next>small{font-size:10px}.documents-panel{padding:22px 15px}.documents-panel .section-heading{gap:11px;flex-wrap:nowrap}.documents-panel .section-heading h2{font-size:22px}.count-badge{flex:none;min-width:27px;height:28px;font-size:11px;border-radius:9px}.document{padding:16px 13px;gap:10px;flex-wrap:wrap;align-items:flex-start;border-radius:17px}.document-symbol{width:34px;height:39px;border-radius:11px}.document-symbol>.icon{width:21px;height:21px}.document-info{flex:1;min-width:calc(100% - 45px)}.document h3{font-size:14px;line-height:1.3;margin:0 0 8px;letter-spacing:-.2px}.document .status{font-size:9px;padding:4px 6px}.document-note{font-size:11px;line-height:1.5}.document-actions{width:100%;max-width:none;align-items:stretch;gap:7px;padding-top:13px;border-top:1px solid var(--line);margin-top:2px}.document-actions:empty{display:none}.document-actions .button{font-size:12px;min-height:39px}.document-actions>small{text-align:center;font-size:9px}.document-help{font-size:10px;margin-top:15px;gap:7px}.upload-status{max-width:none;text-align:left;font-size:11px}.plans-list{grid-template-columns:1fr;gap:15px}.plan-card{padding:19px;border-radius:17px}.plan-top{gap:10px;margin-bottom:17px}.plan-icon{width:40px;height:46px;border-radius:13px}.plan-icon>.icon{width:23px;height:23px}.plan-top h3{font-size:17px;line-height:1.2}.plan-dates{gap:10px;padding:15px 0}.plan-dates dd{font-size:14px}.plan-dates dt{font-size:10px}.plan-conditions summary{font-size:12px}.plan-conditions p{font-size:11px}.maintenance-note{padding:12px;gap:8px}.maintenance-note strong,.maintenance-note p{font-size:11px}.plans-panel>.text-button{font-size:12px;line-height:1.5;text-align:left}.support-panel{padding:22px 15px}.support-panel>.section-heading>.button{width:100%;min-height:42px;font-size:12px;margin-top:4px}.ticket{padding:17px 13px;border-radius:17px}.ticket>header{gap:9px;margin-bottom:17px;align-items:flex-start}.ticket-symbol{width:34px;height:37px;border-radius:11px}.ticket-symbol>.icon{width:19px;height:19px}.ticket>header h3{font-size:15px;line-height:1.35;letter-spacing:-.3px}.ticket>header>small{display:none}.ticket .status{font-size:9px}.ticket-message{min-width:0;max-width:95%;padding:12px 13px;border-radius:13px}.ticket-message strong{font-size:10px}.ticket-message time{font-size:9px}.ticket-message p{font-size:12px;line-height:1.6}.ticket-actions{gap:6px;padding-top:13px;margin-top:16px}.ticket-actions .button{font-size:10px;padding:8px 9px;min-height:37px;gap:6px}.ticket-actions .button>.icon{width:15px;height:15px}.ticket-actions>small{flex-basis:100%;margin:4px 0 0;text-align:left;font-size:9px}.buyer-empty{padding:25px 9px;min-height:300px;gap:13px}.buyer-empty h3{font-size:20px;letter-spacing:-.5px}.buyer-empty p{font-size:12px;line-height:1.6}.buyer-empty>span{width:55px;height:55px;border-radius:19px}.buyer-empty>span .icon{width:27px;height:27px}.buyer-load-error{padding:30px 20px;margin-top:10px}.buyer-load-error h1{font-size:25px}.is-login #portal{padding:18px 21px 35px}.is-login .buyer-footer{padding-bottom:24px}.login-layout{display:block;min-height:0}.login-intro{padding:0 4px;margin-bottom:26px}.login-intro>.eyebrow{font-size:9px;margin-bottom:9px}.login-intro h1{font-size:36px;letter-spacing:-1.5px;line-height:1.08}.login-intro>p{font-size:15px;line-height:1.5;margin-top:12px;max-width:280px}.login-art,.login-benefits{display:none}.buyer-login{padding:25px 22px;border-radius:24px;max-width:none}.login-symbol{width:42px;height:42px;border-radius:14px;margin-bottom:18px}.login-symbol>.icon{width:22px;height:22px}.buyer-login h2{font-size:24px;letter-spacing:-.6px}.buyer-login>p{font-size:12px;line-height:1.6;margin:9px 0 24px}.field{font-size:12px;gap:7px;margin-bottom:17px}.field input,.field textarea{font-size:16px;padding:12px 13px;min-height:47px}.password-field input{padding-right:43px}.buyer-login>.button{min-height:47px;font-size:14px}.login-help{margin-top:23px;padding-top:19px}.login-help p{font-size:11px}.login-help strong{font-size:12px}dialog{border-radius:25px;padding:26px 22px;width:calc(100vw - 22px);max-height:calc(100dvh - 25px)}dialog h2{font-size:25px;letter-spacing:-.7px}dialog p{font-size:12px}.dialog-symbol{width:43px;height:43px;border-radius:15px;margin-bottom:18px}.dialog-close{top:12px;right:12px}dialog form{margin-top:22px}dialog .field textarea{min-height:155px}}
@media(max-width:370px){.buyer-header{padding-inline:16px}.buyer-wordmark{width:108px}.buyer-header-actions{gap:3px}.quiet-button{padding-inline:8px}#buyer-avatar{display:none!important}#portal{padding-inline:14px}.heading h1{font-size:29px}.buyer-tabs button{font-size:8px}.purchase-summary h2{font-size:23px}.check-row>.status{max-width:45%;font-size:8px}.check-row>strong{font-size:11px}.check-symbol{width:27px;height:29px}.stages{margin-inline:-14px;padding-inline:14px}.buyer-login{padding:23px 18px}.is-login #portal{padding-inline:17px}.ticket-actions{flex-direction:column;align-items:stretch}.ticket-actions>.button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Revision 2: the car and the next concrete step lead on small screens. */
@media(max-width:760px){.purchase-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:13px;row-gap:12px;padding:17px 7px 7px;align-items:start}.purchase-summary>.eyebrow,.purchase-summary>h2{grid-column:1/-1;margin:0}.purchase-summary>h2{font-size:25px;line-height:1.18;margin-bottom:2px}.purchase-summary>h3,.purchase-summary>p{display:none}.purchase-summary>.status{align-self:center;font-size:11px;padding:7px 9px;max-width:100%;grid-column:1}.purchase-summary>.delivery-date{margin:0;gap:7px;grid-column:2;align-items:center}.delivery-date>.icon{width:30px;height:33px;padding:7px;border-radius:10px}.delivery-date strong{font-size:16px}.delivery-date small{font-size:9px;line-height:1.4}.purchase-summary>.button{grid-column:1/-1;margin-top:3px;min-height:43px}.stages{margin-top:17px}.buyer-next h2{font-size:24px}.ticket-message time{white-space:nowrap}.buyer-tabs button{min-height:58px}.buyer-tabs button span{font-size:9px}}
@media(max-width:370px){.purchase-summary>h2{font-size:23px}.purchase-summary>.delivery-date{gap:5px}.delivery-date>.icon{display:none}.delivery-date strong{font-size:15px}.purchase-summary>.status{font-size:10px}}

/* Portal uses the same quiet sand/copper foundations without the staff rail. */
:root{--ink:#302824;--muted:#6D625B;--accent:#A24F37;--accent-strong:#874A3A;--soft:#EAE0D4;--canvas:#F7F4EF;--surface:#FFF;--line:#DFD5CC;--success:#26724F;--success-bg:#E7F3EB;--amber:#805600;--amber-bg:#FFF3D9;--shadow:0 6px 30px #3028240A;background:#ECE7E0}
:root[data-theme=dark]{--ink:#F7F0EA;--muted:#C9BAB0;--accent:#E2A18B;--accent-strong:#B3654B;--soft:#49352D;--canvas:#251E1A;--surface:#302722;--line:#51433A;--shadow:0 6px 30px #0002;background:#1D1815}
body{background:none;font-size:15px}.buyer-shell{position:relative;padding-left:72px;background:var(--canvas);border-radius:32px;max-width:none}.buyer-shell::before{content:'';position:absolute;inset:45px auto 45px 0;width:72px;background:linear-gradient(150deg,#874A3A,#A24F37);clip-path:path('M0 0 C0 35 72 25 72 70 L72 780 C72 825 0 800 0 850 Z');pointer-events:none}
.buyer-header{max-width:none;height:76px;padding:0 32px;margin:0}.buyer-wordmark{width:135px}.buyer-area-label{display:none}.buyer-header-actions .icon-button{width:44px;height:44px}#logout{min-height:44px;font-size:14px}.buyer-footer{max-width:none;margin:0 32px;color:var(--muted)}
#portal{max-width:none;padding:0 32px 32px}.buyer-tabs{width:100%;max-width:none;display:flex;gap:24px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0 0 24px;padding:0 8px;box-shadow:none}.buyer-tabs button{padding:16px 4px;min-height:56px;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:15px;font-weight:500;position:relative}.buyer-tabs button.active{background:transparent;color:var(--accent);box-shadow:none}.buyer-tabs button.active::after{position:absolute;content:'';height:3px;border-radius:3px;background:var(--accent);bottom:-1px;inset-inline:0}.buyer-tabs button>.icon{display:none}.buyer-tabs button b{background:var(--soft);color:var(--accent);border-radius:50%;font-size:11px;min-width:20px;height:20px}
.heading{margin:24px 0}.heading h1{font-size:28px;font-weight:600;letter-spacing:-.7px}.heading p{font-size:15px}.heading .eyebrow{display:none}.buyer-welcome-avatar{display:none}
.buyer-panel,.buyer-next,.purchase-hero{border-radius:24px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.buyer-panel{padding:24px}.section-heading h2{font-size:24px;font-weight:600;letter-spacing:-.5px}.section-heading p{font-size:15px;line-height:1.5}.section-heading .eyebrow{display:none}.button{min-height:44px;border-radius:12px;font-size:14px;font-weight:500}.button.primary{background:var(--accent);color:#fff;box-shadow:none}.button.secondary{background:var(--soft);border-color:transparent;color:var(--ink)}
.copper-purchase-context{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:24px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:24px;margin-bottom:28px;align-items:center;box-shadow:var(--shadow)}.copper-purchase-photo{aspect-ratio:1.5;border-radius:16px;background:var(--soft);overflow:hidden;display:grid;place-items:center}.copper-purchase-photo img{width:100%;height:100%;object-fit:cover}.copper-purchase-photo>.icon{width:50px;height:50px;color:var(--accent)}.copper-purchase-progress h2{font-size:20px;font-weight:600;letter-spacing:-.3px}.copper-purchase-progress>p{font-size:13px;margin:5px 0 18px}.copper-purchase-progress ol{list-style:none;display:flex;margin:0;padding:0;gap:8px}.copper-purchase-progress li{position:relative;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:12px;min-width:0}.copper-purchase-progress li::before{content:'';height:1px;background:var(--line);position:absolute;left:26px;right:0;top:11px}.copper-purchase-progress li:last-child::before{display:none}.copper-purchase-progress li i{height:22px;width:22px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-style:normal;color:var(--accent);background:var(--surface)}.copper-purchase-progress li.done i{background:var(--accent);color:white;border-color:var(--accent)}.copper-purchase-progress strong{font-size:12px;font-weight:500}.copper-purchase-progress li>span{font-size:11px;color:var(--muted)}.copper-purchase-due{display:flex;gap:12px;padding-left:24px;border-left:1px solid var(--line);align-items:center}.copper-purchase-due>.icon{width:28px;height:28px;color:var(--accent)}.copper-purchase-due>div{display:flex;flex-direction:column;gap:5px}.copper-purchase-due small{font-size:12px;color:var(--muted)}.copper-purchase-due strong{font-size:17px;font-weight:500}
.documents-panel{padding:24px}.documents-list{display:flex;flex-direction:column;gap:0}.document{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:24px 0;gap:20px}.document:first-child{border-top:1px solid var(--line)}.document-symbol{background:var(--canvas);border-radius:14px;color:var(--ink)}.document h3{font-size:17px;font-weight:600}.document-note{font-size:14px;max-width:54ch}.document-actions{min-width:200px;max-width:260px}.document-actions .button{min-height:44px;font-size:14px}.document-actions small{font-size:12px}.document-help{font-size:13px}.status{font-size:12px}.plans-list{gap:24px}.plan-card,.ticket{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px}.plan-top h3,.ticket>header h3{font-size:17px;font-weight:600}.ticket-message p{font-size:15px}.ticket-message strong,.ticket-message time{font-size:12px}.ticket-message.from-buyer{background:var(--soft)}.buyer-empty h3{font-size:20px;font-weight:600}.buyer-empty p{font-size:15px}.buyer-empty>span{background:var(--soft);color:var(--accent)}
.purchase-summary h2{font-size:28px!important;font-weight:600}.purchase-summary h3{font-size:20px!important;font-weight:600}.purchase-summary>p{font-size:15px}.buyer-next h2{font-size:24px;font-weight:600}.stages li.active{background:var(--soft);border-color:var(--accent)}.stages li.active>span{background:var(--accent)}
.login-intro h1{font-size:38px;font-weight:600;letter-spacing:-1px}.login-intro>p{font-size:17px}.buyer-login{border:1px solid var(--line);border-radius:28px}.buyer-login h2{font-size:28px;font-weight:600}.login-art .art-halo{background:var(--soft)}.login-symbol,.art-car,.art-key,.art-check{color:var(--accent);background:var(--soft)}.field{font-size:14px}.field input,.field textarea{font-size:16px;border-radius:12px;background:var(--canvas);border-color:var(--line);min-height:44px}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 24px 80px #30282433}dialog h2{font-size:24px;font-weight:600;letter-spacing:-.5px}dialog p{font-size:15px}dialog .field{font-size:14px}dialog .dialog-close{width:44px;height:44px}dialog::backdrop{background:#30282466;backdrop-filter:blur(8px)}
@media(max-width:1100px){.copper-purchase-context{grid-template-columns:140px minmax(0,1fr)}.copper-purchase-due{grid-column:2;border-left:0;padding:0}.copper-purchase-progress h2{font-size:18px}.buyer-shell{padding-left:44px}.buyer-shell::before{width:44px}.buyer-header{padding-inline:24px}#portal{padding-inline:24px}.buyer-tabs{gap:20px}}
@media(max-width:760px){body{padding:8px}.buyer-shell{padding-left:0;border-radius:28px}.buyer-shell::before{display:none}.buyer-header{height:72px;padding:0 16px}#portal{padding:0 16px 24px}.buyer-header .buyer-wordmark{width:120px}.buyer-header #theme{height:44px;width:44px}.buyer-header #theme>.icon{height:22px;width:22px}.buyer-header #logout{min-height:44px;font-size:12px}.heading h1{font-size:26px}.heading p{font-size:15px}.buyer-tabs{position:fixed;inset:auto 8px 8px;z-index:20;width:auto;padding:8px 4px max(12px,env(safe-area-inset-bottom));gap:2px;justify-content:space-around;border:1px solid #fff5;border-radius:0 0 24px 24px;background:linear-gradient(140deg,#874A3Af5,#A24F37f5);box-shadow:0 -5px 20px #30282410;backdrop-filter:blur(20px)}.buyer-tabs::before{background:#874A3A}.buyer-tabs::after{background:#A24F37}.buyer-tabs button{min-height:58px;padding:8px 4px;border-radius:16px;max-width:84px;font-size:11px;color:white;gap:4px}.buyer-tabs button>span{font-size:10px}.buyer-tabs button>.icon{display:block;width:24px;height:24px}.buyer-tabs button.active{background:var(--surface);color:var(--accent)}.buyer-tabs button.active::after{display:none}.buyer-tabs button b{right:0;top:0;background:white;color:var(--accent)}.copper-purchase-context{grid-template-columns:84px minmax(0,1fr);gap:12px;padding:16px;margin:12px 0 24px;border-radius:20px}.copper-purchase-photo{align-self:start;aspect-ratio:1.2}.copper-purchase-progress{display:contents}.copper-purchase-progress h2{font-size:17px;align-self:start;grid-column:2;grid-row:1}.copper-purchase-progress>p{grid-column:1/-1;margin:0;font-size:12px}.copper-purchase-progress ol{grid-column:1/-1;overflow-x:auto;gap:10px;padding-top:8px}.copper-purchase-progress li{min-width:76px;flex:1}.copper-purchase-progress strong{font-size:11px}.copper-purchase-progress li>span{font-size:10px}.copper-purchase-due{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px}.copper-purchase-due>div{flex-direction:row;justify-content:space-between;flex:1;align-items:center}.copper-purchase-due strong{font-size:15px}.copper-purchase-due small{font-size:12px}.buyer-panel{padding:20px 16px}.section-heading h2{font-size:22px}.section-heading p{font-size:14px}.document{padding:20px 0;gap:12px}.document h3{font-size:16px}.document-note{font-size:13px}.document-actions{min-width:0;max-width:none}.document-actions .button{min-height:44px;font-size:14px}.document-actions small,.document-help{font-size:12px}.document .status{font-size:11px}.purchase-summary h2{font-size:24px!important}.check-row>strong{font-size:13px}.check-row>.status{font-size:11px;max-width:100%}.ticket-message p{font-size:14px}.ticket-message strong{font-size:12px}.ticket-message time{font-size:11px}.ticket-actions .button{font-size:13px;min-height:44px}.plan-top h3{font-size:17px}.plan-dates dt,.plan-conditions p,.maintenance-note p{font-size:13px}.plan-dates dd{font-size:15px}.plan-conditions summary{font-size:14px}.buyer-empty p{font-size:14px}.buyer-footer{margin-inline:16px;padding-bottom:110px;font-size:12px}.is-login .buyer-shell::before{display:none}.login-intro h1{font-size:30px}.buyer-login h2{font-size:26px}.buyer-login>p,.login-help p{font-size:14px}.field{font-size:14px}.login-help strong{font-size:14px}.is-login #portal{padding:16px 16px 32px}.login-layout{margin-top:8px}dialog{padding:24px 20px}dialog h2{font-size:24px}dialog p{font-size:14px}}
@media(prefers-reduced-transparency:reduce){.buyer-tabs{backdrop-filter:none}dialog::backdrop{backdrop-filter:none;background:#302824A6}}

@media(max-width:760px){.copper-purchase-progress ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:16px 12px}.copper-purchase-progress li{min-width:0}.copper-purchase-progress li:nth-child(3)::before{display:none}.copper-purchase-progress li>span{font-size:11px;overflow-wrap:anywhere}}

/* Access and recovery states remain readable without an active purchase. */
.copper-buyer-no-sale,.buyer-load-error{max-width:640px;margin:10vh auto 14vh;padding:44px 36px;text-align:center;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.copper-buyer-no-sale>.eyebrow{color:var(--muted);font-size:11px;letter-spacing:1px}.copper-buyer-no-sale .buyer-empty{padding:12px 0}.buyer-load-error>.icon{width:58px;height:58px;padding:14px;background:var(--soft);border-radius:20px;color:var(--accent)}.buyer-load-error h1{font-size:28px;font-weight:600;letter-spacing:-.7px;max-width:390px}.buyer-load-error>p{max-width:410px;font-size:15px;line-height:1.6}.buyer-load-error>.button{padding-inline:28px}.copper-dialog-help{margin-top:18px;padding:14px 16px;border-radius:12px;background:var(--canvas);color:var(--muted);font-size:13px}.plans-list{grid-template-columns:1fr}.plan-card{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px}.plan-top{grid-column:1/-1}.plan-dates{margin:0}.plan-conditions{margin:0}.maintenance-note{grid-column:1/-1}.plans-panel>.text-button{margin-top:24px}
@media(max-width:760px){.copper-buyer-no-sale,.buyer-load-error{margin:32px auto 48px;padding:28px 20px;min-height:320px}.buyer-load-error h1{font-size:26px}.plan-card{display:block}.plan-dates,.plan-conditions,.maintenance-note{margin-top:20px}}

/* Purchase overview: car, independent progress, and the buyer's next action. */
.copper-buyer-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 250px;gap:26px;align-items:center;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:24px;margin-bottom:20px}.copper-buyer-hero-photo{height:248px;overflow:hidden;border-radius:16px;background:var(--soft);display:grid;place-items:center}.copper-buyer-hero-photo img{width:100%;height:100%;object-fit:cover}.copper-buyer-hero-photo>.icon{width:80px;height:80px;color:var(--accent)}.copper-buyer-hero-summary h2{font-size:24px;letter-spacing:-.5px;font-weight:600}.copper-buyer-hero-summary>p{font-size:14px;margin:12px 0 28px}.copper-buyer-hero-summary>small{font-size:13px}.copper-buyer-current{display:flex;gap:15px;padding:18px;background:var(--canvas);border-radius:16px;margin-top:10px;align-items:center}.copper-buyer-current>.icon{width:48px;height:48px;flex:none;padding:12px;color:white;background:var(--accent);border-radius:50%}.copper-buyer-current h3{font-size:18px;font-weight:600}.copper-buyer-current p{font-size:13px;line-height:1.5;margin-top:5px}.copper-buyer-delivery{background:var(--canvas);padding:24px;border-radius:18px;display:flex;flex-direction:column;gap:12px}.copper-buyer-delivery>.icon{height:28px;width:28px;color:var(--accent)}.copper-buyer-delivery small{font-size:13px}.copper-buyer-delivery strong{font-size:22px;font-weight:600}.copper-buyer-delivery p{font-size:13px;line-height:1.5;margin-top:10px}.copper-buyer-stages{margin-bottom:20px}.copper-buyer-stages ol{display:flex;list-style:none;gap:16px;margin:25px 0 6px;padding:0}.copper-buyer-stages li{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;min-width:0}.copper-buyer-stages li:before{position:absolute;content:'';height:2px;background:var(--line);top:23px;left:calc(50% + 25px);right:calc(-50% + 9px)}.copper-buyer-stages li:last-child:before{display:none}.copper-buyer-stages li>span:first-child{width:46px;height:46px;border-radius:50%;background:var(--soft);color:var(--accent);display:grid;place-items:center;border:3px solid var(--surface);outline:1px solid var(--line)}.copper-buyer-stages li.done>span:first-child{background:var(--success);color:white}.copper-buyer-stages li h3{font-size:15px;font-weight:600}.copper-buyer-stages .status{font-size:12px}.copper-buyer-next h2{font-size:22px;font-weight:600;margin-bottom:14px}.copper-buyer-next>div{display:flex;align-items:center;gap:18px;background:var(--canvas);padding:18px;border-radius:16px}.copper-buyer-next>div>.icon{width:44px;height:44px;padding:10px;background:var(--soft);border-radius:50%;color:var(--accent)}.copper-buyer-next>div>div{flex:1}.copper-buyer-next h3{font-size:17px;font-weight:600}.copper-buyer-next p{font-size:14px;line-height:1.5;margin-top:6px}.copper-support-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:24px;align-items:start}.copper-buyer-support>.section-heading{margin:28px 0}.copper-buyer-support>.section-heading h2{font-size:28px}.copper-support-context .copper-purchase-context{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;padding:24px}.copper-support-context .copper-purchase-progress{display:contents}.copper-support-context .copper-purchase-progress h2{font-size:18px;grid-column:2;grid-row:1}.copper-support-context .copper-purchase-progress>p{grid-column:1/-1;margin:0}.copper-support-context .copper-purchase-progress>ol{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;margin-top:8px}.copper-support-context .copper-purchase-due{grid-column:1/-1;border:0;border-top:1px solid var(--line);padding:18px 0 0}.copper-support-tickets>.buyer-empty{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:50px 25px}.ticket{padding:24px}.copper-buyer-support .ticket>header{margin-bottom:24px}.copper-buyer-support .ticket-actions{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
@media(max-width:1100px){.copper-buyer-hero{grid-template-columns:1fr 1fr}.copper-buyer-delivery{grid-column:1/-1;display:grid;grid-template-columns:32px 1fr auto;align-items:center;padding:18px}.copper-buyer-delivery p{grid-column:2/-1;margin:0}.copper-support-layout{grid-template-columns:1fr}.copper-support-context{order:2}.copper-buyer-hero-photo{height:230px}}
@media(max-width:760px){.copper-buyer-hero{grid-template-columns:1fr;gap:18px;padding:16px}.copper-buyer-hero-photo{height:190px}.copper-buyer-hero-summary h2{font-size:22px}.copper-buyer-hero-summary>p{margin:8px 0 16px}.copper-buyer-current h3{font-size:17px}.copper-buyer-delivery{grid-template-columns:26px minmax(0,1fr);gap:10px}.copper-buyer-delivery strong{grid-column:2;font-size:20px}.copper-buyer-delivery p{grid-column:1/-1}.copper-buyer-stages ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.copper-buyer-stages li:before{display:none}.copper-buyer-stages li h3{font-size:14px}.copper-buyer-stages .status{font-size:11px;white-space:normal;text-align:center}.copper-buyer-next>div{flex-wrap:wrap;padding:16px}.copper-buyer-next>div>div{min-width:160px}.copper-buyer-next>div>.button{width:100%;white-space:normal}.copper-buyer-support>.section-heading{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.copper-buyer-support>.section-heading h2{font-size:26px}.copper-support-context .copper-purchase-context{padding:16px}.copper-support-context .copper-purchase-progress>ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}.copper-support-layout{grid-template-columns:minmax(0,1fr)}}

.buyer-dialog-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;margin-top:20px}.form-error:not(:empty),.document-error:not(:empty){background:var(--danger-soft,#FCE9E6);border-radius:12px;padding:12px;color:var(--danger,#B43932)}

.upload-status[data-state="error"]{color:#9b342d;background:#FBEDEA;border:1px solid #EBCBC4;border-radius:12px;padding:12px 16px;flex-basis:100%}.upload-status[data-state="loading"]{color:#6D625B}.buyer-load-error #retry{max-width:320px;margin:24px auto 0}.copper-buyer-no-sale>.copper-dialog-help{max-width:600px;margin:16px auto;text-align:left;padding:20px;border-radius:16px;background:#EAE0D4}

/* Approved copper illustrations: retain volume and photographic depth. */
.copper-illustrated-empty{text-align:center;padding:30px 24px 40px;display:flex;flex-direction:column;align-items:center}
.copper-illustrated-empty>img{width:250px;height:225px;object-fit:contain;display:block;margin:0 auto 10px}
.copper-illustrated-empty h3{font-size:25px;letter-spacing:-.025em;margin:0 0 13px}
.copper-illustrated-empty p{font-size:16px;line-height:1.6;max-width:560px;margin:0;color:var(--muted)}
.copper-plans-empty>.section-heading{margin:32px 0 20px}
.copper-plans-empty>.section-heading h2{font-size:25px}.copper-plans-empty>.section-heading p{font-size:15px}
.copper-plans-empty>.buyer-panel{padding:0;overflow:hidden}
.copper-buyer-helpbar{border-top:1px solid var(--line);padding:24px 30px;display:flex;align-items:center;gap:20px}
.copper-buyer-helpbar>.icon{width:40px;height:40px;flex:none;color:var(--accent)}
.copper-buyer-helpbar>div{flex:1}.copper-buyer-helpbar h3{font-size:18px;margin:0 0 6px}.copper-buyer-helpbar p{font-size:14px;margin:0;color:var(--muted)}
.copper-buyer-no-sale{max-width:940px;margin:70px auto 100px;padding:40px;min-height:570px;gap:28px}
.copper-buyer-no-sale .copper-illustrated-empty{padding:0}
.copper-buyer-no-sale .copper-illustrated-empty>img{width:275px;height:240px;margin-bottom:12px}
.copper-buyer-no-sale h1{font-size:34px;letter-spacing:-.035em;margin:0 0 17px;max-width:none}
.copper-buyer-no-sale .copper-illustrated-empty p{font-size:18px;max-width:650px}
.copper-buyer-no-sale>.copper-dialog-help{display:flex;align-items:center;text-align:left;gap:18px;max-width:720px;width:100%;padding:22px}
.copper-buyer-no-sale>.copper-dialog-help>.icon{width:30px;height:30px;flex:none;color:var(--accent)}
.copper-buyer-no-sale>.copper-dialog-help strong{font-size:16px}.copper-buyer-no-sale>.copper-dialog-help p{font-size:14px;margin-top:6px}
.is-load-error .buyer-rail,.is-load-error #logout,.is-load-error #buyer-avatar,.is-load-error .buyer-footer{display:none!important}
.is-load-error .buyer-shell{padding-left:0}.is-load-error #portal{margin:0;min-height:calc(100vh - 110px)}
.buyer-load-error{max-width:700px;margin:45px auto 70px;min-height:670px;padding:38px 42px;gap:20px}
.buyer-load-error>.copper-error-art{display:block;width:240px;height:210px;object-fit:contain}
.buyer-load-error h1{font-size:29px;line-height:1.25;max-width:460px;letter-spacing:-.035em;margin:0}
.buyer-load-error>p{font-size:17px;line-height:1.6;margin:0;color:var(--muted)}
.copper-error-detail{display:flex;align-items:center;gap:12px;background:var(--sand);border:1px solid var(--line);border-radius:14px;padding:18px;font-size:13px;text-align:left;width:100%;margin-top:4px;color:var(--muted)}
.copper-error-detail>.icon{width:22px;height:22px;flex:none;color:var(--accent)}
.buyer-load-error>#retry{width:100%;max-width:none;margin-top:4px}
@media(max-width:700px){.copper-plans-empty>.section-heading{margin:24px 0 16px}.copper-plans-empty>.section-heading h2{font-size:22px}.copper-illustrated-empty{padding:24px 18px 28px}.copper-illustrated-empty>img{width:220px;height:200px}.copper-illustrated-empty h3{font-size:23px}.copper-illustrated-empty p{font-size:15px}.desktop-break{display:none}.copper-buyer-helpbar{display:grid;grid-template-columns:32px 1fr;gap:14px;padding:22px}.copper-buyer-helpbar>.icon{width:30px;height:30px}.copper-buyer-helpbar>.button{grid-column:1/-1;width:100%}.copper-buyer-helpbar h3{font-size:17px}.copper-buyer-helpbar p{line-height:1.5}.copper-buyer-no-sale{margin:26px 0 90px;padding:24px 20px;min-height:0;gap:28px}.copper-buyer-no-sale h1{font-size:29px}.copper-buyer-no-sale .copper-illustrated-empty>img{width:235px;height:215px}.copper-buyer-no-sale .copper-illustrated-empty p{font-size:16px}.copper-buyer-no-sale>.copper-dialog-help{padding:18px;align-items:flex-start;gap:12px}.is-load-error .buyer-shell{padding:0}.is-load-error #portal{padding:0 16px}.buyer-load-error{margin:30px auto;padding:28px 22px;min-height:0;gap:20px}.buyer-load-error h1{font-size:27px}.buyer-load-error>p{font-size:16px}.buyer-load-error>.copper-error-art{width:220px;height:200px}}
.buyer-shell:has(.login-layout) .login-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:60px;max-width:1190px;margin:25px auto 0;align-items:center}
.login-intro>.login-art.copper-buyer-login-photo{position:relative;height:300px;width:100%;margin:24px 0 0;padding:0;background:none;border:0;overflow:hidden;border-radius:24px}
.copper-buyer-login-photo>img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:multiply}
.login-intro>.login-benefits{margin:24px 0 0;padding:0;border:0;display:grid;gap:12px}.login-intro>.login-benefits>span{display:flex;align-items:center;gap:10px;font-size:14px}
.buyer-shell:has(.login-layout) .buyer-login{padding:38px;border-radius:28px}.buyer-shell:has(.login-layout) .login-symbol{width:52px;height:52px;margin-bottom:20px}
.buyer-shell:has(.login-layout) .buyer-login h2{font-size:28px}.buyer-shell:has(.login-layout) .buyer-login>.field{margin-top:20px}
@media(max-width:900px){.buyer-shell:has(.login-layout) .login-layout{gap:30px;grid-template-columns:1fr}.login-intro>.login-art.copper-buyer-login-photo{height:240px;max-width:540px}.buyer-shell:has(.login-layout) .buyer-login{padding:28px}.login-intro>.login-benefits{gap:10px}.login-intro>.login-art.copper-buyer-login-photo{margin-bottom:0}}
@media(max-width:520px){.login-intro>.login-art.copper-buyer-login-photo{height:185px}.buyer-shell:has(.login-layout) .buyer-login{padding:24px}.buyer-shell:has(.login-layout) .buyer-login h2{font-size:26px}}
.is-load-error .buyer-shell::before{display:none!important}.copper-error-detail{background:var(--soft)}
.copper-documents>.section-heading{margin:32px 0 22px}.copper-documents>.section-heading h2{font-size:27px}.copper-documents>.section-heading p{font-size:16px}
.copper-document-columns,.copper-document-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(115px,.75fr) minmax(180px,1.3fr) minmax(145px,1fr) minmax(180px,1fr);gap:20px;align-items:center}
.copper-document-columns{padding:0 0 18px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.copper-document-row{padding:24px 0;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}
.copper-document-name{display:flex;gap:16px;align-items:center;min-width:0}.copper-document-name>div{min-width:0}.copper-document-name h3{font-size:15px;line-height:1.4;margin:0 0 6px}.copper-document-name small{font-size:12px;color:var(--muted)}
.copper-document-row .document-symbol{width:46px;height:54px;background:var(--soft);border-radius:12px}.copper-document-row .document-note{font-size:13px;line-height:1.6;margin:0}.copper-document-file{display:grid;gap:6px;min-width:0}.copper-document-file strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.copper-document-file small{font-size:11px;color:var(--muted)}
.copper-document-row .document-actions{min-width:0;width:100%;max-width:none;padding:0;border:0;margin:0;align-items:stretch}.copper-document-row .document-actions .button{min-height:43px;white-space:normal}.copper-document-row .status{font-size:11px}.documents-panel .documents-list{gap:0}
@media(max-width:1100px){.copper-document-columns{display:none}.copper-document-row{grid-template-columns:minmax(200px,1.4fr) minmax(180px,1fr)}.copper-document-name{grid-column:1}.copper-document-status{grid-column:2;justify-self:end}.copper-document-row .document-note{grid-column:1}.copper-document-file{grid-column:2}.copper-document-row .document-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:14px}.copper-document-row .document-actions .button{min-width:190px}.copper-document-row .document-actions>small{margin:0}}
@media(max-width:600px){.copper-documents>.section-heading h2{font-size:24px}.copper-documents>.section-heading p{font-size:14px}.copper-document-row{grid-template-columns:1fr;gap:14px}.copper-document-name,.copper-document-status,.copper-document-row .document-note,.copper-document-file,.copper-document-row .document-actions{grid-column:1;justify-self:stretch}.copper-document-status{margin-left:62px}.copper-document-row .document-actions{display:grid;gap:8px}.copper-document-row .document-actions .button{width:100%}.copper-document-row .document-actions>small{text-align:center}.copper-document-file{padding:12px;background:var(--soft);border-radius:10px}}

/* Buyer entry follows the approved editorial photo column. */
@media(min-width:1051px){.is-login #portal{padding:48px 42px 20px}.buyer-shell:has(.login-layout) .login-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;max-width:1310px;margin:0 auto;align-items:start}.login-intro{min-height:770px;padding:24px 0 0 20px}.login-intro>h1{font-size:38px;max-width:none;line-height:1.16}.login-intro>p{max-width:none}.login-intro>.login-art.copper-buyer-login-photo{position:absolute;bottom:0;left:-50px;width:calc(100% + 50px);max-width:none;height:395px;margin:0;border-radius:0;mask-image:linear-gradient(to bottom,transparent,#000 17%)}.buyer-shell:has(.login-layout) .buyer-login{max-width:none;min-height:720px;padding:54px 50px;margin:10px 0 0}.buyer-shell:has(.login-layout) .buyer-login>.field{margin-top:30px}.buyer-shell:has(.login-layout) .buyer-login>.button{margin-top:18px;min-height:52px}.buyer-shell:has(.login-layout) .login-help{margin-top:42px;padding:23px;background:var(--soft);border:0;border-radius:16px}}
.login-intro>.login-benefits{margin-top:27px;gap:20px}.login-intro>.login-benefits>span>.icon{width:44px;height:44px;padding:11px;background:var(--soft);border-radius:12px}.login-benefits>span>span{display:grid;gap:4px}.login-benefits strong{font-size:15px;font-weight:600;color:var(--ink)}.login-benefits small{font-size:13px;color:var(--muted)}