/* Release 176 · Werkstatt- und Tuner-Dashboard im Black-Copper-Stil.
   Reine Gestaltungsebene: keine Funktion, kein Inhalt wird verändert.
   Wird nach partner-header-v1.css geladen; #portal doppelt, um ältere !important-Regeln zu übersteuern. */
@font-face{font-family:"PD Gauge";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/barlowcondensed-HTxwL3I-JCGChYJ8VI-L6OO_au7B47b1z3bWuQ.woff2) format("woff2")}
#portal{--pd-copper:#e8ad73;--pd-copper2:#f6c896;--pd-deep:#a8622f;--pd-line:rgba(232,173,115,.22);--pd-line2:rgba(232,173,115,.48);--pd-ink:#fff3e6;--pd-muted:#c4b1a0;--pd-panel:#100c0a;--pd-display:"PD Gauge","Barlow Condensed",system-ui,sans-serif}

/* ---------- Hintergrund der Arbeitsfläche ---------- */
html:root body #portal#portal .main{background:
 radial-gradient(ellipse 60% 40% at 85% 0,rgba(200,120,60,.13),transparent 70%),
 radial-gradient(ellipse 50% 50% at 0 100%,rgba(140,80,40,.10),transparent 70%),
 repeating-linear-gradient(45deg,rgba(255,255,255,.012) 0 2px,transparent 2px 6px),
 #07060a!important}

/* ---------- Seitenleiste: Schwarz mit Kupferschiene, Icon-Kacheln, scrollbar statt abgeschnitten ---------- */
html:root body #portal#portal .side{background:radial-gradient(130% 34% at 0 0,rgba(232,173,115,.11),transparent 62%),radial-gradient(90% 30% at 100% 100%,rgba(168,98,47,.10),transparent 70%),linear-gradient(180deg,#110c09 0%,#080606 55%,#0b0807 100%)!important;border-right:1px solid var(--pd-line)!important;box-shadow:inset -1px 0 0 rgba(255,255,255,.02),10px 0 32px rgba(0,0,0,.4)!important;padding:18px 12px 18px!important;gap:3px!important;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(232,173,115,.35) transparent}
html:root body #portal#portal .side::-webkit-scrollbar{width:6px}
html:root body #portal#portal .side::-webkit-scrollbar-thumb{background:rgba(232,173,115,.32);border-radius:6px}
html:root body #portal#portal .side::before{content:"Navigation";flex:0 0 auto;display:block;margin:0 8px 12px;padding-bottom:11px;font:800 11px/1 var(--pd-display);letter-spacing:.26em;text-transform:uppercase;color:var(--pd-copper);background:linear-gradient(90deg,var(--pd-line2),rgba(232,173,115,.06) 70%,transparent) left bottom/100% 1px no-repeat}
html:root body #portal#portal .side button{position:relative;flex:0 0 auto;display:flex!important;align-items:center;gap:12px;min-height:44px!important;padding:0 12px 0 7px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:#d6c4b3!important;font:800 15px/1.1 var(--pd-display)!important;letter-spacing:.07em!important;text-transform:uppercase;text-align:left;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,transform .18s}
html:root body #portal#portal .side button .pd-ico{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(232,173,115,.18);background:linear-gradient(145deg,rgba(232,173,115,.10),rgba(232,173,115,.02));color:var(--pd-copper);font:600 14px/1 system-ui,"Segoe UI Symbol",sans-serif;letter-spacing:0;transition:background .18s,border-color .18s,box-shadow .18s,color .18s}
html:root body #portal#portal .side button .pd-lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
html:root body #portal#portal .side button:hover{background:rgba(232,173,115,.06)!important;border-color:rgba(232,173,115,.14)!important;color:var(--pd-copper2)!important;transform:translateX(2px)}
html:root body #portal#portal .side button:hover .pd-ico{border-color:rgba(232,173,115,.45);box-shadow:0 0 12px rgba(232,173,115,.22)}
html:root body #portal#portal .side button:focus-visible{outline:2px solid var(--pd-copper2)!important;outline-offset:2px}
html:root body #portal#portal .side button.active{background:linear-gradient(90deg,rgba(232,173,115,.22),rgba(232,173,115,.06) 72%,rgba(232,173,115,.02))!important;border-color:rgba(232,173,115,.36)!important;color:#fff0dc!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.42)!important}
html:root body #portal#portal .side button.active .pd-ico{border-color:transparent;background:linear-gradient(145deg,var(--pd-copper2),var(--pd-deep));color:#1b1007;box-shadow:0 0 16px rgba(232,173,115,.45),inset 0 1px 0 rgba(255,255,255,.35)}
html:root body #portal#portal .side button.active:before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:3px;border-radius:3px;background:linear-gradient(var(--pd-copper2),var(--pd-deep));box-shadow:0 0 12px rgba(232,173,115,.7)}
html:root body #portal#portal .side button.active:after{content:"";flex:0 0 6px;height:6px;border-radius:50%;background:var(--pd-copper2);box-shadow:0 0 10px var(--pd-copper)}
@media (max-height:760px) and (min-width:821px){html:root body #portal#portal .side{padding-top:12px!important;gap:2px!important}html:root body #portal#portal .side::before{margin-bottom:8px;padding-bottom:8px}html:root body #portal#portal .side button{min-height:38px!important;font-size:14px!important}html:root body #portal#portal .side button .pd-ico{flex-basis:26px;height:26px;border-radius:8px;font-size:13px}}

/* ---------- Cockpit: Fahrzeugfoto, Begrüßung, Kennzahlen ---------- */
html:root body #portal#portal .pc-cockpit{position:relative;isolation:isolate;overflow:hidden;gap:18px;padding:26px 26px 22px;border:1px solid var(--pd-line2);border-radius:22px;background:#0b0807;box-shadow:0 30px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,220,180,.08);animation:pd-rise .5s ease-out both}
html:root body #portal#portal .pc-cockpit:before{content:"";position:absolute;z-index:-2;inset:0 0 auto 38%;height:250px;background:url("assets/landing-workshop-v2.webp") center 40%/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%),linear-gradient(#000 55%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 45%),linear-gradient(#000 55%,transparent);mask-composite:intersect;opacity:.62;filter:saturate(.85) contrast(1.05)}
html:root body #portal#portal .t31-page .pc-cockpit:before{background-image:url("assets/landing-tuner-v2.webp")}
html:root body #portal#portal .pc-cockpit:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:
 linear-gradient(90deg,rgba(232,173,115,0) 0,rgba(232,173,115,.9) 18%,rgba(232,173,115,0) 42%) top/100% 2px no-repeat,
 radial-gradient(ellipse 40% 60% at 0 0,rgba(232,173,115,.12),transparent 70%)}
