body:is(.login-page,.wf-app){--surface:#fff;--surface-muted:#f4f4f8;--surface-hover:#eeedf5;--text:#25242f;--text-secondary:#555563;--text-muted:#686878;--border:#dcdce6;--line:#e7e6ee;--primary:var(--portal-primary,#2563eb);--on-primary:var(--portal-on-primary,#fff);--primary-dark:var(--portal-primary-dark,#194dd5);--primary-soft:var(--portal-primary-soft,#edf3ff);--accent-ink:var(--portal-accent-ink,#2563eb);--control-radius:10px;--portal-brand:#2563eb;color:var(--text);background-color:#f3f1f6;background-image:radial-gradient(at 0 0,#ded7f4,#0000 62%),radial-gradient(at 100% 5%,#dce8fa,#0000 60%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}body.login-page{grid-template-columns:minmax(0,1fr) minmax(360px,480px);align-items:center;gap:8vw;min-height:100dvh;padding:48px max(32px,50vw - 560px);display:grid}.login-intro{max-width:540px;padding:30px 0}.login-intro>span{letter-spacing:1px;color:#555563;background:#ffffff85;border-radius:20px;padding:9px 15px;font-size:12px;font-weight:650;display:inline-flex}.login-intro h2{letter-spacing:-2.7px;margin:28px 0 38px;font-size:clamp(35px,4.5vw,62px);font-weight:650;line-height:1.25}.login-art{place-items:center;height:240px;display:grid}.login-mark{filter:drop-shadow(0 18px 22px #0002);width:min(100%,340px);height:240px;display:block;overflow:visible}.login-mark-shadow{color:#292833;opacity:.14}.login-page .login-shell{background:#ffffffa6;border:1px solid #fff;border-radius:26px;width:100%;max-width:480px;min-height:540px;margin:0;padding:30px 34px;box-shadow:0 25px 70px #2923390a}.login-page .login-header{min-height:38px}.login-page .login-brand{font-size:20px}.login-page .login-brand>span{color:var(--portal-brand)}.login-page .login-heading{margin:36px 0 28px}.login-page .login-heading h1{letter-spacing:-1px;font-size:28px}.login-page .login-switch{background:#eeedf4;border-radius:25px;padding:4px}.login-page .login-switch span{border-radius:22px}.login-page .login-switch input:checked+span{color:#fff;box-shadow:none;background:#292833}.login-page .login-submit{background:#292833;border-radius:12px}.login-page .login-submit:hover{background:#43404f}.login-page .login-field>input,.login-page .login-password{border-color:var(--border);border-radius:12px}body.wf-app{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}body.wf-app>header{background:#ffffff80;border:1px solid #ffffffc0;border-radius:22px 22px 0 0;flex:none;width:min(100%,1160px);max-width:1160px;margin:18px auto 0;padding:16px 24px}body.wf-app .wf-brand{color:#25242f}.wf-app .wf-brand>span{color:var(--portal-brand)}body.wf-app .wf-profile-button{background:#fff;border-radius:50%;width:40px;height:40px}body.wf-app .wf-mobile-main{background:#ffffff65;border:1px solid #ffffffc0;border-top:0;border-radius:0 0 22px 22px;flex-direction:column;flex:1;width:min(100%,1160px);max-width:1160px;min-height:0;margin:0 auto;padding:10px 24px 108px;display:flex;overflow:auto}body.wf-app .wf-mobile-main[data-dealer-page]{padding-bottom:108px;overflow:hidden}body.wf-app .wf-mobile-main>:is(h1,.wf-dealer-identity,.wf-section-heading,.wf-error){flex:none}body.wf-app .wf-mobile-main:has(.dh-search){grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(260px,.8fr) minmax(0,1.6fr);align-items:start;gap:22px;display:grid}body.wf-app .dh-search{background:linear-gradient(145deg,#e7e1f7,#eef1fb);border:1px solid #fff;border-radius:20px;padding:24px}body.wf-app .dh-search h1{margin:0 0 28px;font-size:27px}body.wf-app .dh-search .dh-lookup-field{border-color:var(--border);border-radius:12px}body.wf-app .dh-search form button{background:var(--primary);color:var(--on-primary);flex-shrink:0}body.wf-app .dh-search form button:hover{background:var(--primary-dark)}body.wf-app .dh-search input{font-size:16px}body.wf-app .dh-bottom{background:#fdfdfdf5;border:1px solid #fff;border-radius:22px;gap:4px;width:min(450px,100% - 32px);padding:6px;bottom:18px;box-shadow:0 10px 40px #2923391a}body.wf-app .dh-bottom button{border-radius:17px;padding:10px 8px}body.wf-app .dh-bottom button[aria-current=page]{color:#fff;background:#292833}body.wf-app .wf-bottom-action{background:0 0;flex:none;width:100%;max-width:none;padding:12px 0 0;position:static;transform:none}body.wf-app .wf-bottom-action .wf-button{width:auto;min-width:180px;margin-left:auto;display:flex;box-shadow:0 6px 18px #2563eb24}body.wf-app .wf-help{color:var(--text-muted);font-size:12px}@media (width<=760px){body.login-page{min-height:100dvh;padding:20px 16px;display:block}.login-intro{display:none}.login-page .login-shell{min-height:calc(100dvh - 40px);margin:0 auto;padding:26px 24px}body.wf-app>header{border:0;border-radius:0;margin:0;padding:16px 18px}body.wf-app .wf-mobile-main{padding:10px 14px max(96px,calc(84px + env(safe-area-inset-bottom)));border:0;border-radius:0}body.wf-app .wf-mobile-main[data-dealer-page]{padding-bottom:max(96px,calc(84px + env(safe-area-inset-bottom)))}body.wf-app .wf-mobile-main:has(.dh-search){grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:12px}body.wf-app .dh-search{margin:0;padding:16px 18px}body.wf-app .dh-search h1{margin-bottom:12px;font-size:23px}body.wf-app .dh-bottom{bottom:max(12px,env(safe-area-inset-bottom))}}@media (width<=360px){.login-page .login-shell{padding-inline:20px}}@media (width>=761px){body.wf-app .wf-mobile-main:has(.dh-search)>.wf-dealer-identity{grid-column:1/-1;margin:0}body.wf-app .wf-mobile-main>.dh-search{grid-column:1}body.wf-app .wf-mobile-main>.dh-vehicles{grid-area:2/2}}@media (height<=600px){body.wf-app>header{height:44px;margin-top:0;padding-block:2px}body.wf-app .wf-mobile-main[data-dealer-page]{padding-top:6px;padding-bottom:max(78px,calc(66px + env(safe-area-inset-bottom)))}body.wf-app .wf-mobile-main:has(.dh-search){gap:8px}body.wf-app .wf-mobile-main>h1{margin:0 0 4px;font-size:22px}body.wf-app .wf-dealer-identity{margin-bottom:4px}body.wf-app .wf-section-heading{margin-bottom:8px}body.wf-app .dh-search{padding:12px}body.wf-app .dh-search h1{margin-bottom:8px;font-size:20px}body.wf-app .dh-search input{padding-block:10px}body.wf-app .dh-bottom{bottom:max(6px,env(safe-area-inset-bottom))}body.wf-app .dh-bottom button{gap:2px;min-height:42px;padding:6px}body.wf-app .wf-bottom-action{padding-top:8px}}
