/* SC Dynoviq — shared showroom presentation. No application or payment logic.
   Explicit component selectors keep vehicle previews and semantic status colours intact.
   Screen-only: invoice/PDF and print styles retain their existing presentation. */
@media screen {
body.sc-unified {
 --su-bg:#080a0c;--su-panel:#101418;--su-raised:#171c20;
 --su-line:#34383a;--su-accent:#f2ae6d;--su-text:#faf7f2;--su-muted:#b5babd;
 --bg:var(--su-bg);--panel:var(--su-panel);--panel2:var(--su-raised);
 --line:var(--su-line);--text:var(--su-text);--muted:var(--su-muted);
 --bronze:var(--su-accent);--bronze2:var(--su-accent);
 --sc-bg:var(--su-bg);--sc-bg2:#0c1013;--sc-panel:var(--su-panel);--sc-panel2:var(--su-raised);
 --sc-line:var(--su-line);--sc-bronze:var(--su-accent);--sc-bronze2:var(--su-accent);
 --sc-text:var(--su-text);--sc-muted:var(--su-muted);--sc-radius:6px;
 background:var(--su-bg);color:var(--su-text);color-scheme:dark;
}
body.sc-unified :is(.c50,.sc12-admin) {
 --c50-bg:var(--su-bg);--c50-br:var(--su-accent);--c50-mut:var(--su-muted);--c50-line:var(--su-line);
 --panel:var(--su-panel);--panel2:var(--su-raised);--line:var(--su-line);--muted:var(--su-muted);--bronze:var(--su-accent);
}
/* Shared canvas, navigation and surfaces. */
body.sc-unified :is(#appView,#communityView,#portal,.c50,.c59-main,.main,.sc-auth-shell,.sc-auth-layout) {background:var(--su-bg);color:var(--su-text)}
body.sc-unified #admin.sc12-admin-screen {background:var(--su-bg)!important}
body.sc-unified :is(.topbar,.top,.side,.c59-header,.c50-side,.bottom-nav,.c50-bottom,.mnav,.sc-public-header) {
 background:#0c1013!important;border-color:var(--su-line)!important;box-shadow:none;
}
body.sc-unified :is(.card,.panel,.stat,.order,.doc-row,.c50-card,.c50-empty,.c59-activity,.c59-activities,
 .c50-user,.c50-profile,.c50-docs,.sc12-section,.sc12-panel,.sc12-kpi,.sc12-area-card,.sc12-pro-card,
 .sc125-recent,.sc125-uxbar,.t32-rework-card,.t32-hero-badge,.sc25-chooser,.sc25-area,
 .sc-auth-card,.loginbox,.sc-info-box,.sc-register-area,.sc-plan-card,.wsp-card,.wd-card) {
 background:var(--su-panel)!important;border:1px solid var(--su-line)!important;
 border-radius:6px!important;box-shadow:0 12px 32px #0002;
}
body.sc-unified :is(.quick button,.stats article,.t32-rules article,.sc251-tuner-stats article,.wsp-v251-stats article) {
 background:var(--su-panel)!important;border-color:var(--su-line)!important;border-radius:6px!important;
}
body.sc-unified :is(.sc12-area-card,.sc25-area):is(:hover,.active),
body.sc-unified :is(.stage-card.active,.c54-tier.active,.c54-option.active) {
 border-color:var(--su-accent)!important;box-shadow:inset 0 2px var(--su-accent)!important;
}
body.sc-unified :is(.sc12-kpi.community b,.sc12-kpi.workshop b,.sc12-kpi.tuner b) {color:var(--su-accent)}
body.sc-unified :is(.side button,.c50-side nav button,.bottom-nav button,.c50-bottom button,.mnav button) {
 font-size:12px;line-height:1.35;min-height:46px;border-radius:4px;
}
body.sc-unified :is(.side button,.c50-side nav button,.bottom-nav button,.c50-bottom button,.mnav button):is(.active,.on,[aria-current="page"]) {
 background:#211b16!important;color:var(--su-accent)!important;box-shadow:inset 0 2px var(--su-accent);
}
/* Large headings follow the landing page; body text remains quiet and readable. */
body.sc-unified :is(.section-title h2,.c50-title h1,.sc12-title h1,.t32-hero h1,.head h2) {
 font-family:var(--sc-font-display,"Arial Narrow",sans-serif)!important;
 font-size:clamp(30px,3.3vw,52px);line-height:1.08;letter-spacing:-.02em;
}
body.sc-unified :is(.kicker,.c50-title>span,.sc-auth-kicker,.sc12-eyebrow) {
 color:var(--su-accent);font-size:11px!important;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;
}
body.sc-unified :is(.c50-title p,.sc12-title p,.sc12-area-card p,.t32-hero p,.sc25-chooser>p,.sc-info-box) {
 color:var(--su-muted);font-size:14px!important;line-height:1.65;
}
body.sc-unified :is(.stat span,.stat small,.quick span,.order p,.order small,.note,.brand small,.rolebadge small,
 .sc251-tuner-role small,.wsp-v251-role small,.sc25-area small,.sc12-kpi span,.t32-rules small,.doc-row small) {
 font-size:12px!important;line-height:1.55;color:var(--su-muted);
}
body.sc-unified :is(.quick b,.order h3,.brand b,.sc25-area b) {font-size:14px!important;line-height:1.4}
body.sc-unified :is(.stat b,.sc12-kpi b) {font-size:30px;line-height:1.2;font-variant-numeric:tabular-nums}
body.sc-unified .tags span {font-size:11px;line-height:1.4}
/* Buttons share one finish; destructive and status actions keep their meaning. */
body.sc-unified :is(.btn,.sc-btn,.sc12-btn,.sc12-tool,.sc125-action,.c50-primary,.sc25-chooser-actions button) {
 min-height:44px;font-size:13px!important;line-height:1.4;border-radius:4px!important;
 padding:10px 16px;font-weight:700;white-space:normal;
}
body.sc-unified :is(.btn.gold,.btn.bronze,.btn.primary,.sc-btn.gold,.sc-btn.bronze,.sc12-btn.primary,
 .sc125-action.primary,.c50-primary,.wsp-btn.primary,.sc-auth-submit) {
 color:#17110c!important;background:var(--su-accent)!important;border:1px solid var(--su-accent)!important;box-shadow:none!important;
}
body.sc-unified :is(.btn,.sc-btn,.sc12-btn):not(.gold,.bronze,.primary,.red,.danger) {
 background:#14191d;color:var(--su-text);border-color:#525657;
}
body.sc-unified :is(.btn,.sc-btn,.sc12-btn,.c50-primary):disabled {opacity:.45;cursor:not-allowed}
body.sc-unified :is(button,a,input,select,textarea,summary):focus-visible {
 outline:2px solid var(--su-accent)!important;outline-offset:4px;
}
@media(hover:hover) {
 body.sc-unified :is(.btn,.sc-btn,.sc12-btn,.quick button,.sc25-area):not(:disabled):hover {border-color:var(--su-accent)!important;filter:brightness(1.09)}
}
/* Forms, tables, dialogs and chat. Avoid sizing range controls and paint swatches. */
body.sc-unified :is(#appView,#communityView,#portal,#authShellNew,.sc12-modal,.c50-modal,.sc25-overlay)
 :is(input:not([type="checkbox"],[type="radio"],[type="range"],[type="color"],[type="hidden"]),select,textarea) {
 background:#0b0f12;color:var(--su-text);border-color:#51585c;border-radius:4px;
 font-size:15px;line-height:1.5;min-height:44px;max-width:100%;
}
body.sc-unified :is(input,textarea)::placeholder {color:#a4acb0;opacity:1}
body.sc-unified :is(input[type="checkbox"],input[type="radio"]) {accent-color:var(--su-accent)}
body.sc-unified :is(.form label,.loginbox label,.auth-fields label,.registration-fields label) {font-size:13px;line-height:1.5;color:#d9dcdd}
body.sc-unified :is(.sc12-modal,.c50-modal,.c50-sheet,.sc25-chooser) {border-color:var(--su-line);border-radius:8px}
body.sc-unified :is(.c50-messages,.w-messages) {background:#0b0f12;border:1px solid var(--su-line);border-radius:6px}
body.sc-unified .w-message {background:var(--su-panel);border-color:var(--su-line);border-radius:6px;font-size:14px;line-height:1.55}
body.sc-unified .w-message.mine {background:#231c16;border-color:#846044}
body.sc-unified :is(.w-conversation,.w-conversation.active) {border-radius:4px}
body.sc-unified :is(.c50-modal>div,.sc12-pro-hero) {background:var(--su-panel);border-color:var(--su-line);border-radius:6px}
body.sc-unified :is(.c50-action button,.c50-modalbuttons button,.c50-profile button,.c50-row button) {
 min-height:44px;font-size:13px;border-radius:4px;line-height:1.4;
}
body.sc-unified :is(.c50-action button,.c50-primary,.c50-modalbuttons button:last-child) {
 background:var(--su-accent);color:#17110c;border-color:var(--su-accent);
}
body.sc-unified .c50-messages>div {background:var(--su-panel);border:1px solid var(--su-line);border-radius:6px;font-size:14px;line-height:1.55}
body.sc-unified .c50-messages>div.mine {background:#231c16;border-color:#846044}
body.sc-unified .c73-copy>span {font-size:11px;letter-spacing:.14em;color:var(--su-accent)}
body.sc-unified .c73-copy h1 strong {color:var(--su-accent)}
body.sc-unified .c73-copy p {font-size:14px;line-height:1.6}
body.sc-unified :is(.stage,.opt) {border-radius:6px}
body.sc-unified :is(.stage,.opt).active {border-color:var(--su-accent);box-shadow:inset 0 2px var(--su-accent)}
body.sc-unified .w-conversation.active {background:#231c16;border-color:var(--su-accent)}
body.sc-unified :is(#appView,#communityView,#portal) table {font-size:13px;line-height:1.5}
body.sc-unified :is(#appView,#communityView,#portal) th {background:#171c20;color:#dfc1a4;font-size:12px}
/* The same photographic direction on each portal, with existing area imagery. */
body.sc-unified :is(#portal .hero,.sc251-tuner-hero,.wsp-v251-hero,.c59-hero,.sc1271-pagehero,.sc1271-home-hero) {
 border:1px solid var(--su-line)!important;border-radius:6px!important;box-shadow:none;isolation:isolate;
}
body.sc-unified :is(#portal .hero:after,.sc251-tuner-shade,.wsp-v251-shade) {
 background:linear-gradient(90deg,#080a0cf2,#080a0ca6 55%,#080a0c30),linear-gradient(0deg,#080a0c99,transparent);
}
body.sc-unified :is(#portal .hero h1,.sc251-tuner-copy h1,.wsp-v251-copy h1) {font-size:clamp(38px,4.4vw,68px);line-height:1}
body.sc-unified :is(#portal .hero p,.sc251-tuner-copy p,.wsp-v251-copy p) {font-size:14px!important;line-height:1.65;max-width:560px}
body.sc-unified :is(#portal .hero h1 em,.sc251-tuner-copy h1 em,.wsp-v251-copy h1 em) {color:var(--su-accent)}
body.sc-unified :is(.c59-tile,.garage-card,.c55-market-card,.c75-meet) {border-color:var(--su-line)!important;border-radius:6px!important}
body.sc-unified :is(.sc-auth-card,.loginbox) {padding:clamp(22px,3vw,38px)}
body.sc-unified .login {background:linear-gradient(90deg,#080a0cee,#080a0caa),url('assets/auth-global-mix-v3.webp') center/cover;}
body.sc-unified .loginbox {width:min(480px,100%)}
body.sc-unified :is(.sc125-uxbar,.topactions,.heroactions,.head,.t32-rework-top) {flex-wrap:wrap}
@media(min-width:821px) {
 body.sc-unified #portal .main {padding:24px}
 body.sc-unified #portal .page {gap:18px}
 body.sc-unified :is(#portal .card,#portal .stat,.sc12-panel) {padding:20px}
 body.sc-unified #portal .quick {gap:12px}
 body.sc-unified #portal .quick button {padding:18px;min-height:132px}
 body.sc-unified #portal .hero {height:auto;min-height:390px}
 body.sc-unified #portal .hero>img {position:absolute;inset:0;height:100%}
 body.sc-unified #portal .hero>.copy {position:relative;left:auto;top:auto;padding:36px;max-width:760px}
 body.sc-unified #portal .quick {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px) {
 body.sc-unified :is(.section-title h2,.c50-title h1,.sc12-title h1,.t32-hero h1,.head h2) {font-size:32px}
 body.sc-unified :is(#portal .main,.sc12-admin) {padding:14px 12px 110px}
 body.sc-unified #portal .page {gap:14px}
 body.sc-unified :is(#portal .hero,.sc251-tuner-hero,.wsp-v251-hero) {height:auto;min-height:350px}
 body.sc-unified :is(#portal .hero>img,.sc251-tuner-hero>img,.wsp-v251-hero>img) {position:absolute;inset:0;height:100%}
 body.sc-unified :is(#portal .copy,.sc251-tuner-copy,.wsp-v251-copy) {position:relative;left:auto;top:auto;padding:24px 20px 94px;max-width:100%}
 body.sc-unified :is(#portal .hero h1,.sc251-tuner-copy h1,.wsp-v251-copy h1) {font-size:40px}
 body.sc-unified :is(.heroactions,.sc251-tuner-actions,.wsp-v251-hero-actions) {flex-wrap:wrap}
 body.sc-unified .t32-hero {padding:22px;flex-wrap:wrap;gap:18px}
 body.sc-unified .t32-rules {grid-template-columns:repeat(2,minmax(0,1fr))}
 body.sc-unified :is(input:not([type="checkbox"],[type="radio"],[type="range"],[type="color"]),select,textarea) {font-size:16px!important}
 body.sc-unified .mnav {padding-bottom:max(8px,env(safe-area-inset-bottom))}
 body.sc-unified :is(.quick button,.stat,.card,.sc12-panel,.sc12-kpi) {min-width:0}
 body.sc-unified :is(.quick b,.quick span,.order h3,.doc-row b,.sc12-area-card h3) {overflow-wrap:anywhere}
}
@media(max-width:400px) {
 body.sc-unified #portal .stats {grid-template-columns:repeat(2,minmax(0,1fr))}
 body.sc-unified .t32-rules {grid-template-columns:1fr}
 body.sc-unified :is(.btn,.sc-btn,.sc12-btn) {padding-inline:12px}
}
@media(prefers-reduced-motion:reduce) {
 body.sc-unified :is(.sc-rotating-image,.sc25-area,.sc12-area-card,.btn,.sc-btn) {transition:none!important;animation:none!important}
}
}