html:root body #portal#portal .pc-head{min-height:118px;align-items:flex-end}
html:root body #portal#portal .pc-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--pd-copper);font:800 11px/1 system-ui,sans-serif!important;letter-spacing:.2em!important}
html:root body #portal#portal .pc-kicker:before{content:"";width:22px;height:2px;border-radius:2px;background:var(--pd-copper)}
html:root body #portal#portal .pc-head h2{margin-top:10px;font-size:clamp(24px,3.4vw,38px);letter-spacing:.01em;text-shadow:0 4px 24px rgba(0,0,0,.8)}
html:root body #portal#portal .pc-head h2 em{background:linear-gradient(180deg,#ffe1c0,#d99256);-webkit-background-clip:text;background-clip:text;color:transparent}
html:root body #portal#portal .pc-head-actions .btn.gold{border-radius:12px;background:linear-gradient(180deg,#f3c896,#c27f45)!important;color:#1a0f07!important;border:0!important;box-shadow:0 10px 24px rgba(194,127,69,.35),inset 0 1px 0 rgba(255,255,255,.4)!important;font-weight:800}
html:root body #portal#portal .pc-intro{background:rgba(10,8,7,.6);backdrop-filter:blur(6px)}

html:root body #portal#portal .pc-tiles{counter-reset:pd-tile;gap:12px}
html:root body #portal#portal .pc-tile{counter-increment:pd-tile;position:relative;overflow:hidden;min-height:104px;align-content:end;gap:6px;padding:16px 18px;border:1px solid var(--pd-line);border-radius:16px;background:linear-gradient(160deg,rgba(32,22,16,.92),rgba(12,9,8,.92));box-shadow:inset 0 1px 0 rgba(255,220,180,.06);animation:pd-rise .45s ease-out both;transition:transform .2s,border-color .2s,box-shadow .2s}
html:root body #portal#portal .pc-tile:nth-child(2){animation-delay:.06s}
html:root body #portal#portal .pc-tile:nth-child(3){animation-delay:.12s}
html:root body #portal#portal .pc-tile:nth-child(4){animation-delay:.18s}
html:root body #portal#portal .pc-tile:before{content:counter(pd-tile,decimal-leading-zero);position:absolute;top:12px;right:14px;color:rgba(232,173,115,.35);font:800 11px/1 system-ui,sans-serif;letter-spacing:.15em}
html:root body #portal#portal .pc-tile:after{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,var(--pd-copper),transparent);opacity:.55}
html:root body #portal#portal .pc-tile b{font-family:var(--pd-display)!important;font-size:44px;font-weight:800;line-height:.95;font-variant-numeric:tabular-nums;color:var(--pd-copper2);text-shadow:0 0 26px rgba(232,173,115,.25)}
html:root body #portal#portal .pc-tile span{font-size:12px!important;font-weight:700;letter-spacing:.06em!important;text-transform:uppercase;color:var(--pd-muted)}
html:root body #portal#portal .pc-tile:hover,html:root body #portal#portal .pc-tile:focus-visible{transform:translateY(-3px);border-color:var(--pd-line2);box-shadow:0 14px 30px rgba(0,0,0,.45),0 0 0 1px rgba(232,173,115,.12)}
html:root body #portal#portal .pc-tile.pc-alert{border-color:rgba(255,179,107,.55);background:radial-gradient(ellipse 80% 90% at 100% 100%,rgba(255,150,70,.20),transparent 70%),linear-gradient(160deg,#2e1d12,#120c08)}
html:root body #portal#portal .pc-tile.pc-alert:after{opacity:1;background:linear-gradient(90deg,#ffb36b,#ffdcae,transparent)}
html:root body #portal#portal .pc-tile.pc-alert b{color:#ffd29e}

html:root body #portal#portal .pc-grid{gap:14px}
html:root body #portal#portal .pc-card{position:relative;padding:18px;border:1px solid var(--pd-line);border-radius:16px;background:linear-gradient(180deg,rgba(24,17,13,.9),rgba(10,8,7,.92));box-shadow:inset 0 1px 0 rgba(255,220,180,.05)}
html:root body #portal#portal .pc-card h3{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(232,173,115,.14);font-size:13px;letter-spacing:.16em}
html:root body #portal#portal .pc-todo button,html:root body #portal#portal .pc-feed button,html:root body #portal#portal .pc-dates li{border:1px solid rgba(255,255,255,.04);border-radius:12px;background:rgba(255,240,225,.035);transition:border-color .15s,background .15s,transform .15s}
html:root body #portal#portal .pc-todo button:hover,html:root body #portal#portal .pc-feed button:hover{background:rgba(232,173,115,.08);border-color:rgba(232,173,115,.4);transform:translateX(2px)}
html:root body #portal#portal .pc-empty{padding:18px 14px;border:1px dashed rgba(232,173,115,.25);border-radius:12px;text-align:center}

/* ---------- Treue-Banner, nächster Schritt, Credits ---------- */
html:root body #portal#portal .sc-reward-banner{border-radius:22px!important;box-shadow:0 30px 60px rgba(0,0,0,.5)!important}
html:root body #portal#portal :is(.page,.t31-page)>section:is(.sc-customer-next,.cn-card,[class*="customer-next"]){border-radius:18px!important;border-color:var(--pd-line)!important;background:linear-gradient(180deg,rgba(24,17,13,.92),rgba(10,8,7,.94))!important}

/* ---------- Kennzahlen (Einführungsansicht) ---------- */
html:root body #portal#portal :is(.page,.t31-page)>.stats .stat{position:relative;overflow:hidden;border:1px solid var(--pd-line)!important;border-radius:16px!important;background:linear-gradient(160deg,#1e1510,#0c0907)!important}
html:root body #portal#portal :is(.page,.t31-page)>.stats .stat b{font-family:var(--pd-display)!important;color:var(--pd-copper2)!important}

/* ---------- Schnellzugriffe: Werkstatt (.quick) und Tuner (.t31-actions) ---------- */
html:root body #portal#portal :is(.page>.quick,.t31-page>.t31-actions){gap:14px!important}
html:root body #portal#portal :is(.page>.quick>button,.t31-page>.t31-actions>.t31-action){position:relative;overflow:hidden;display:grid!important;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:4px;align-content:center;min-height:104px;padding:18px 44px 18px 18px!important;text-align:left;border:1px solid var(--pd-line)!important;border-radius:18px!important;background:radial-gradient(ellipse 70% 100% at 100% 0,rgba(232,173,115,.10),transparent 60%),linear-gradient(160deg,#18110d,#0b0807)!important;box-shadow:inset 0 1px 0 rgba(255,220,180,.05)!important;transition:transform .2s,border-color .2s,box-shadow .2s!important}
html:root body #portal#portal :is(.page>.quick>button,.t31-page>.t31-actions>.t31-action)>i{grid-row:1/3;display:grid!important;place-items:center;width:52px;height:52px;margin:0!important;border-radius:14px;background:linear-gradient(160deg,rgba(232,173,115,.28),rgba(168,98,47,.12));border:1px solid rgba(232,173,115,.35);color:var(--pd-copper2)!important;font-size:22px!important;font-style:normal;box-shadow:0 8px 18px rgba(0,0,0,.35)}
html:root body #portal#portal :is(.page>.quick>button,.t31-page>.t31-actions>.t31-action)>b{align-self:end;color:var(--pd-ink)!important;font-size:15px!important}
html:root body #portal#portal :is(.page>.quick>button,.t31-page>.t31-actions>.t31-action)>span{align-self:start;color:var(--pd-muted)!important;font-size:12.5px!important;line-height:1.4}
html:root body #portal#portal :is(.page>.quick>button,.t31-page>.t31-actions>.t31-action):after{content:"›";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:rgba(232,173,115,.55);font:400 28px/1 system-ui,sans-serif;transition:transform .2s,color .2s}
html:root body #portal#portal :is(.page>.quick>button,.t31-page>.t31-actions>.t31-action):hover{transform:translateY(-3px);border-color:var(--pd-line2)!important;box-shadow:0 16px 34px rgba(0,0,0,.5),0 0 0 1px rgba(232,173,115,.10)!important}
html:root body #portal#portal :is(.page>.quick>button,.t31-page>.t31-actions>.t31-action):hover:after{transform:translate(4px,-50%);color:var(--pd-copper2)}

@keyframes pd-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media(max-width:900px){
 html:root body #portal#portal .pc-cockpit:before{inset:0 0 auto 20%;height:200px;opacity:.5}
}
@media(max-width:640px){
 html:root body #portal#portal .pc-cockpit{padding:18px 16px 16px;border-radius:18px}
 html:root body #portal#portal .pc-cockpit:before{inset:0;height:180px;opacity:.42;-webkit-mask-image:linear-gradient(#000 40%,transparent);mask-image:linear-gradient(#000 40%,transparent)}
 html:root body #portal#portal .pc-head{min-height:96px}
 html:root body #portal#portal .pc-tile{min-height:86px;padding:12px 14px}
 html:root body #portal#portal .pc-tile b{font-size:30px}
 html:root body #portal#portal .pc-tile span{font-size:11px!important;letter-spacing:.03em!important}
 html:root body #portal#portal :is(.page>.quick>button,.t31-page>.t31-actions>.t31-action){min-height:84px;grid-template-columns:44px minmax(0,1fr);padding:14px 38px 14px 14px!important}
 html:root body #portal#portal :is(.page>.quick>button,.t31-page>.t31-actions>.t31-action)>i{width:44px;height:44px;font-size:19px!important}
}
@media(prefers-reduced-motion:reduce){
 html:root body #portal#portal :is(.pc-cockpit,.pc-tile){animation:none}
 html:root body #portal#portal :is(.pc-tile,.side button,.page>.quick>button,.t31-page>.t31-actions>.t31-action){transition:none!important}
}