/* ===========================================================
   TEAM-BEREICH  Flag to Flag Motorsport  (kreids888.com/team/)
   Nutzt Farben/Schriften aus /style.css
   =========================================================== */
.tm-page{padding:26px 0 70px}
.tm-page .container,.tm-bar .container{max-width:1240px}
.r{color:var(--red)}

/* ---------- Team-Leiste (unter dem Seitenmenü) ---------- */
.tm-bar{background:linear-gradient(180deg,#111319,#0c0d11);border-bottom:1px solid var(--line);position:relative}
.tm-bar::after{content:"";position:absolute;left:0;bottom:-1px;width:220px;height:2px;background:var(--red);box-shadow:0 0 12px var(--red-glow)}
.tm-bar-in{display:flex;align-items:center;gap:26px;min-height:68px}
.tm-bar-brand{display:flex;align-items:center;gap:11px;flex:none}
.tm-bar-brand img{width:44px;height:44px;filter:drop-shadow(0 0 10px rgba(225,19,36,.45))}
.tm-bar-brand b{display:block;font-family:var(--disp);font-weight:900;font-size:19px;letter-spacing:.02em;text-transform:uppercase;line-height:1}
.tm-bar-brand small{display:block;font-family:var(--disp);font-weight:700;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--red);line-height:1.4}
.tm-bar-nav{display:flex;gap:4px;flex:1}
.tm-bar-nav[hidden]{display:none}
.tm-bar-nav button{background:none;border:0;cursor:pointer;color:var(--steel);font-family:var(--disp);font-weight:700;font-size:14px;
  letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;transition:color .15s}
.tm-bar-nav button:hover{color:#fff}
.tm-bar-user{margin-left:auto;display:flex;align-items:center}
.tm-bar-login{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:800;font-size:13px;letter-spacing:.1em;
  text-transform:uppercase;padding:9px 16px;border:1px solid rgba(225,19,36,.7);background:rgba(225,19,36,.1);color:#fff;
  box-shadow:0 0 18px rgba(225,19,36,.18);transition:.16s}
.tm-bar-login:hover{background:var(--red);box-shadow:0 0 22px var(--red-glow)}
.tm-bar-login svg{width:18px;height:18px}
@media(max-width:760px){
  .tm-bar-in{flex-wrap:wrap;gap:8px 14px;padding-top:10px;padding-bottom:10px}
  .tm-bar-nav{order:3;flex-basis:100%;overflow-x:auto;margin:0 -8px}
  .tm-bar-nav button{padding:6px 8px;font-size:13px}
  .tm-bar-brand b{font-size:17px}
}

/* ---------- Profil ---------- */
.tm-me{display:flex;align-items:center;gap:10px}
.tm-ava{width:38px;height:38px;flex:none;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);
  background:var(--panel2) center/cover no-repeat;box-shadow:0 0 0 2px var(--red)}
.tm-me-name{font-family:var(--disp);font-weight:800;font-size:16px;letter-spacing:.03em;line-height:1.05}
.tm-me-sub{font-family:var(--disp);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.tm-icon-btn{width:36px;height:36px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);color:var(--steel);cursor:pointer;transition:.15s;margin-left:4px}
.tm-icon-btn:hover{color:#fff;border-color:var(--red)}
.tm-icon-btn svg{width:18px;height:18px}
@media(max-width:420px){.tm-me-txt{display:none}}

/* ---------- Buttons / Badges / Chips ---------- */
.tm-btn{font-family:var(--disp);font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;
  padding:11px 20px;transform:skewX(-10deg);display:inline-flex;align-items:center;cursor:pointer;
  border:2px solid var(--line);background:#0d0e12;color:#fff;transition:.16s}
.tm-btn>span{transform:skewX(10deg);display:inline-flex;align-items:center;gap:9px}
.tm-btn:hover{border-color:var(--red);box-shadow:0 6px 22px rgba(225,19,36,.28)}
.tm-btn.red{background:var(--red);border-color:var(--red);box-shadow:0 8px 26px var(--red-glow)}
.tm-btn.red:hover{background:var(--red-deep);border-color:var(--red-deep)}
.tm-btn.sm{font-size:12px;padding:8px 14px}
.tm-btn:disabled{opacity:.45;cursor:default;box-shadow:none}
.tm-btn svg{width:18px;height:18px;flex:none}
.tm-badge{font-family:var(--disp);font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  padding:3px 8px;background:var(--red);color:#fff;display:inline-block}
.tm-badge.grey{background:var(--panel2);color:var(--steel);border:1px solid var(--line)}
.tm-badge.live{background:rgba(46,204,113,.14);color:#4ee28c;border:1px solid rgba(46,204,113,.35)}
.tm-roles{display:flex;flex-wrap:wrap;gap:6px}
.tm-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:4px 10px;
  background:var(--panel2);border:1px solid var(--line);color:var(--white);line-height:1.2}
.tm-chip i{width:9px;height:9px;border-radius:50%;flex:none;background:var(--steel-d)}
button.tm-chip{cursor:pointer;font-family:var(--body);transition:.14s;color:var(--steel)}
button.tm-chip:hover{border-color:var(--steel-d);color:var(--white)}
button.tm-chip.on{border-color:var(--red);background:rgba(225,19,36,.14);color:#fff}
button.tm-chip.on::after{content:"✓";font-weight:800;color:var(--red);margin-left:2px}

/* ---------- Ladeanzeige ---------- */
.tm-loading{display:flex;gap:8px;justify-content:center;padding:70px 0}
.tm-loading span{width:10px;height:26px;background:var(--red);transform:skewX(-14deg);animation:tmBar 1s infinite ease-in-out}
.tm-loading span:nth-child(2){animation-delay:.15s}.tm-loading span:nth-child(3){animation-delay:.3s}
@keyframes tmBar{0%,100%{opacity:.25;transform:skewX(-14deg) scaleY(.6)}50%{opacity:1;transform:skewX(-14deg) scaleY(1)}}

/* ===========================================================
   ÖFFENTLICHE TEAMSEITE
   =========================================================== */
.tp-label{display:flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:800;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.tp-label svg{width:16px;height:16px}
.sk{display:block;height:9px;background:linear-gradient(90deg,#20242d,#2a2f3a,#20242d);background-size:200% 100%;animation:tpSk 2.4s infinite linear}
@keyframes tpSk{to{background-position:-200% 0}}

/* Hero + Login */
.tp-top{display:grid;grid-template-columns:1fr 330px;gap:16px}
.tp-hero{position:relative;overflow:hidden;min-height:380px;border:1px solid var(--line);background:#0a0b0e;display:flex;align-items:flex-end}
.tp-hero-bg{position:absolute;inset:0;background:62% center/cover no-repeat}
.tp-hero-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,11,14,.96) 0%,rgba(10,11,14,.78) 32%,rgba(10,11,14,.15) 65%,rgba(10,11,14,0)),
             linear-gradient(0deg,rgba(10,11,14,.85),transparent 45%)}
.tp-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--red),transparent 75%)}
.tp-hero-in{position:relative;padding:30px 34px 34px;max-width:560px}
.tp-motto{display:block;width:100%;height:auto;margin:0 0 4px -14px;mix-blend-mode:lighten}
.tp-kicker{display:flex;align-items:center;gap:12px;font-family:var(--disp);font-weight:800;font-size:15px;letter-spacing:.24em;text-transform:uppercase;color:#fff}
.tp-kicker i{width:44px;height:4px;background:var(--red);box-shadow:0 0 12px var(--red-glow);transform:skewX(-30deg)}
.tp-kicker em{font-style:normal;color:var(--red)}

.tp-login{position:relative;overflow:hidden;padding:26px 24px;border:1px solid var(--line);
  background:linear-gradient(160deg,#181b23 0%,#0f1116 70%)}
.tp-login::before{content:"";position:absolute;right:-50px;top:-50px;width:160px;height:160px;
  background:repeating-linear-gradient(-55deg,rgba(225,19,36,.16) 0 10px,transparent 10px 22px);
  mask-image:radial-gradient(circle,#000 30%,transparent 70%);pointer-events:none}
.tp-login-h{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.tp-login-h svg{width:30px;height:30px;color:var(--red)}
.tp-login-h b{font-family:var(--disp);font-weight:900;font-size:24px;text-transform:uppercase;letter-spacing:.02em}
.tp-login-sub{color:var(--steel);font-size:14.5px;margin-bottom:18px}
.tp-login-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 16px;background:var(--red);color:#fff;
  font-family:var(--disp);font-weight:800;font-size:15px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 26px var(--red-glow);transition:.16s}
.tp-login-btn:hover{background:var(--red-deep);transform:translateY(-1px)}
.tp-login-btn svg{width:20px;height:20px}
.tp-login-list{list-style:none;margin-top:20px;border-top:1px solid var(--line)}
.tp-login-list li{display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line);font-size:14.5px;color:#d5d9e0}
.tp-login-list li:last-child{border-bottom:0;color:var(--steel)}
.tp-login-list svg{width:18px;height:18px;color:var(--red);flex:none}
.tp-login .tm-roles{margin-top:6px}
@media(max-width:900px){.tp-top{grid-template-columns:1fr}}
@media(max-width:600px){
  .tp-hero{min-height:300px}
  .tp-hero-bg{background-position:70% center}
  .tp-hero-in{padding:22px 18px 22px}
  .tp-kicker{font-size:12px;letter-spacing:.16em;gap:8px}
  .tp-kicker i{width:26px}
}

/* Mittelteil: Nächstes Rennen + Team | Seitenleiste */
.tp-grid{display:grid;grid-template-columns:1fr 330px;gap:16px;margin-top:16px;align-items:start}
.tp-col{display:flex;flex-direction:column;gap:16px;min-width:0}
@media(max-width:900px){.tp-grid{grid-template-columns:1fr}}

.tp-next{position:relative;overflow:hidden;min-height:200px;border:1px solid var(--line);background:#0a0b0e;display:flex;align-items:center}
.tp-next-bg{position:absolute;inset:0;background:center 55%/cover no-repeat;filter:saturate(.85)}
.tp-next-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,11,14,.92) 0%,rgba(10,11,14,.6) 45%,rgba(10,11,14,.15))}
.tp-next-in{position:relative;padding:24px 26px}
.tp-next{min-height:220px}
.tp-next h4{max-width:560px;font-family:var(--disp);font-weight:900;font-size:clamp(26px,4vw,34px);text-transform:uppercase;line-height:1}
.tp-next-sub{font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);margin:6px 0 16px}
.tp-next-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:#d5d9e0;margin-bottom:16px}
.tp-next-meta span{display:inline-flex;align-items:center;gap:7px}
.tp-next-meta svg{width:16px;height:16px;color:var(--red)}
.tp-pill{display:inline-block;font-family:var(--disp);font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  padding:6px 12px;border:1px solid rgba(225,19,36,.6);color:#fff}

.tp-about{display:grid;grid-template-columns:1.45fr 1fr;gap:22px 26px;padding:26px;border:1px solid var(--line);background:var(--panel)}
.tp-about h4{font-family:var(--disp);font-weight:900;font-size:clamp(24px,3.4vw,30px);text-transform:uppercase;line-height:1.05;margin-bottom:12px}
.tp-about p{color:var(--steel);font-size:15px}
.tp-about p+p{margin-top:10px}
.tp-about p b{color:#fff}
.tp-about p b.r{color:var(--red)}
.tp-facts{align-self:start;background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--red);padding:6px 16px}
.tp-facts div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.tp-facts div:last-child{border-bottom:0}
.tp-facts span{font-family:var(--disp);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.tp-facts b{text-align:right}
.tp-values{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tp-value{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px 8px;background:var(--panel2);border:1px solid var(--line)}
.tp-value span{width:42px;height:42px;display:grid;place-items:center;color:var(--red);border:1px solid rgba(225,19,36,.4);background:rgba(225,19,36,.08)}
.tp-value svg{width:22px;height:22px}
.tp-value b{font-family:var(--disp);font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.tp-value small{color:var(--steel);font-size:12.5px;line-height:1.35}
@media(max-width:1060px){.tp-about{grid-template-columns:1fr}}
@media(max-width:420px){.tp-values{grid-template-columns:1fr}.tp-value{flex-direction:row;text-align:left}}

.tp-side{display:flex;flex-direction:column;gap:16px}
.tp-widget{border:1px solid var(--line);background:var(--panel)}
.tp-widget-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(225,19,36,.10),transparent 70%)}
.tp-widget-h svg{width:18px;height:18px;color:var(--red)}
.tp-widget-h b{font-family:var(--disp);font-weight:800;font-size:16px;letter-spacing:.1em;text-transform:uppercase}
.tp-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.tp-row-m{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.tp-pos{font-family:var(--disp);font-weight:900;font-size:18px;color:var(--steel-d)}
.tp-date{font-family:var(--disp);font-weight:800;font-size:14px;color:var(--steel);width:44px}
.tp-cls{font-family:var(--disp);font-weight:800;font-size:11px;letter-spacing:.1em;padding:2px 7px;border:1px solid var(--line);color:var(--steel)}
.tp-widget-f{padding:10px 16px;font-size:12.5px;color:var(--steel-d);text-align:center}

/* Abschnitte */
.tp-sec{margin-top:44px}
.tp-h{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.tp-h-ic{width:40px;height:40px;display:grid;place-items:center;color:var(--red);border:1px solid rgba(225,19,36,.45);background:rgba(225,19,36,.08);transform:skewX(-10deg)}
.tp-h-ic svg{width:21px;height:21px;transform:skewX(10deg)}
.tp-h-k{font-family:var(--disp);font-weight:800;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--red)}
.tp-h h3{font-family:var(--disp);font-weight:900;font-size:clamp(24px,4vw,32px);text-transform:uppercase;line-height:1}

.tp-drivers{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){.tp-drivers{grid-template-columns:repeat(2,1fr)}}
.tp-driver{border:1px solid var(--line);background:var(--panel);transition:border-color .18s,transform .18s}
.tp-driver:hover{border-color:#3a2026;transform:translateY(-2px)}
.tp-driver-img{position:relative;aspect-ratio:4/3;display:grid;place-items:center;color:#2c313c;
  background:radial-gradient(circle at 50% 35%,rgba(225,19,36,.18),transparent 60%),linear-gradient(160deg,#1a1d25,#0e1014)}
.tp-driver-img svg{width:44%;height:44%}
.tp-nr{position:absolute;right:0;bottom:0;font-family:var(--disp);font-weight:900;font-size:16px;padding:3px 10px;background:var(--red);color:#fff;
  clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}
.tp-driver-b{padding:12px 14px}
.tp-driver-b b{display:block;font-family:var(--disp);font-weight:800;font-size:18px;text-transform:uppercase;letter-spacing:.02em}
.tp-driver-b small{color:var(--steel);font-size:13px}

.tp-cars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:800px){.tp-cars{grid-template-columns:1fr}}
.tp-car{position:relative;overflow:hidden;min-height:150px;padding:18px;display:flex;align-items:flex-end;border:1px solid var(--line);
  background:linear-gradient(0deg,rgba(10,11,14,.95),rgba(10,11,14,.2) 70%),var(--img,linear-gradient(135deg,#1a1d25,#0e1014)) 70% 55%/cover no-repeat}
.tp-car-bg{position:absolute;right:-4px;top:-10px;font-family:var(--disp);font-weight:900;font-size:96px;line-height:1;color:transparent;
  -webkit-text-stroke:1px rgba(225,19,36,.35);transform:skewX(-10deg);pointer-events:none}
.tp-car>div{position:relative}
.tp-car b{display:block;font-family:var(--disp);font-weight:900;font-size:22px;text-transform:uppercase}
.tp-car small{color:var(--steel);font-size:13.5px}
.tp-car.empty{border-style:dashed}
.tp-car .tm-badge{margin-bottom:6px}

.tp-media{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:800px){.tp-media{grid-template-columns:repeat(2,1fr)}}
.tp-media-i{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center}
.tp-media-i img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.tp-media-i:hover img{transform:scale(1.05)}
.tp-media-i.empty{border-style:dashed;color:var(--steel-d);gap:6px;align-content:center;font-size:13px}
.tp-media-i.empty svg{width:28px;height:28px}

.tp-recruit{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:center;padding:28px;border:1px solid var(--line);
  background:linear-gradient(135deg,#171a21,#0e1014);border-left:3px solid var(--red)}
@media(max-width:900px){.tp-recruit{grid-template-columns:1fr;padding:20px}}
.tp-recruit-lead{color:var(--steel);margin-bottom:16px}
.tp-feats{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-bottom:20px}
@media(max-width:520px){.tp-feats{grid-template-columns:1fr}}
.tp-feats li{display:flex;gap:10px;align-items:flex-start}
.tp-feats li>span{width:30px;height:34px;flex:none;display:grid;place-items:center;color:#fff;background:var(--red);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.tp-feats li>span svg{width:16px;height:16px}
.tp-feats b{display:block;font-family:var(--disp);font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.03em;line-height:1.15}
.tp-feats small{color:var(--steel);font-size:13px;line-height:1.35}
.tp-poster{display:block;width:100%;height:auto;border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.6)}
.tm-muted{color:var(--steel);font-size:13.5px}
.tm-err{color:#ff6b75}

/* ===========================================================
   DASHBOARD (nach Login)
   =========================================================== */
.td{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start}
.td-side{position:sticky;top:78px;border:1px solid var(--line);background:var(--panel);padding:10px 0}
.td-nav{display:flex;flex-direction:column}
.td-nav-h{font-family:var(--disp);font-weight:800;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--steel-d);padding:14px 18px 6px}
.td-link{display:flex;align-items:center;gap:12px;padding:10px 18px;font-weight:600;font-size:14.5px;color:var(--steel);border-left:3px solid transparent;transition:.14s}
.td-link svg{width:18px;height:18px;flex:none}
.td-link:hover{color:#fff;background:rgba(255,255,255,.02)}
.td-link.on{color:#fff;border-left-color:var(--red);background:linear-gradient(90deg,rgba(225,19,36,.16),transparent)}
.td-link.on svg{color:var(--red)}
.td-main{min-width:0}
@media(max-width:860px){
  .td{grid-template-columns:1fr}
  .td-side{position:static;padding:0;overflow-x:auto}
  .td-nav{flex-direction:row}
  .td-nav-h{display:none}
  .td-link{white-space:nowrap;border-left:0;border-bottom:3px solid transparent;padding:12px 14px}
  .td-link.on{border-bottom-color:var(--red);background:rgba(225,19,36,.1)}
}

.td-welcome{position:relative;overflow:hidden;border:1px solid var(--line);
  background:linear-gradient(90deg,#0a0b0e 0%,rgba(10,11,14,.85) 45%,rgba(10,11,14,.3)),var(--img) 70% 55%/cover no-repeat}
.td-welcome-in{padding:28px 28px 26px}
.td-welcome h3{font-family:var(--disp);font-weight:900;font-size:clamp(26px,4vw,38px);text-transform:uppercase;line-height:1.02;margin-bottom:12px}
.td-welcome-b{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.td-label{font-family:var(--disp);font-weight:800;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--steel);margin:24px 0 10px}
.td-quick{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.td-q{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px;border:1px solid var(--line);background:var(--panel);text-align:center;transition:.16s}
.td-q span{width:44px;height:44px;display:grid;place-items:center;color:var(--red);border:1px solid rgba(225,19,36,.4);background:rgba(225,19,36,.08)}
.td-q svg{width:22px;height:22px}
.td-q b{font-family:var(--disp);font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.td-q:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.5)}
.td-widgets{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
@media(max-width:700px){.td-widgets{grid-template-columns:1fr}}

.td-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}
.td-head-ic{width:42px;height:42px;display:grid;place-items:center;color:var(--red);border:1px solid rgba(225,19,36,.45);background:rgba(225,19,36,.08);transform:skewX(-10deg)}
.td-head-ic svg{width:22px;height:22px;transform:skewX(10deg)}
.td-head h3{font-family:var(--disp);font-weight:900;font-size:clamp(26px,4vw,34px);text-transform:uppercase;line-height:1}

.tm-box{background:var(--panel);border:1px solid var(--line);padding:22px;margin-bottom:16px}
.tm-box h5{font-family:var(--disp);font-weight:800;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--white);
  margin-bottom:4px;display:flex;align-items:center;gap:10px}
.tm-box h5::before{content:"";width:16px;height:2px;background:var(--red)}
.tm-box .hint{color:var(--steel);font-size:14px;margin-bottom:14px}
.tm-soon{text-align:center;padding:56px 20px}
.tm-soon .big{font-family:var(--disp);font-weight:900;font-size:clamp(34px,7vw,56px);text-transform:uppercase;line-height:1;
  color:transparent;-webkit-text-stroke:1px #3a3f4b;margin-bottom:12px}
.tm-soon p{color:var(--steel);max-width:460px;margin:0 auto}

/* ---------- Garage 61 Bestenliste ---------- */
.tm-boards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:16px}
.tm-board{background:var(--panel);border:1px solid var(--line);min-width:0}
.tm-board-h{padding:14px 18px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(225,19,36,.10),transparent 70%)}
.tm-board-h b{display:block;font-family:var(--disp);font-weight:800;font-size:18px;text-transform:uppercase;letter-spacing:.02em;line-height:1.1}
.tm-board-h span{color:var(--steel);font-size:13.5px}
.tm-tbl-wrap{overflow-x:auto}
.tm-tbl{width:100%;border-collapse:collapse;font-size:14px}
.tm-tbl td{padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.tm-tbl tr:last-child td{border-bottom:0}
.tm-tbl .p{font-family:var(--disp);font-weight:900;font-size:16px;width:38px;color:var(--steel)}
.tm-tbl tr.first .p{color:var(--red)}
.tm-tbl .t{font-family:var(--disp);font-weight:700;font-size:16px;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.tm-tbl .g{color:var(--steel);font-variant-numeric:tabular-nums;font-size:13px}
.tm-tbl .d{color:var(--steel-d);font-size:12.5px;text-align:right}
.tm-tbl .n{white-space:normal;min-width:110px}
@media(max-width:520px){.tm-tbl .d{display:none}.tm-tbl td{padding:9px 8px}}
.tm-new{font-family:var(--disp);font-weight:800;font-size:10px;letter-spacing:.12em;color:#fff;background:var(--red);padding:1px 5px;margin-left:6px;vertical-align:2px}

/* ---------- Admin ---------- */
.tm-status{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.tm-stat{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--panel2);border:1px solid var(--line);font-size:14px}
.tm-stat img{width:28px;height:28px;border-radius:50%}
.tm-dot{width:10px;height:10px;border-radius:50%;flex:none;background:#4ee28c;box-shadow:0 0 10px rgba(78,226,140,.6)}
.tm-dot.off{background:var(--red);box-shadow:0 0 10px var(--red-glow)}
.tm-row{display:grid;grid-template-columns:200px 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--line);align-items:start}
.tm-row:first-of-type{border-top:0}
.tm-row>label,.tm-row>.lbl{font-family:var(--disp);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;padding-top:4px}
.tm-row small{display:block;font-family:var(--body);font-weight:500;font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--steel)}
@media(max-width:700px){.tm-row{grid-template-columns:1fr;gap:8px}}
.tm-input,.tm-select{width:100%;background:#0d0e12;border:1px solid var(--line);color:var(--white);font:inherit;font-size:14px;padding:10px 12px;outline:0;transition:.15s}
.tm-input:focus,.tm-select:focus{border-color:var(--red)}
.tm-switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer;user-select:none;font-size:14px}
.tm-switch input{position:absolute;opacity:0;pointer-events:none}
.tm-switch .s{width:44px;height:24px;background:var(--panel2);border:1px solid var(--line);position:relative;transition:.18s;flex:none}
.tm-switch .s::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--steel);transition:.18s}
.tm-switch input:checked+.s{background:rgba(225,19,36,.25);border-color:var(--red)}
.tm-switch input:checked+.s::after{left:23px;background:var(--red);box-shadow:0 0 10px var(--red-glow)}
.tm-switch input:focus-visible+.s{outline:2px solid var(--red);outline-offset:2px}
.tm-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:6px}
.tm-savebar{position:sticky;bottom:14px;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 16px;background:rgba(19,21,27,.94);border:1px solid var(--line);border-left:3px solid var(--red);box-shadow:0 14px 40px rgba(0,0,0,.6)}
.tm-savebar span{color:var(--steel);font-size:14px}
.tm-savebar.dirty span{color:#fff}

/* ---------- Toast ---------- */
.tm-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;
  max-width:calc(100% - 32px);background:#15171e;border:1px solid var(--line);border-left:3px solid var(--red);
  padding:12px 18px;font-weight:600;font-size:14.5px;box-shadow:0 14px 40px rgba(0,0,0,.6);transition:.25s}
.tm-toast.show{opacity:1;transform:translate(-50%,0)}
.tm-toast.ok{border-left-color:#4ee28c}

@media(prefers-reduced-motion:reduce){.sk,.tm-loading span{animation:none}.tp-driver,.td-q,.tm-toast,.tp-media-i img{transition:none}}

/* ---------- Discord-Aktivität (Admin) ---------- */
.ta-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px}
.ta-upd{font-size:15px;margin-bottom:2px}
.ta-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;color:var(--steel);margin:0 0 10px}
.ta-legend span{font-family:var(--disp);font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:2px 7px;margin-left:6px}
.ta-list{border:1px solid var(--line);background:var(--panel)}
.ta-row{display:grid;grid-template-columns:36px minmax(140px,1.5fr) minmax(80px,1fr) 78px 78px 92px 104px;gap:14px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line)}
.ta-row:last-child{border-bottom:0}
.ta-head{padding-top:9px;padding-bottom:9px;background:var(--panel2);font-family:var(--disp);font-weight:800;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.r-al{text-align:right}.c-al{text-align:center}
.ta-ava{width:36px;height:36px;border-radius:50%;background:var(--panel2)}
.ta-name{display:flex;align-items:center;gap:8px;min-width:0}
.ta-name b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ta-bar{height:8px;background:var(--panel2);overflow:hidden}
.ta-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--red-deep),var(--red));box-shadow:0 0 10px var(--red-glow)}
.ta-num{text-align:right;line-height:1.1}
.ta-num b{display:block;font-family:var(--disp);font-weight:900;font-size:20px;font-variant-numeric:tabular-nums}
.ta-num small{display:none;color:var(--steel);font-size:11.5px}
.ta-stc{text-align:center}
.ta-st{display:inline-block;width:80px;text-align:center;font-family:var(--disp);font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:3px 0}
.ta-last{text-align:right;color:var(--steel);font-size:13px;white-space:nowrap}
.aktiv .ta-st,.ta-legend .aktiv{background:rgba(46,204,113,.14);color:#4ee28c;border:1px solid rgba(46,204,113,.35)}
.ruhig .ta-st,.ta-legend .ruhig{background:rgba(241,196,15,.12);color:#f1c40f;border:1px solid rgba(241,196,15,.35)}
.inaktiv .ta-st,.ta-legend .inaktiv{background:rgba(225,19,36,.14);color:#ff6b75;border:1px solid rgba(225,19,36,.45)}
.ta-row.inaktiv .ta-name b{color:var(--steel)}
@media(max-width:860px){
  .ta-head{display:none}
  .ta-row{grid-template-columns:36px 1fr 52px 52px;gap:6px 10px;padding:10px 12px}
  .ta-bar{display:none}
  .ta-num small{display:block}
  .ta-stc{grid-column:2;text-align:left}
  .ta-last{grid-column:3/-1}
}

/* ---------- Badges (Zusatz) ---------- */
.tm-badge.wait{background:rgba(241,196,15,.12);color:#f1c40f;border:1px solid rgba(241,196,15,.35)}

/* ---------- Team News ---------- */
.tn-card{display:flex;gap:0;border:1px solid var(--line);background:var(--panel);margin-bottom:14px;overflow:hidden;border-left:3px solid var(--red)}
.tn-img{width:260px;flex:none;object-fit:cover;background:var(--panel2)}
.tn-body{padding:18px 22px;min-width:0}
.tn-meta{font-size:12.5px;color:var(--steel);margin-bottom:6px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.tn-dc{display:inline-flex;align-items:center;gap:5px;color:#9aa3ff}
.tn-dc svg{width:14px;height:14px}
.tn-card h4{font-family:var(--disp);font-weight:900;font-size:24px;text-transform:uppercase;line-height:1.05;margin-bottom:8px}
.tn-text{color:#cfd3da;font-size:15px;overflow-wrap:anywhere}
@media(max-width:700px){.tn-card{flex-direction:column}.tn-img{width:100%;max-height:220px}}
.tm-area{resize:vertical;min-height:110px;line-height:1.5}
.td-newsrow{color:inherit}
.td-newsrow:hover{background:rgba(255,255,255,.02)}
.td-newsrow b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-newsrow small{color:var(--steel);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-prof-w{padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}

/* ---------- Fahrerprofil ---------- */
.pf-grid{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start}
@media(max-width:980px){.pf-grid{grid-template-columns:1fr}}
.pf-prev .tp-driver{max-width:280px}
.tp-driver-img.photo,.tp-driver-img:has(.ava){overflow:hidden}
.tp-driver-img img{width:100%;height:100%;object-fit:cover}
.tp-driver-img img.ava{width:46%;height:auto;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 3px rgba(225,19,36,.5)}
.tp-driver-t{color:var(--steel);font-size:13px;line-height:1.45;margin-top:8px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.tm-box h5 .tm-badge{margin-left:6px;letter-spacing:.1em}
.pa-list{border:1px solid var(--line);background:var(--panel)}
.pa-row{border-bottom:1px solid var(--line)}
.pa-row:last-child{border-bottom:0}
.pa-head{width:100%;display:grid;grid-template-columns:36px 1fr auto auto;gap:14px;align-items:center;padding:10px 16px;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.pa-head:hover{background:rgba(255,255,255,.02)}
.pa-head b{font-weight:700}
.pa-nr{font-family:var(--disp);font-weight:900;font-size:16px;color:var(--red)}
.pa-row.open .pa-head{background:rgba(225,19,36,.08)}
.pa-body{padding:0 16px}
.pa-row.open .pa-body{padding:6px 16px 18px}

/* ---------- Garage 61: Trainingsfleiß ---------- */
.g6-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px}
.g6-tabs button,.g6-range button{background:none;border:0;cursor:pointer;color:var(--steel);font-family:var(--disp);font-weight:800;font-size:14px;letter-spacing:.1em;text-transform:uppercase;padding:10px 16px;border-bottom:3px solid transparent;margin-bottom:-1px}
.g6-tabs button.on{color:#fff;border-bottom-color:var(--red)}
.g6-tabs button:hover,.g6-range button:hover{color:#fff}
.g6-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.g6-range{display:flex;border:1px solid var(--line);background:var(--panel)}
.g6-range button{border-bottom:0;margin:0;padding:8px 14px;font-size:12.5px}
.g6-range button.on{background:var(--red);color:#fff}
.g6-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.g6-kpis div{padding:16px 18px;border:1px solid var(--line);background:var(--panel);border-left:3px solid var(--red)}
.g6-kpis b{display:block;font-family:var(--disp);font-weight:900;font-size:26px;line-height:1.1}
.g6-kpis span{color:var(--steel);font-size:13px}
@media(max-width:760px){.g6-kpis{grid-template-columns:repeat(2,1fr)}}
.g6-row{display:grid;grid-template-columns:30px minmax(140px,1.2fr) minmax(150px,1.3fr) 64px 64px 50px minmax(140px,1.2fr);gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line)}
.g6-row:last-child{border-bottom:0}
.g6-row.zero{opacity:.55}
.g6-pos{font-family:var(--disp);font-weight:900;font-size:17px;color:var(--steel)}
.g6-row:nth-child(2) .g6-pos{color:var(--red)}
.g6-name b,.g6-fav b{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g6-name small,.g6-fav small{display:block;color:var(--steel);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g6-fav b{font-size:13.5px;font-weight:600}
.g6-time{display:flex;flex-direction:column;gap:5px}
.g6-time span{font-size:13px;color:#d5d9e0}
.g6-n{font-family:var(--disp);font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}
.g6-tops{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.g6-tops .tp-row-m b{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:860px){
  .g6-row.ta-head{display:none}
  .g6-row{grid-template-columns:26px 1fr 60px;gap:6px 10px}
  .g6-time{grid-column:2/-1}
  .g6-row>.g6-n:nth-of-type(n+3),.g6-fav{display:none}
  .g6-tops{grid-template-columns:1fr}
}

.tm-bop{font-family:var(--disp);font-weight:800;font-size:10px;letter-spacing:.12em;color:#f1c40f;border:1px solid rgba(241,196,15,.45);padding:0 5px;margin-left:6px;vertical-align:2px}

/* ---------- Fahrtenbuch ---------- */
.td-trips{margin-top:16px}
.td-more{margin-left:auto;font-family:var(--disp);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.td-more:hover{color:#fff}
.g6-trips tr.th td{background:var(--panel2);font-family:var(--disp);font-weight:800;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);padding-top:8px;padding-bottom:8px}
.g6-trips td{font-size:13.5px}
.g6-trips .d0{font-family:var(--disp);font-weight:800;color:var(--steel);width:56px}
.g6-trips .n{min-width:150px;white-space:nowrap}
.g6-trips .n b{font-weight:700;margin-right:6px}
.g6-track{color:var(--steel);white-space:normal!important;min-width:160px}
.g6-type{display:inline-block;font-family:var(--disp);font-weight:800;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:0 5px;margin-right:4px;border:1px solid var(--line);color:var(--steel);vertical-align:1px}
.g6-type.t3{border-color:rgba(225,19,36,.6);color:#ff6b75}
.g6-type.t2{border-color:rgba(241,196,15,.45);color:#f1c40f}

/* ===========================================================
   KREIDS-TRAINER v2 (Panel im Dashboard)
   =========================================================== */
.kt-off{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}
@media(max-width:900px){.kt-off{grid-template-columns:1fr}}
.kt-off-main{border-left:3px solid var(--red)}
.kt-steps{margin:10px 0 0 20px;display:flex;flex-direction:column;gap:10px;color:#d5d9e0;font-size:14.5px}
.kt-notes{margin-top:12px;padding:10px 12px;background:var(--panel2);border:1px solid var(--line);font-size:13.5px;color:#d5d9e0}
.kt-conn{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;margin-bottom:12px;border:1px solid var(--line);background:var(--panel);font-size:14px}
.kt-sp{flex:1}
.kt-tabs{margin-bottom:16px}
.kt-card{margin-bottom:14px}
.kt-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.kt-card-h h5{margin:0}
.kt-card .hint{margin-top:-4px}

/* Hero: Referenzrunde + Start */
.kt-hero{display:grid;grid-template-columns:1.4fr auto 300px;gap:20px;align-items:center;border-left:3px solid var(--red);
  background:radial-gradient(circle at 100% 0,rgba(225,19,36,.12),transparent 55%),var(--panel)}
.kt-ref-car{font-family:var(--disp);font-weight:900;font-size:clamp(22px,3vw,30px);text-transform:uppercase;line-height:1.05}
.kt-ref-track{color:var(--steel);font-size:14px;margin-top:2px}
.kt-runden{width:auto;max-width:300px}
.kt-file{position:relative;cursor:pointer}
.kt-tiles{display:flex;gap:10px}
.kt-tiles>div{min-width:104px;padding:12px 14px;background:var(--panel2);border:1px solid var(--line);text-align:center}
.kt-tiles span{display:block;font-family:var(--disp);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.kt-tiles b{display:block;font-family:var(--disp);font-weight:900;font-size:22px;line-height:1.2;font-variant-numeric:tabular-nums}
.kt-tiles4{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px}
@media(max-width:700px){.kt-tiles4{grid-template-columns:repeat(2,1fr)}}
.kt-go{width:100%;height:62px;border:0;cursor:pointer;font-family:var(--disp);font-weight:900;font-size:22px;letter-spacing:.06em;
  background:#22e07b;color:#04140b;box-shadow:0 10px 30px rgba(34,224,123,.3);transform:skewX(-8deg);transition:.16s}
.kt-go:hover{filter:brightness(1.08);transform:skewX(-8deg) translateY(-1px)}
.kt-go.stop{background:var(--red);color:#fff;box-shadow:0 10px 30px var(--red-glow)}
.kt-st{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:#d5d9e0}
.kt-dot{width:10px;height:10px;border-radius:50%;background:var(--steel-d);flex:none}
.kt-dot.good{background:#22e07b;box-shadow:0 0 10px rgba(34,224,123,.6)}
.kt-dot.warn{background:#ffb020;box-shadow:0 0 10px rgba(255,176,32,.5)}
.kt-dot.bad{background:var(--red);box-shadow:0 0 10px var(--red-glow)}
@media(max-width:1100px){.kt-hero{grid-template-columns:1fr}.kt-tiles{justify-content:flex-start}}

.kt-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;align-items:start}
@media(max-width:1200px){.kt-cols{grid-template-columns:1fr 1fr}.kt-cols>div:last-child{grid-column:1/-1}}
@media(max-width:760px){.kt-cols{grid-template-columns:1fr}}
.kt-sw{display:flex;align-items:flex-start;gap:12px;padding:6px 0}
.kt-sw small{display:block;color:var(--steel);font-size:12.5px}
.kt-grid2{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}
.kt-sl{display:grid;grid-template-columns:110px 1fr 74px;gap:10px;align-items:center;padding:5px 0;font-size:13.5px;color:var(--steel)}
.kt-sl b{text-align:right;font-family:var(--disp);font-weight:800;font-size:15px;color:#fff;font-variant-numeric:tabular-nums}
.kt-sl input[type=range]{width:100%;accent-color:var(--red);height:4px}
.kt-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.kt-chip{width:70px;padding:6px 0;text-align:center;background:var(--panel2);border:1px solid var(--line)}
.kt-chip span{display:block;font-family:var(--disp);font-weight:800;font-size:11px;color:var(--steel)}
.kt-chip b{font-family:var(--disp);font-weight:900;font-size:16px}
.kt-chip.good{border-color:#22e07b}.kt-chip.good b{color:#22e07b}
.kt-chip.warn{border-color:#ffb020}.kt-chip.warn b{color:#ffb020}
.kt-chip.bad{border-color:var(--red)}.kt-chip.bad b{color:#ff6b75}
.kt-log{height:300px;overflow:auto;background:#0c0c10;border:1px solid var(--line);padding:10px;font-family:Consolas,monospace;font-size:12px;color:#c9c9d3;line-height:1.5;white-space:pre-wrap}

/* Setup-Berater */
.kt-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.kt-bar .kt-st{margin-top:0}
.kt-bar-t{font-family:var(--disp);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.kt-setup{display:grid;grid-template-columns:2fr 3fr;gap:14px;align-items:start}
@media(max-width:1000px){.kt-setup{grid-template-columns:1fr}}
.kt-slist{max-height:620px;overflow:auto}
.kt-grp{font-family:var(--disp);font-weight:800;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin:14px 0 4px}
.kt-grp:first-child{margin-top:0}
.kt-srow{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:13.5px;border-bottom:1px solid rgba(255,255,255,.03)}
.kt-srow span{color:var(--steel)}
.kt-srow b{font-family:var(--disp);font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.kt-syms{max-height:330px;overflow:auto;padding-right:6px}
.kt-sym{display:flex;align-items:center;gap:4px;padding:3px 0}
.kt-sym>span{flex:1;font-size:13.5px;color:#d5d9e0}
.kt-sym button{width:62px;padding:4px 0;background:var(--panel2);border:1px solid #343947;color:var(--steel);font-family:var(--disp);font-weight:700;font-size:12px;cursor:pointer;transition:.12s}
.kt-sym button:hover{color:#fff;border-color:var(--steel-d)}
.kt-sym button.on{color:#0d0d10}
.kt-sym button.on[data-n="3"]{color:#fff}
.kt-help{margin-top:12px;padding:10px 12px;background:var(--panel2);border:1px solid var(--line);font-size:13px;min-height:52px;color:#d5d9e0}
.kt-rec{padding:14px 16px;margin-bottom:10px;background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--red)}
.kt-rec-h{display:flex;align-items:center;gap:10px}
.kt-rec-h small{margin-left:auto;color:var(--steel);font-size:12.5px;text-align:right}
.kt-nr{width:24px;height:24px;display:grid;place-items:center;background:var(--red);font-family:var(--disp);font-weight:900;font-size:13px;flex:none}
.kt-rec-v{display:flex;align-items:baseline;gap:12px;margin:6px 0 4px;font-family:var(--disp);font-variant-numeric:tabular-nums}
.kt-rec-v s{font-size:20px;color:var(--steel-d)}
.kt-rec-v span{color:var(--red);font-size:18px}
.kt-rec-v b{font-size:24px;font-weight:900}
.kt-rec p{font-size:13.5px;color:#d5d9e0}
.kt-down{color:#ffb020!important;margin-top:2px}
.kt-note{margin-top:8px}

/* Streckenberater */
.kt-sr-head{border-left:3px solid var(--red)}
.kt-sr-stufe{font-family:var(--disp);font-weight:900;font-size:clamp(30px,5vw,44px);text-transform:uppercase;line-height:1}
.kt-sr-head p{margin-top:6px}
.kt-tipp{border-left:3px solid var(--red);margin-bottom:10px}
.kt-tipp b{font-family:var(--disp);font-weight:800;font-size:17px;text-transform:uppercase}
.kt-tipp p{color:var(--steel);font-size:14px;margin-top:2px}

/* Anleitung */
.kt-guide h5{margin-bottom:10px}
.kt-gi{display:grid;grid-template-columns:220px 1fr;gap:12px;padding:6px 0;border-top:1px solid rgba(255,255,255,.04);font-size:14px}
.kt-gi b{font-weight:700}
.kt-gi span{color:var(--steel)}
.kt-guide p{color:#d5d9e0;font-size:14px;padding:3px 0}
@media(max-width:700px){.kt-gi{grid-template-columns:1fr;gap:2px}}

.tp-b{display:block;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-row-m small{color:var(--steel);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-lap{font-family:var(--disp);font-weight:900;font-size:16px;font-variant-numeric:tabular-nums;color:#fff}

/* ---------- Livery Show ---------- */
.tp-livery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px}
.tp-liv{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center}
.tp-liv img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.tp-liv:hover img{transform:scale(1.04)}
.tp-liv>span{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 10px;background:linear-gradient(0deg,rgba(10,11,14,.9),transparent);
  font-family:var(--disp);font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.tp-liv.empty{border-style:dashed;color:var(--steel-d);align-content:center;gap:8px;font-size:13px}
.tp-liv.empty svg{width:34px;height:34px}
.tp-liv.empty>span{position:static;background:none;padding:0;font-family:var(--body);font-weight:500;font-size:13px;letter-spacing:0;text-transform:none}

/* ---------- iRating-Übersicht ---------- */
.g6-ir tr.th td{background:var(--panel2);font-family:var(--disp);font-weight:800;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.g6-irv{font-family:var(--disp);font-weight:900;font-size:16px;font-variant-numeric:tabular-nums}
.g6-sr{display:inline-block;margin-left:8px;font-family:var(--disp);font-weight:800;font-size:11px;padding:1px 6px;color:#fff;background:var(--steel-d)}
.g6-sr.lA{background:#1f5bd6}.g6-sr.lB{background:#2e9e3e}.g6-sr.lC{background:#e8c11c;color:#111}.g6-sr.lD{background:#f07a1a}.g6-sr.lR{background:#d81f2a}

.g6-ir td{padding:12px 14px}
.g6-ir tr:not(.th):hover td{background:rgba(255,255,255,.02)}
.g6-cell{display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:84px}
.g6-irv{font-size:20px!important}
.g6-sr{margin-left:0!important;font-size:12px!important;padding:2px 8px!important;min-width:56px;text-align:center}
.g6-none{color:var(--steel-d);font-size:18px}
.g6-ir tr.th td.c-al{text-align:center}

.pa-line{display:flex;align-items:stretch}
.pa-line .pa-head{flex:1}
.pa-move{display:flex;flex-direction:column;justify-content:center;gap:2px;padding-left:10px}
.pa-move button{width:28px;height:20px;background:var(--panel2);border:1px solid var(--line);color:var(--steel);font-size:10px;cursor:pointer;line-height:1}
.pa-move button:hover:not(:disabled){color:#fff;border-color:var(--red)}
.pa-move button:disabled{opacity:.3;cursor:default}

/* ---------- Links ---------- */
.lk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px}
.lk-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);background:linear-gradient(160deg,#171a21,#101217);transition:.16s;color:inherit}
.lk-card:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.5)}
.lk-ic{width:46px;height:46px;flex:none;display:grid;place-items:center;font-family:var(--disp);font-weight:900;font-size:22px;color:#fff;
  background:var(--red);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.lk-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.lk-txt b{font-family:var(--disp);font-weight:800;font-size:18px;text-transform:uppercase;letter-spacing:.02em;line-height:1.15}
.lk-txt small{color:var(--steel);font-size:13.5px;line-height:1.35;margin-top:2px}
.lk-txt em{font-style:normal;color:var(--steel-d);font-size:12px;margin-top:4px}
.lk-go{color:var(--steel);flex:none}
.lk-go svg{width:18px;height:18px}
.lk-card:hover .lk-go{color:var(--red)}
.lk-row{display:grid;grid-template-columns:auto 1fr 1.4fr 1.6fr auto;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--line)}
.lk-row:first-child{border-top:0}
.lk-row .pa-move{padding-left:0}
@media(max-width:860px){.lk-row{grid-template-columns:auto 1fr auto}.lk-row [data-f=url],.lk-row [data-f=desc]{grid-column:2/3}}

/* ---------- Teammitglied werden ---------- */
.tp-join{position:relative;overflow:hidden;display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center;padding:34px;
  border:1px solid rgba(225,19,36,.45);
  background:radial-gradient(circle at 85% 50%,rgba(88,101,242,.22),transparent 45%),radial-gradient(circle at 0 0,rgba(225,19,36,.25),transparent 50%),linear-gradient(135deg,#1a0d10,#0d0e14 60%,#10111c)}
.tp-join::before{content:"";position:absolute;right:-40px;top:-40px;width:260px;height:260px;pointer-events:none;
  background:repeating-linear-gradient(-55deg,rgba(255,255,255,.04) 0 12px,transparent 12px 26px);mask-image:radial-gradient(circle,#000 30%,transparent 70%)}
.tp-join-txt h3{font-family:var(--disp);font-weight:900;font-size:clamp(30px,5vw,46px);text-transform:uppercase;line-height:1;margin:6px 0 14px}
.tp-join-txt p{color:#d5d9e0;font-size:15.5px;max-width:620px}
.tp-join-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}
.tp-join-steps li{display:flex;gap:10px;align-items:flex-start;padding:12px;background:rgba(10,11,14,.55);border:1px solid var(--line)}
.tp-join-steps li>span{width:28px;height:28px;flex:none;display:grid;place-items:center;font-family:var(--disp);font-weight:900;background:var(--red);transform:skewX(-10deg)}
.tp-join-steps b{display:block;font-family:var(--disp);font-weight:800;font-size:15px;text-transform:uppercase}
.tp-join-steps small{color:var(--steel);font-size:12.5px;line-height:1.35}
.tp-join-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:26px 22px;
  background:rgba(10,11,14,.7);border:1px solid rgba(88,101,242,.45);box-shadow:0 20px 50px rgba(0,0,0,.5)}
.tp-join-card img{width:96px;height:96px;filter:drop-shadow(0 0 18px rgba(225,19,36,.5))}
.tp-join-card>b{font-family:var(--disp);font-weight:900;font-size:22px;text-transform:uppercase}
.tp-join-stats{display:flex;gap:16px;font-size:13.5px;color:var(--steel)}
.tp-join-stats span{display:inline-flex;align-items:center;gap:6px}
.tp-join-stats i{width:9px;height:9px;border-radius:50%;background:var(--steel-d)}
.tp-join-stats i.on{background:#23a55a;box-shadow:0 0 8px rgba(35,165,90,.7)}
.tp-join-stats em{font-style:normal;font-weight:700;color:#fff}
.tp-join-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 18px;margin-top:4px;background:#5865f2;color:#fff;
  font-family:var(--disp);font-weight:800;font-size:17px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 30px rgba(88,101,242,.45);transition:.16s}
.tp-join-btn:hover{background:#4752c4;transform:translateY(-2px)}
.tp-join-btn svg{width:22px;height:22px}
.tp-join-card small{color:var(--steel);font-size:12.5px}
.tm-bar-nav .tm-bar-join{color:#fff}
.tm-bar-nav .tm-bar-join:hover{color:var(--red)}
@media(max-width:900px){.tp-join{grid-template-columns:1fr;padding:22px}.tp-join-steps{grid-template-columns:1fr}}

/* ---------- Rennkalender (Admin) ---------- */
.ka-row{display:grid;grid-template-columns:110px 1fr auto;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.ka-row:last-child{border-bottom:0}
.ka-date b{display:block;font-family:var(--disp);font-weight:800;font-size:15px}
.ka-date small,.ka-main small{color:var(--steel);font-size:12.5px}
.ka-main{min-width:0}
.ka-main b{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ka-act{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ka-act a.tm-badge{text-decoration:none}
.ka-when{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
@media(max-width:760px){.ka-row{grid-template-columns:1fr}.ka-act{justify-content:flex-start}.ka-when{grid-template-columns:1fr}}

@media(max-width:1100px){.tp-join-steps{grid-template-columns:repeat(2,1fr)}}
.ka-link{color:#fff;text-decoration:underline;text-decoration-color:var(--red)}

/* ---------- Abwesenheiten ---------- */
.ab-row{display:grid;grid-template-columns:12px 1fr auto auto;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.ab-row:last-child{border-bottom:0}
.ab-dot{width:10px;height:10px;border-radius:50%;background:#ffb020}
.ab-row.jetzt .ab-dot{background:var(--red);box-shadow:0 0 10px var(--red-glow)}
.ab-main b{display:block;font-weight:700}
.ab-main small{color:var(--steel);font-size:13px}
.ab-zeit{text-align:right;font-size:13px;color:#d5d9e0;line-height:1.45}
.ab-zeit span{color:var(--steel)}
.ab-when{grid-template-columns:1fr 1fr}
@media(max-width:700px){.ab-row{grid-template-columns:12px 1fr auto}.ab-zeit{grid-column:2/3;text-align:left}}

/* ---------- Handy: Spalten dürfen nicht breiter als der Bildschirm werden ---------- */
@media(max-width:900px){.tp-top,.tp-grid,.tp-recruit,.tp-join,.kt-off,.kt-hero,.kt-setup{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1060px){.tp-about{grid-template-columns:minmax(0,1fr)}}
@media(max-width:860px){.td{grid-template-columns:minmax(0,1fr)}}
@media(max-width:980px){.pf-grid{grid-template-columns:minmax(0,1fr)}}
.tp-col,.tp-side,.td-main,.tp-about>*,.tp-join>*,.kt-cols>*,.tm-box{min-width:0}
.td-widgets{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.td-widgets{grid-template-columns:minmax(0,1fr)}}
.g6-tabs{overflow-x:auto;scrollbar-width:none}
.g6-tabs::-webkit-scrollbar{display:none}
.g6-tabs button{white-space:nowrap;flex:none}
@media(max-width:600px){.g6-tabs button{padding:10px 10px;font-size:12.5px;letter-spacing:.06em}}

/* ---------- Nutzung (Admin) ---------- */
.nu-row{display:grid;grid-template-columns:36px minmax(140px,1.3fr) 84px 84px minmax(170px,2fr) 110px;gap:14px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line)}
.nu-row:last-child{border-bottom:0}
.nu-tags{display:flex;flex-wrap:wrap;gap:5px}
.nu-tag{font-size:12px;padding:2px 7px;background:var(--panel2);border:1px solid var(--line);color:var(--steel);white-space:nowrap}
.nu-tag b{color:#fff;font-weight:700;margin-left:5px}
.nu-log-row{display:grid;grid-template-columns:120px minmax(110px,1fr) 2fr;gap:12px;padding:9px 2px;border-bottom:1px solid var(--line);font-size:14px;align-items:center}
.nu-log-row:last-child{border-bottom:0}
.nu-log-row .t{color:var(--steel);font-size:13px;font-variant-numeric:tabular-nums}
.nu-hint{font-size:12.5px;color:var(--steel-d);margin-top:16px}
@media(max-width:860px){
  .nu-row{grid-template-columns:36px 1fr 52px 52px;gap:6px 10px;padding:10px 12px}
  .nu-tags{grid-column:2/-1}
  .nu-row .ta-last{grid-column:2/-1;text-align:left}
  .nu-log-row{grid-template-columns:1fr;gap:2px}
}

/* ---------- Cloudflare-Limits (Admin) ---------- */
.li-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(140px,3fr) 160px 76px;gap:14px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.li-row:last-child{border-bottom:0}
.li-lbl{font-family:var(--disp);font-weight:800;font-size:15px;letter-spacing:.05em;text-transform:uppercase}
.li-bar{height:10px;background:var(--panel2);overflow:hidden}
.li-bar i{display:block;height:100%;background:#2ecc71;box-shadow:0 0 8px rgba(46,204,113,.4)}
.li-row.gelb .li-bar i{background:#f1c40f;box-shadow:0 0 8px rgba(241,196,15,.4)}
.li-row.rot .li-bar i{background:var(--red);box-shadow:0 0 10px var(--red-glow)}
.li-num{text-align:right;color:var(--steel);font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.li-num b{color:#fff}
.li-pct{text-align:right;font-family:var(--disp);font-weight:900;font-size:19px;font-variant-numeric:tabular-nums;color:#4ee28c}
.li-row.gelb .li-pct{color:#f1c40f}
.li-row.rot .li-pct{color:#ff6b75}
@media(max-width:700px){
  .li-row{grid-template-columns:1fr auto;gap:8px 12px}
  .li-bar{grid-column:1/-1;grid-row:2}
  .li-num{grid-column:1;grid-row:3;text-align:left}
  .li-pct{grid-row:1/2;grid-column:2}
}

/* ---------- Wochenübersicht (Garage 61) ---------- */
.wk-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.wk-tile{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--red);padding:16px 18px}
.wk-tile small{display:block;color:var(--steel);font-size:13px}
.wk-tile b{display:block;font-family:var(--disp);font-weight:900;font-size:34px;line-height:1.1;font-variant-numeric:tabular-nums;margin:2px 0}
.wk-tr{font-size:13px;color:var(--steel);white-space:nowrap}
.wk-tr.up{color:#4ee28c}
.wk-tr.down{color:#ff6b75}
.wk-h{flex-wrap:wrap}
.wk-logo{width:48px;height:48px;flex:none;filter:drop-shadow(0 0 10px rgba(225,19,36,.4))}
.wk-motto{margin-left:auto;font-family:var(--disp);font-weight:800;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.wk-home{margin-top:20px}
.wk-home .wk-tiles{margin:16px}
.wk-home .wk-tile{background:var(--panel2)}
.wk-home .wk-goal{margin:0 16px 16px}
.wk-goal{margin-top:12px;background:var(--panel2);border:1px solid var(--line);padding:12px 14px}
.wk-goal-t{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;font-size:14px;margin-bottom:8px}
.wk-goal-t span{color:var(--steel)}
.wk-goal-bar{height:10px;background:var(--line)}
.wk-goal-bar i{display:block;height:100%;background:var(--red);box-shadow:0 0 10px var(--red-glow)}
.wk-goal.done .wk-goal-bar i{background:#2ecc71;box-shadow:none}
.wk-chart{display:flex;align-items:flex-end;gap:10px;height:180px;padding:0 4px;border-bottom:1px solid var(--line);margin-top:14px}
.wk-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.wk-col span{font-size:12px;color:var(--steel);font-variant-numeric:tabular-nums}
.wk-col i{display:block;width:100%;background:#3a3e48;min-height:2px}
.wk-col.now i{background:var(--red);box-shadow:0 0 10px var(--red-glow)}
.wk-col.now span{color:#fff}
.wk-kw{display:flex;gap:10px;padding:6px 4px 0;font-size:12px;color:var(--steel);text-align:center}
.wk-kw span{flex:1}
.wk-kw .now{color:#fff}
.wk-row{display:grid;grid-template-columns:minmax(0,1.6fr) 80px 120px 90px;gap:12px;align-items:center;padding:10px 22px;border-top:1px solid var(--line)}
.wk-row.ta-head{border-top:0}
.wk-row b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wk-row .n{text-align:right;font-family:var(--disp);font-weight:900;font-size:18px;font-variant-numeric:tabular-nums}
.wk-row.null b,.wk-row.null .n{color:var(--steel)}
@media(max-width:860px){.wk-row.ta-head{display:grid}}
@media(max-width:600px){
  .wk-row{grid-template-columns:minmax(0,1fr) 52px 72px;padding:10px 14px}
  .wk-row>:nth-child(4){display:none}
  .wk-chart{gap:5px}
  .wk-kw{gap:5px;font-size:11px}
  .wk-col span{font-size:10.5px}
  .wk-motto{margin-left:0;flex-basis:100%}
  .wk-tile b{font-size:28px}
}
.wk-now{margin-top:10px;padding:10px 14px;border:1px dashed var(--line);color:var(--steel);font-size:13.5px}
.wk-now b{color:var(--white);font-weight:600}
.wk-home .wk-now{margin:0 16px 12px}
button.wk-col{background:none;border:0;padding:0;margin:0;cursor:pointer;color:inherit;font:inherit}
button.wk-col:hover i{background:#4a4f5b}
button.wk-col.now:hover i{background:var(--red)}
button.wk-col:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.wk-col:not(.now) span{color:var(--steel)}
.wk-kw span:not(.now){color:var(--steel)}
.tm-box h5 .tm-badge.live{margin-left:4px}

/* ---------- Wochen-Post: Discord-Vorschau ---------- */
#wp-text{width:100%;min-height:80px;resize:vertical;font:inherit;line-height:1.5}
.dp{margin-top:18px;background:#313338;border-radius:8px;padding:16px;color:#dbdee1;font-family:"gg sans","Noto Sans",var(--body),sans-serif;font-size:15px;line-height:1.45}
.dp-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#949ba4;margin-bottom:10px}
.dp-ping{display:inline-block;background:rgba(88,101,242,.3);color:#c9cdfb;border-radius:3px;padding:0 3px;margin-bottom:6px;font-weight:500}
.dp-embed{position:relative;max-width:520px;background:#2b2d31;border-left:4px solid #E11324;border-radius:4px;padding:10px 16px 14px 12px}
.dp-thumb{position:absolute;top:12px;right:14px;width:72px;height:72px;object-fit:contain;border-radius:4px}
.dp-author{font-size:12.5px;font-weight:600;color:#f2f3f5;margin:4px 90px 6px 0}
.dp-title{font-size:16px;font-weight:700;color:#f2f3f5;margin:0 90px 8px 0}
.dp-desc{font-size:14px}
.dp-h3{font-size:17px;font-weight:700;color:#f2f3f5;margin:2px 0 4px}
.dp blockquote{margin:2px 0 4px;padding:2px 0 2px 12px;border-left:4px solid #4e5058;color:#f2f3f5}
.dp-gap{height:8px}
.dp-fields{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px}
.dp-field{flex:1 1 100%;font-size:14px}
.dp-field.in{flex:1 1 40%}
.dp-fn{font-weight:700;color:#f2f3f5;margin-bottom:2px}
.dp-foot{margin-top:10px;font-size:12px;color:#949ba4}
.dp b{color:#f2f3f5}

/* ---------- Discord-Posts: Anpassen + Live-Vorschau ---------- */
.dp-anp{border-top:1px solid var(--line);margin-top:4px}
.dp-anp summary{cursor:pointer;padding:14px 0;font-family:var(--disp);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
.dp-anp summary:hover{color:var(--white)}
.dp-anp[open] summary{color:var(--white)}
.dp-farbe{width:48px;height:34px;padding:0;border:1px solid var(--line);background:#0d0e12;cursor:pointer}
.dc-wrap{background:#313338;border-radius:6px;padding:14px 14px 14px 10px;color:#dbdee1;font-family:"gg sans","Noto Sans",Arial,sans-serif;font-size:14px;line-height:1.38;transition:opacity .15s;min-width:0;overflow:hidden}
.dc-wrap.laedt{opacity:.55}
.dc-leer{color:#949ba4;font-style:italic;padding:6px}
.dc-msg{display:flex;gap:12px;min-width:0}
.dc-av{width:40px;height:40px;border-radius:50%;flex:none;object-fit:cover;background:#1e1f22}
.dc-body{min-width:0;flex:1}
.dc-name{font-weight:600;color:#f2f3f5;margin-bottom:2px}
.dc-name span{background:#5865f2;color:#fff;font-size:10px;padding:1px 4px;border-radius:3px;vertical-align:1px;margin-left:2px}
.dc-name i{font-style:normal;font-weight:400;font-size:12px;color:#949ba4;margin-left:4px}
.dc-txt{margin-bottom:4px}
.dc-ping{background:rgba(88,101,242,.3);color:#c9cdfb;border-radius:3px;padding:0 2px;font-weight:500}
.dc-emb{display:flex;gap:16px;background:#2b2d31;border-left:4px solid #1e1f22;border-radius:4px;padding:10px 14px 14px 12px;margin-top:6px;max-width:520px;min-width:0}
.dc-in{flex:1;min-width:0;overflow-wrap:anywhere}
.dc-au{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#f2f3f5;margin:2px 0 8px}
.dc-au img{width:24px;height:24px;border-radius:50%}
.dc-ti{font-weight:600;color:#00a8fc;font-size:15px;margin-bottom:8px}
.dc-de{font-size:14px;white-space:normal}
.dc-q{border-left:4px solid #4e5058;padding-left:10px;margin:2px 0 6px}
.dc-wrap code{background:#1e1f22;border-radius:3px;padding:1px 4px;font-family:Consolas,monospace;font-size:12.5px}
.dc-wrap a{color:#00a8fc;text-decoration:none}
.dc-fs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin-top:8px}
.dc-f{grid-column:1/-1;font-size:14px}
.dc-f.in{grid-column:auto}
.dc-f b{display:block;color:#f2f3f5;font-size:14px;margin-bottom:2px}
.dc-fu{font-size:12px;color:#949ba4;margin-top:10px}
.dc-th{width:80px;height:80px;object-fit:contain;border-radius:4px;flex:none}
@media(max-width:560px){.dc-th{width:48px;height:48px}.dc-fs{grid-template-columns:minmax(0,1fr)}.dc-f.in{grid-column:1/-1}}

/* ---------- Bestenliste: Strecken-Auswahl ---------- */
.gs-head{margin:34px 0 16px;padding-top:24px;border-top:1px solid var(--line)}
.gs-head h4{font-family:var(--disp);font-weight:900;font-size:22px;text-transform:uppercase;letter-spacing:.03em;margin:0 0 4px}
.gs-ctrl{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;align-items:center}
.gs-ctrl .tm-input{flex:1 1 180px;max-width:240px}
.gs-ctrl .tm-select{flex:2 1 260px;width:auto;min-width:0;max-width:100%}
.gs-tog{display:flex;border:1px solid var(--line)}
.gs-tog button{background:transparent;border:0;color:var(--steel);font:inherit;font-size:13.5px;padding:9px 12px;cursor:pointer;white-space:nowrap}
.gs-tog button+button{border-left:1px solid var(--line)}
.gs-tog button.on{background:var(--red);color:#fff}
@media(max-width:560px){.gs-ctrl .tm-input,.gs-ctrl .tm-select{max-width:none;flex-basis:100%}}

/* ---------- Startseite: Teamrekorde ---------- */
.tb-live{margin-left:auto;font-size:11.5px;color:#22e07b;white-space:nowrap}
.tb-row{padding:14px 16px 14px 13px;border-bottom:1px solid var(--line);border-left:3px solid transparent}
.tb-row:last-child{border-bottom:0}
.tb-row.neu{border-left-color:var(--red);background:linear-gradient(90deg,rgba(225,19,36,.07),transparent 60%)}
.tb-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.tb-track{font-family:var(--disp);font-weight:800;font-size:16px;line-height:1.15;letter-spacing:.03em;text-transform:uppercase;overflow-wrap:anywhere;min-width:0}
.tb-lap{font-family:var(--disp);font-weight:900;font-size:23px;line-height:1;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.tb-var{color:var(--steel);font-size:12.5px;margin-top:3px;overflow-wrap:anywhere}
.tb-fahrer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.tb-av{width:24px;height:24px;border-radius:50%;background:#3a3f4a;color:#fff;font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.tb-row.neu .tb-av{background:var(--red)}
.tb-name{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.tb-tag{font-size:10.5px;font-weight:800;letter-spacing:.06em;padding:1px 6px;line-height:1.5}
.tb-tag.neu{background:var(--red);color:#fff}
.tb-tag.bop{border:1px solid #ffb020;color:#ffb020}
.tb-wann{margin-left:auto;font-size:12px;color:var(--steel);white-space:nowrap}
.tb-car{color:var(--steel);font-size:12.5px;margin-top:4px;overflow-wrap:anywhere}

/* Garage 61 – neue Tabs (Nächstes Rennen, Training, Bestzeiten) */
.gr-kpis{grid-template-columns:repeat(3,1fr);margin:14px 0 0}
.gr-tbl tr.th td{background:var(--panel2);font-family:var(--disp);font-weight:800;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);padding-top:8px;padding-bottom:8px}
.gr-tbl td{font-size:13.5px;vertical-align:middle}
.gr-tbl td small{display:block;color:var(--steel-d);font-size:12px;line-height:1.3}
.gr-tbl tr:has(+ tr.sub) td{border-bottom-color:transparent}
.gr-tbl .t{font-family:var(--disp);font-weight:700;font-size:15px;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.gr-tbl .g{color:var(--steel);font-variant-numeric:tabular-nums;font-size:13px}
.gr-tbl .d{color:var(--steel-d);font-size:12.5px;text-align:right}
.gr-wann{color:var(--steel);font-size:13px}
.gr-top{font-family:var(--disp);font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.gr-ohne{font-family:var(--disp);font-weight:800;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);border:1px solid var(--line);padding:0 5px;margin-left:6px;vertical-align:2px}
.gr-p{font-family:var(--disp);font-weight:900;color:var(--steel)}
.gr-p.p1{color:var(--red)}
.gr-nicht{margin-top:16px}
.gr-n-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.gr-n-row:last-child{border-bottom:0}
.gr-n-row span{color:var(--steel);font-size:13px}
.gr-klick{cursor:pointer;transition:background .14s}
.gr-klick:hover{background:var(--panel2)}
.gr-pf{display:inline-block;width:14px;color:var(--red);transition:transform .15s}
.gr-klick.auf .gr-pf{transform:rotate(90deg)}
.gr-trips{background:var(--panel2);border-bottom:1px solid var(--line)}
.gr-trips .tm-tbl td{padding:7px 12px}
.gr-ctrl{margin:22px 0 0}
@media(max-width:700px){.gr-kpis{grid-template-columns:1fr}.gr-tbl .d{display:none}}
.gt-filter{display:flex;flex-wrap:wrap;gap:10px}
.gt-k{border:1px solid var(--line);background:var(--panel);padding:12px 16px;margin-bottom:10px}
.gt-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;cursor:pointer;font-size:14.5px}
.gt-h b{font-weight:700}
.gt-k.auf .gr-pf{transform:rotate(90deg)}
.gt-sum{font-family:var(--disp);font-weight:800;font-size:14px;color:var(--white);font-variant-numeric:tabular-nums;white-space:nowrap}
.gt-tag{font-family:var(--disp);font-weight:800;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--red);padding:1px 6px;margin-left:8px;vertical-align:1px}
.gt-ppl{color:var(--steel);font-size:13.5px;margin-top:4px}
.gt-best{color:var(--steel-d);font-size:13px;margin-top:2px}
.gt-best .t{font-family:var(--disp);font-weight:700;color:var(--white);font-size:14px;font-variant-numeric:tabular-nums}
.gt-trips{margin-top:10px;border-top:1px solid var(--line)}

/* ---------- Stintplaner ---------- */
.sp-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:6px}
.sp-top p{max-width:62ch}
.sp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.sp-cards.alt{opacity:.7}
.sp-card{display:block;min-width:0;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--red);padding:16px 18px;color:inherit;transition:.15s}
.sp-card:hover{border-color:var(--red);transform:translateY(-1px)}
.sp-card-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sp-card-h b{font-family:var(--disp);font-weight:900;font-size:20px;text-transform:uppercase;line-height:1.1;margin-right:auto;min-width:0;overflow-wrap:anywhere}
.sp-card-m{color:var(--steel);font-size:14px;margin:6px 0 10px;overflow-wrap:anywhere}
.sp-card-f{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:#d5d9e0}
.sp-card-f span{display:inline-flex;align-items:center;gap:6px}
.sp-card-f svg{width:15px;height:15px;color:var(--red)}
.sp-inline{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sp-inline .tm-select{width:auto;min-width:0;flex:1 1 220px}
.sp-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:14px}
.sp-back{font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.sp-back:hover{color:#fff}
.sp-title{flex:1 1 240px;min-width:0}
.sp-title h3{font-family:var(--disp);font-weight:900;font-size:clamp(24px,4vw,32px);text-transform:uppercase;line-height:1;overflow-wrap:anywhere}
.sp-title small{color:var(--steel);font-size:14px}
.sp-actions{display:flex;align-items:center;gap:12px}
.sp-dirty{font-size:13px;color:#ffb020}
.sp-tabs{margin-bottom:16px}
.sp-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line);background:#0d0e12}
.sp-seg button{background:none;border:0;color:var(--steel);font-family:var(--disp);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:9px 14px;cursor:pointer}
.sp-seg button.on{background:var(--red);color:#fff}
.sp-cartabs{margin-bottom:14px}
.sp-num{width:90px;flex:none}
.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:12px 16px}
.sp-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.sp-f span{font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:.05em;text-transform:uppercase}
.sp-f small{display:block;font-family:var(--body);font-weight:500;font-size:12px;letter-spacing:0;text-transform:none;color:var(--steel)}
.sp-check{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:12px;cursor:pointer}
.sp-check input{accent-color:var(--red);width:16px;height:16px}
.sp-car-h{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:6px}
.sp-carname{flex:1 1 200px;width:auto;font-family:var(--disp);font-weight:800;font-size:18px;text-transform:uppercase}
.sp-drv-wrap,.sp-tbl-wrap,.sp-av-wrap{overflow-x:auto;max-width:100%}
.sp-drv{width:100%;border-collapse:collapse;min-width:620px}
.sp-drv th,.sp-tbl th{text-align:left;font-family:var(--disp);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}
.sp-drv th small,.sp-tbl th small{display:block;font-family:var(--body);font-weight:500;letter-spacing:0;text-transform:none;font-size:11px}
.sp-drv td{padding:8px;border-bottom:1px solid var(--line);vertical-align:middle}
.sp-drv td:nth-child(3) .tm-input{width:110px}
.sp-drv td:nth-child(4) .tm-input{width:90px}
.sp-x{background:none;border:1px solid var(--line);color:var(--steel);width:30px;height:30px;cursor:pointer}
.sp-x:hover{color:#fff;border-color:var(--red)}
.sp-g61info{margin-top:8px}
.sp-warn{border-left:3px solid #ffb020}
.sp-warn div{font-size:14px;margin-top:4px}
.sp-tiles{margin-bottom:14px}
.sp-tiles .wk-tile b{font-size:28px}
.sp-tbl{width:100%;border-collapse:collapse;min-width:760px;background:var(--panel);border:1px solid var(--line)}
.sp-tbl td{padding:8px;border-bottom:1px solid var(--line);font-size:14px;font-variant-numeric:tabular-nums;vertical-align:middle;white-space:nowrap}
.sp-tbl td small{display:block;color:var(--steel);font-size:12px}
.sp-tbl tr.real td{background:rgba(46,204,113,.07)}
.sp-tbl tr.real.laufend td{background:rgba(255,176,32,.08)}
.sp-nr{font-family:var(--disp);font-weight:900;font-size:18px;color:var(--red);width:36px}
.sp-fz{display:flex;align-items:center;gap:8px}
.sp-sel{width:auto;min-width:150px;padding:7px 10px}
.sp-laps{width:80px;padding:7px 10px}
.sp-pit{font-size:13px;color:#d5d9e0}
.sp-rf{display:inline-flex;align-items:center;gap:4px;margin-left:6px;color:var(--steel);cursor:pointer}
.sp-rf input{accent-color:var(--red)}
.sp-ziel{font-family:var(--disp);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sp-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--steel-d);flex:none;vertical-align:middle}
.sp-dot.ja,.sp-slot.ja{background:#2ecc71}
.sp-dot.evtl,.sp-slot.evtl{background:#ffb020}
.sp-dot.nein,.sp-slot.nein{background:#e11324}
.sp-legende{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sp-legende .sp-dot{margin-left:8px}
.sp-fahrzeit{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sp-av{border-collapse:collapse;background:var(--panel);border:1px solid var(--line)}
.sp-av th{font-size:11px;color:var(--steel);font-weight:600;padding:6px 2px;text-align:center;white-space:nowrap;vertical-align:bottom}
.sp-av th.tag{border-left:2px solid var(--red)}
.sp-av th em{display:block;font-style:normal;color:#fff;font-weight:700;margin-bottom:2px}
.sp-av td{padding:3px 2px;border-top:1px solid var(--line);text-align:center}
.sp-av .sp-av-n{position:sticky;left:0;background:var(--panel);text-align:left;padding:6px 10px;min-width:150px;z-index:1}
.sp-av .sp-av-n small{display:block;color:var(--steel);font-size:12px;font-weight:500}
.sp-av tr.ich td{background:rgba(225,19,36,.06)}
.sp-av tr.ich .sp-av-n{background:#1a1418}
.sp-slot{width:34px;height:26px;border:1px solid var(--line);background:#0d0e12;cursor:pointer;display:block;margin:0 auto}
.sp-slot:disabled{cursor:default}
.sp-slot:not(:disabled):hover{border-color:#fff}
.sp-t{padding:0 5px;color:#0a0a0a}
.sp-t.ja{background:#2ecc71}.sp-t.evtl{background:#ffb020}.sp-t.nein{background:#e11324;color:#fff}
.tm-btn.pulse{animation:spPulse 1.4s infinite}
@keyframes spPulse{50%{box-shadow:0 0 0 6px rgba(225,19,36,.25)}}
@media (max-width:700px){
  .sp-head{align-items:flex-start}
  .sp-actions{width:100%;justify-content:space-between}
  .sp-av .sp-av-n{min-width:110px}
}
.sp-dt{flex:0 1 180px}
.sp-av-car{margin-bottom:18px}
.sp-av-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:8px}
.sp-av-h b{font-family:var(--disp);font-weight:900;font-size:18px;text-transform:uppercase}
.sp-av-h span{color:#d5d9e0;font-size:14px}
.sp-av-h small{color:var(--steel);font-size:13px;width:100%}
.sp-card-car{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.sp-card-carh{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
.sp-card-carh b{font-family:var(--disp);font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.sp-card-carh span{color:#d5d9e0;font-size:13px}
.sp-card-carh small{color:var(--steel);font-size:12px;margin-left:auto}
.sp-card-drv{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sp-card-drv span{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:3px 9px;background:var(--panel2);border:1px solid var(--line)}
.sp-card-drv span.ich{border-color:var(--red)}
.sp-card-drv em{font-style:normal;color:var(--steel);font-size:13px}
.sp-card-drv i{font-style:normal;font-weight:800;width:16px;height:16px;display:grid;place-items:center;font-size:11px;border-radius:50%}
.sp-card-drv i.ok{background:#2ecc71;color:#0a0a0a}
.sp-card-drv i.fehlt{background:#ffb020;color:#0a0a0a}
.sp-card-hint{margin-top:10px;font-size:12.5px;color:#ffb020}
/* ---------- Stintplaner v2: Event-Seite & Fahrzeuge ---------- */
.sp-actions [hidden],.tm-btn[hidden]{display:none!important}
.sp-hero{position:relative;overflow:hidden;margin:10px 0 18px;min-height:230px;border:1px solid var(--line);background:#0a0b0e var(--img) center/cover no-repeat;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;padding:22px}
.sp-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,11,14,.96) 0%,rgba(10,11,14,.82) 45%,rgba(10,11,14,.35) 100%)}
.sp-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--red),transparent 75%)}
.sp-hero-in,.sp-hero-st{position:relative;min-width:0}
.sp-hero-in{flex:1 1 420px}
.sp-hero-tag{display:inline-block;font-family:var(--disp);font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:var(--red);color:#fff;padding:4px 10px;margin-bottom:10px}
.sp-hero h3{font-family:var(--disp);font-weight:900;font-size:clamp(28px,5vw,44px);text-transform:uppercase;line-height:1;margin-bottom:14px;overflow-wrap:anywhere}
.sp-hero-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:8px 18px;font-size:14.5px;color:#e3e6eb}
.sp-hero-facts span{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}
.sp-hero-facts svg{width:17px;height:17px;color:var(--red);flex:none}
.sp-hero-st{flex:0 1 260px;background:rgba(19,21,27,.88);border:1px solid var(--line);padding:14px 16px}
.sp-hero-st b{display:block;font-family:var(--disp);font-weight:800;font-size:14px;letter-spacing:.12em;text-transform:uppercase}
.sp-hero-st span{display:block;font-size:13px;color:var(--steel);margin:4px 0 8px}
.sp-bar{height:8px;background:var(--line)}
.sp-bar i{display:block;height:100%;background:var(--red);box-shadow:0 0 10px var(--red-glow)}
.sp-ev{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.sp-ev-main,.sp-ev-side{min-width:0}
.sp-vhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.sp-vhead h4{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:900;font-size:22px;text-transform:uppercase}
.sp-vhead h4 svg{width:22px;height:22px;color:var(--red)}
.sp-vlist{display:flex;flex-direction:column;gap:12px}
.sp-vcard{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr) 18px;gap:16px;align-items:center;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--red);padding:14px 16px;cursor:pointer;transition:.15s}
.sp-vcard:hover,.sp-vcard:focus{border-color:var(--red);outline:0}
.sp-sil{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.sp-vcard-team{min-width:0}
.sp-vcard-team b{display:block;font-family:var(--disp);font-weight:900;font-size:18px;text-transform:uppercase;line-height:1.1;overflow-wrap:anywhere}
.sp-vcard-team span{display:block;color:#d5d9e0;font-size:13.5px;margin:4px 0}
.sp-vcard-team small{display:flex;align-items:center;gap:6px;color:var(--steel);font-size:12.5px}
.sp-vcard-team small svg{width:14px;height:14px;color:var(--red)}
.sp-mini-h{font-family:var(--disp);font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:6px}
.sp-drvline{display:flex;align-items:center;gap:8px;font-size:13.5px;line-height:1.7;min-width:0}
.sp-drvline span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-drvline.ich span{color:#fff;font-weight:700}
.sp-drvline em{font-style:normal;font-size:12px;color:var(--steel);white-space:nowrap}
em.ja,small.ja{color:#4ee28c}em.evtl,small.evtl{color:#ffb020}em.nein,small.nein{color:#ff6b75}em.fehlt,small.fehlt{color:var(--steel)}
.sp-av-dot{display:inline-block;width:11px;height:11px;border-radius:50%;flex:none;border:2px solid var(--steel-d)}
.sp-av-dot.ja{border-color:#2ecc71}.sp-av-dot.evtl{border-color:#ffb020}.sp-av-dot.nein{border-color:#e11324}.sp-av-dot.fehlt{border-color:var(--steel-d);border-style:dashed}
.sp-vcard-st{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.sp-st{display:inline-block;font-family:var(--disp);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border:1px solid;white-space:nowrap}
.sp-st.ok{color:#4ee28c;border-color:rgba(46,204,113,.5);background:rgba(46,204,113,.1)}
.sp-st.fehlt{color:#ffb020;border-color:rgba(255,176,32,.5);background:rgba(255,176,32,.08)}
.sp-st.arbeit{color:#8fb4ff;border-color:rgba(80,140,255,.5);background:rgba(80,140,255,.1)}
.sp-nx{display:flex;gap:8px;font-size:13px;line-height:1.35}
.sp-nx svg{width:16px;height:16px;color:var(--red);flex:none;margin-top:1px}
.sp-nx small{color:var(--steel)}
.sp-vcard-go{font-size:26px;color:var(--steel);text-align:center}
.sp-side h5{margin-bottom:10px}
.sp-kv{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;font-size:13.5px;border-top:1px solid var(--line)}
.sp-kv:first-of-type{border-top:0}
.sp-kv span{display:flex;align-items:center;gap:8px;color:#d5d9e0;min-width:0}
.sp-kv span svg{width:15px;height:15px;color:var(--steel);flex:none}
.sp-kv b{font-variant-numeric:tabular-nums}
.sp-full{width:100%;justify-content:center;margin-top:8px;display:flex}
.sp-term{display:flex;flex-direction:column;padding:7px 0;border-top:1px solid var(--line);font-size:13px}
.sp-term:first-of-type{border-top:0}
.sp-term b{font-variant-numeric:tabular-nums}
.sp-term span{color:var(--steel)}
.sp-notiz{white-space:pre-wrap;font-size:14.5px;line-height:1.55}
.sp-chead{margin-bottom:14px}
.sp-chead-in{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:10px 0 12px}
.sp-chead-pic{width:120px;flex:none}
.sp-chead .sp-actions{flex-wrap:wrap}
.sp-steps button{white-space:nowrap}
details.tm-box>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
details.tm-box>summary::-webkit-details-marker{display:none}
details.tm-box>summary h5{margin:0}
details.tm-box>summary::after{content:"▾";margin-left:auto;color:var(--steel)}
details.tm-box[open]>summary::after{content:"▴"}
.sp-hs-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 0;border-top:1px solid var(--line);font-size:13.5px}
.sp-hs-row span{color:var(--steel);flex:1 1 200px;min-width:0}
.sp-tbl tr.real.hand td{background:rgba(46,204,113,.05)}
.sp-quelle{margin:-4px 0 10px}
.sp-drv td small{display:block;font-size:12px}
@media (max-width:1100px){
  .sp-ev{grid-template-columns:minmax(0,1fr)}
  .sp-vcard{grid-template-columns:110px minmax(0,1fr) minmax(0,1.2fr) 18px}
  .sp-vcard-st{grid-column:2/4}
}
@media (max-width:640px){
  .sp-vcard{grid-template-columns:80px minmax(0,1fr) 14px}
  .sp-vcard-drv,.sp-vcard-st{grid-column:1/3}
  .sp-vcard-go{grid-row:1;grid-column:3}
  .sp-hero{padding:16px}
  .sp-chead-pic{width:84px}
}
.sp-was{list-style:none;margin:2px 0 0;padding:0;font-size:12.5px;color:#ffcf7a;line-height:1.45}
.sp-was li{position:relative;padding-left:12px}
.sp-was li::before{content:"•";position:absolute;left:0;color:#ffb020}
.sp-vcard-st .sp-st.arbeit~.sp-was,.sp-chead-st .sp-st.arbeit~.sp-was{color:#b9cdff}
.sp-chead-st{display:flex;flex-direction:column;gap:6px;min-width:0}
.sp-quelle-d{display:block;font-size:11.5px;color:var(--steel);margin-top:4px;max-width:260px;white-space:normal}
.sp-quelle-d.alt{color:#ffcf7a}
.sp-quelle-d.hand{color:#8fb4ff}
.sp-av th b{display:block;color:#fff;font-weight:700;font-size:11.5px}
.sp-av th small{display:block;font-size:10.5px;color:var(--steel);font-weight:500}
.sp-av th small.sp-av-plan{color:#ff8a93}
.sp-slot.breit{width:64px}
.sp-slot.mix{background:repeating-linear-gradient(135deg,#2ecc71 0 6px,#ffb020 6px 12px)}
.sp-av td.plan .sp-slot{outline:2px solid var(--red);outline-offset:1px}

/* ================================================================
   STINTPLANER · moderner Look (nur innerhalb .sp-root)
   ================================================================ */
.sp-root{--sp-r:16px;--sp-glass:rgba(24,27,35,.72);--sp-glass2:rgba(32,36,46,.6);--sp-bd:rgba(255,255,255,.07);--sp-bd2:rgba(255,255,255,.12)}
.sp-root .tm-box,.sp-root .sp-vcard,.sp-root .sp-card,.sp-root .wk-tile,.sp-root .sp-hero,.sp-root .sp-tbl-wrap,.sp-root .sp-hero-st{border-radius:var(--sp-r)}
.sp-root .tm-box{background:var(--sp-glass);border:1px solid var(--sp-bd);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.sp-root .tm-btn{transform:none;border-radius:999px;border-width:1px;border-color:var(--sp-bd2);background:var(--sp-glass2);padding:10px 18px;letter-spacing:.06em;font-size:13px}
.sp-root .tm-btn>span{transform:none}
.sp-root .tm-btn:hover{border-color:var(--red);background:rgba(225,19,36,.12);box-shadow:none}
.sp-root .tm-btn.red{background:linear-gradient(135deg,#ff2a3a,#c40f1e);border-color:transparent;box-shadow:0 8px 24px rgba(225,19,36,.35)}
.sp-root .tm-btn.red:hover{filter:brightness(1.08);background:linear-gradient(135deg,#ff2a3a,#c40f1e)}
.sp-root .tm-btn.sm{padding:7px 14px;font-size:12px}
.sp-root .tm-input,.sp-root .tm-select{border-radius:10px;background:rgba(10,11,14,.7);border-color:var(--sp-bd2)}
.sp-root .tm-input:focus,.sp-root .tm-select:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(225,19,36,.18)}
.sp-root .tm-badge{border-radius:999px;padding:3px 10px}
.sp-root .tm-chip{border-radius:999px;background:var(--sp-glass2);border-color:var(--sp-bd)}
.sp-root .wk-tile{background:var(--sp-glass);border:1px solid var(--sp-bd);position:relative;overflow:hidden}
.sp-root .wk-tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#ff2a3a,#7a0a14)}
.sp-root .sp-tabs{border-bottom:0;gap:6px;background:var(--sp-glass);border:1px solid var(--sp-bd);border-radius:999px;padding:5px;width:max-content;max-width:100%}
.sp-root .sp-tabs button{border-radius:999px;border-bottom:0;margin:0;padding:8px 16px;font-size:13px}
.sp-root .sp-tabs button.on{background:var(--red);color:#fff;box-shadow:0 6px 18px rgba(225,19,36,.35)}
.sp-root .sp-seg{border-radius:999px;overflow:hidden;border-color:var(--sp-bd2)}
.sp-root .sp-card,.sp-root .sp-vcard{background:var(--sp-glass);border:1px solid var(--sp-bd);position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.sp-root .sp-card::before,.sp-root .sp-vcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--team,var(--red))}
.sp-root .sp-vcard:hover,.sp-root .sp-card:hover{border-color:rgba(225,19,36,.5);transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.35)}
.sp-root .sp-st{border-radius:999px;padding:4px 12px}
.sp-root .sp-hero{border:1px solid var(--sp-bd)}
.sp-root .sp-hero-st{background:rgba(16,18,24,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:var(--sp-bd)}
.sp-root .sp-bar{border-radius:999px;overflow:hidden;height:8px}
.sp-root .sp-bar i{border-radius:999px;background:linear-gradient(90deg,#ff2a3a,#ff6b75)}
.sp-root .sp-hero-tag{border-radius:999px}
.sp-root .sp-tbl{border:0;background:transparent}
.sp-root .sp-tbl-wrap{border:1px solid var(--sp-bd);background:var(--sp-glass)}
.sp-root .sp-tbl th{background:rgba(255,255,255,.03)}
.sp-root .sp-tbl tbody tr:hover td{background:rgba(255,255,255,.025)}
.sp-root .sp-tbl td{border-bottom-color:var(--sp-bd)}
.sp-root .sp-x{border-radius:50%}
/* Avatare */
.sp-ava{display:inline-grid;place-items:center;border-radius:50%;flex:none;overflow:hidden;background:var(--c,#2a2e38);color:#fff;font-weight:800;font-family:var(--disp);box-shadow:0 0 0 2px rgba(10,11,14,.9)}
.sp-ava img{width:100%;height:100%;object-fit:cover;display:block}
/* Schritt-Leiste */
.sp-stepper{display:flex;align-items:center;margin:6px 0 18px;overflow-x:auto;scrollbar-width:none;padding:4px 2px}
.sp-stepper::-webkit-scrollbar{display:none}
.sp-stp{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--steel);cursor:pointer;padding:6px 8px;border-radius:999px;flex:none;font:inherit}
.sp-stp-n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--disp);font-weight:900;font-size:15px;border:2px solid var(--sp-bd2);background:var(--sp-glass);transition:.2s}
.sp-stp-l{font-family:var(--disp);font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.sp-stp.done .sp-stp-n{background:#2ecc71;border-color:#2ecc71;color:#0a0a0a}
.sp-stp.on{color:#fff}
.sp-stp.on .sp-stp-n{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 0 5px rgba(225,19,36,.2)}
.sp-stp:hover{color:#fff}
.sp-stp-line{flex:1 1 30px;min-width:18px;height:2px;background:var(--sp-bd2);border-radius:2px}
/* Verfügbarkeit als Zeitleiste */
.sp-tl-wrap{overflow-x:auto;border-radius:var(--sp-r);border:1px solid var(--sp-bd);background:var(--sp-glass);padding:14px;margin-bottom:16px}
.sp-tl{display:grid;gap:8px 6px;align-items:center;min-width:max-content}
.sp-tl-row,.sp-tl-head{display:contents}
.sp-tl-corner{font-size:12px;color:var(--steel);text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.sp-tl-col{background:rgba(255,255,255,.04);border:1px solid var(--sp-bd);border-radius:12px;padding:8px 10px;min-width:0}
.sp-tl-col b{display:block;font-family:var(--disp);font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:.04em}
.sp-tl-col small{display:block;font-size:11.5px;color:var(--steel);white-space:nowrap}
.sp-tl-col .sp-tl-plan{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:11.5px;color:#ffd0d4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-tl-col.tag{box-shadow:inset 3px 0 0 var(--red)}
.sp-tl-who{display:flex;align-items:center;gap:10px;min-width:0;position:sticky;left:-14px;background:linear-gradient(90deg,rgba(24,27,35,.98) 85%,transparent);z-index:2;padding:4px 14px 4px 0}
.sp-tl-who b{display:block;font-size:14px;line-height:1.2;white-space:nowrap}
.sp-tl-who small{display:block;font-size:11.5px}
.sp-pill{height:40px;border-radius:999px;border:1.5px dashed var(--sp-bd2);background:rgba(255,255,255,.02);color:var(--steel);font-size:16px;font-weight:900;cursor:pointer;display:grid;place-items:center;transition:transform .15s,background .2s,box-shadow .2s;min-width:0}
.sp-pill:disabled{cursor:default}
.sp-pill:not(:disabled):hover{transform:scale(1.04);border-color:#fff;color:#fff}
.sp-pill:not(:disabled):active{transform:scale(.96)}
.sp-pill.ja{background:linear-gradient(135deg,#34d67a,#1fa85a);border:0;color:#062b15;box-shadow:0 6px 16px rgba(46,204,113,.25)}
.sp-pill.evtl{background:linear-gradient(135deg,#ffc24d,#f09a00);border:0;color:#3a2600;box-shadow:0 6px 16px rgba(255,176,32,.22)}
.sp-pill.nein{background:linear-gradient(135deg,#ff4d5a,#c40f1e);border:0;color:#fff;box-shadow:0 6px 16px rgba(225,19,36,.25)}
.sp-pill.mix{background:linear-gradient(90deg,#1fa85a 0 50%,#f09a00 50% 100%);border:0;color:#111}
.sp-pill.plan{outline:2px solid #fff;outline-offset:2px}
.sp-pill.pop{animation:spPop .25s ease}
@keyframes spPop{50%{transform:scale(1.12)}}
.sp-tl-legende{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12.5px;color:var(--steel);margin-top:12px}
.sp-tl-legende span{display:inline-flex;align-items:center;gap:6px}
.sp-tl-legende i{width:22px;height:12px;border-radius:999px;display:inline-block}
/* Stint-Zeitstrahl */
.sp-gantt{display:flex;gap:3px;height:56px;margin:4px 0 6px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid var(--sp-bd);padding:4px}
.sp-gseg{flex:var(--g) 1 0;min-width:22px;border-radius:10px;background:var(--c);display:flex;flex-direction:column;justify-content:center;padding:0 8px;overflow:hidden;color:#fff}
.sp-gseg b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.sp-gseg small{font-size:11px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-gseg.real{background:repeating-linear-gradient(135deg,var(--c) 0 8px,rgba(0,0,0,.3) 8px 12px)}
.sp-gseg.laufend{box-shadow:inset 0 0 0 2px #fff}
.sp-gpit{flex:0 0 5px;border-radius:4px;background:rgba(255,255,255,.3)}
.sp-gachse{display:flex;justify-content:space-between;font-size:11.5px;color:var(--steel);margin:0 4px 12px}
.sp-flegende{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.sp-flegende span{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:999px;background:var(--sp-glass);border:1px solid var(--sp-bd);font-size:13px}
.sp-flegende i{width:12px;height:12px;border-radius:50%;background:var(--c)}
/* Event komplett bearbeiten */
.sp-ecar{border:1px solid var(--sp-bd);border-radius:14px;padding:14px;margin-top:12px;background:rgba(255,255,255,.02)}
.sp-ecar-h{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}
.sp-ecar-h b{font-family:var(--disp);font-weight:900;font-size:16px;text-transform:uppercase;margin-right:auto}
.sp-ecar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px 14px}
.sp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:center}
.sp-chipx{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 4px;border-radius:999px;background:var(--sp-glass2);border:1px solid var(--sp-bd);font-size:13px}
.sp-chipx button{background:none;border:0;color:var(--steel);cursor:pointer;font-size:13px;padding:0 4px}
.sp-chipx button:hover{color:#fff}
.sp-chips .tm-select{width:auto;flex:0 1 220px;padding:6px 10px;font-size:13px}
.sp-zeiten{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sp-zeiten .sp-chipx{padding:5px 6px 5px 12px}
.sp-zeiten input{width:120px;flex:none}
.sp-root .sp-tl-wrap,.sp-root .sp-tbl-wrap,.sp-root .sp-drv-wrap{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.sp-root .sp-tl-wrap::-webkit-scrollbar,.sp-root .sp-tbl-wrap::-webkit-scrollbar{height:8px}
.sp-root .sp-tl-wrap::-webkit-scrollbar-thumb,.sp-root .sp-tbl-wrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:8px}

/* ================================================================
   TEAM-DASHBOARD 2.0 · „Night Race“
   Nur Optik: gilt im eingeloggten Dashboard (.td) und im Stintplaner.
   ================================================================ */
:root{--g-glass:rgba(20,22,29,.66);--g-glass2:rgba(30,33,43,.62);--g-bd:rgba(255,255,255,.075);--g-bd2:rgba(255,255,255,.13);
  --g-red1:#ff2b3d;--g-red2:#b30c1b;--g-glow:rgba(255,43,61,.38);--g-r:18px;--g-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 18px 44px rgba(0,0,0,.38)}

/* --- Bühne: langsam treibende Rot-Lichter + feines Raster --- */
body:has(.td)::before{inset:-25%;background:
  radial-gradient(38% 32% at 18% 22%,rgba(255,43,61,.20),transparent 70%),
  radial-gradient(30% 28% at 82% 12%,rgba(150,20,70,.16),transparent 70%),
  radial-gradient(42% 36% at 68% 88%,rgba(255,43,61,.11),transparent 70%),
  #07080b;animation:gDrift 32s ease-in-out infinite alternate}
body:has(.td)::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 30%,transparent 80%)}
@keyframes gDrift{0%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(3%,-2%,0) rotate(2deg)}100%{transform:translate3d(-3%,2%,0) rotate(-2deg)}}

/* --- Layout + Seitenleiste --- */
.td{grid-template-columns:250px minmax(0,1fr);gap:24px}
.td-side{border-radius:22px;border:1px solid var(--g-bd);background:var(--g-glass);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);padding:12px 8px;box-shadow:var(--g-shadow);top:84px}
.td-nav-h{display:flex;align-items:center;gap:10px;padding:16px 12px 8px;color:rgba(255,255,255,.38)}
.td-nav-h::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--g-bd2),transparent)}
.td-link{position:relative;border-left:0;border-radius:12px;margin:2px 0;padding:9px 12px;gap:12px;color:rgba(235,238,243,.72);transition:background .2s,color .2s,transform .2s}
.td-link svg{width:34px;height:34px;padding:8px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--g-bd);transition:.2s;flex:none}
.td-link:hover{background:rgba(255,255,255,.045);color:#fff;transform:translateX(3px)}
.td-link:hover svg{border-color:var(--g-bd2);color:#fff}
.td-link.on{color:#fff;background:linear-gradient(135deg,rgba(255,43,61,.22),rgba(255,43,61,.04) 70%);box-shadow:inset 0 0 0 1px rgba(255,43,61,.28)}
.td-link.on svg{background:linear-gradient(135deg,var(--g-red1),var(--g-red2));border-color:transparent;color:#fff;box-shadow:0 6px 18px var(--g-glow)}
.td-link.on::before{content:"";position:absolute;left:-8px;top:22%;bottom:22%;width:3px;border-radius:3px;background:var(--g-red1);box-shadow:0 0 12px var(--g-red1)}

/* --- Einblenden beim Seitenwechsel --- */
.td-main>*{animation:gUp .55s cubic-bezier(.2,.8,.2,1) both}
.td-main>*:nth-child(2){animation-delay:.05s}.td-main>*:nth-child(3){animation-delay:.1s}.td-main>*:nth-child(4){animation-delay:.15s}.td-main>*:nth-child(5){animation-delay:.2s}.td-main>*:nth-child(n+6){animation-delay:.25s}
@keyframes gUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* --- Überschriften --- */
.td .td-head{margin-bottom:22px}
.td .td-head-ic{transform:none;border-radius:14px;width:46px;height:46px;border:0;background:linear-gradient(135deg,var(--g-red1),var(--g-red2));color:#fff;box-shadow:0 10px 26px var(--g-glow)}
.td .td-head-ic svg{transform:none}
.td .td-head h3{background:linear-gradient(180deg,#fff 30%,#ffb7bd);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.01em}
.td .td-label{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.5)}
.td .td-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--g-bd2),transparent)}

/* --- Karten: Glas, weiche Kanten, Licht folgt der Maus --- */
.td .tm-box,.td .tp-widget,.td .td-q,.td .ta-list,.td .lk-card,.td .tn-card,.td .kt-card,.td .tm-board,.td .wk-tile,.td .sp-card,.td .sp-vcard,.td .sp-tl-wrap,.td .sp-tbl-wrap{
  border-radius:var(--g-r);border:1px solid var(--g-bd);background:var(--g-glass);backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);box-shadow:var(--g-shadow)}
.td .tm-box,.td .tp-widget,.td .td-q,.td .lk-card,.td .tn-card,.td .kt-card,.td .sp-card,.td .sp-vcard{position:relative;isolation:isolate}
.td .tm-box::after,.td .tp-widget::after,.td .td-q::after,.td .lk-card::after,.td .tn-card::after,.td .sp-card::after,.td .sp-vcard::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .3s;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(255,43,61,.13),transparent 45%)}
.td .tm-box:hover::after,.td .tp-widget:hover::after,.td .td-q:hover::after,.td .lk-card:hover::after,.td .tn-card:hover::after,.td .sp-card:hover::after,.td .sp-vcard:hover::after{opacity:1}
.td .tm-box h5{letter-spacing:.14em}
.td .tm-box h5::before{width:18px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--g-red1),var(--g-red2));box-shadow:0 0 10px var(--g-glow)}
.td .tp-widget{overflow:hidden}
.td .tp-widget-h{background:linear-gradient(90deg,rgba(255,43,61,.12),transparent 70%);border-bottom-color:var(--g-bd)}
.td .td-q{transition:transform .25s,box-shadow .25s,border-color .25s}
.td .td-q:hover{transform:translateY(-4px);border-color:rgba(255,43,61,.35);box-shadow:0 22px 50px rgba(0,0,0,.45),0 0 0 1px rgba(255,43,61,.15)}
.td .td-q span{border-radius:14px;border:0;background:linear-gradient(135deg,rgba(255,43,61,.25),rgba(255,43,61,.06));color:#fff}

/* --- Willkommens-Banner --- */
.td .td-welcome{border-radius:24px;border:1px solid var(--g-bd);box-shadow:var(--g-shadow)}
.td .td-welcome::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.07) 45%,transparent 60%);background-size:250% 100%;animation:gShine 7s ease-in-out infinite}
.td .td-welcome h3 .r{background:linear-gradient(90deg,var(--g-red1),#ff8a94);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes gShine{0%,60%{background-position:120% 0}100%{background-position:-120% 0}}

/* --- Knöpfe: Pille, Verlauf, Glanz beim Drüberfahren --- */
.td .tm-btn{transform:none;border-radius:999px;border:1px solid var(--g-bd2);background:var(--g-glass2);padding:10px 18px;font-size:13px;letter-spacing:.06em;position:relative;overflow:hidden;transition:transform .15s,box-shadow .2s,border-color .2s,background .2s}
.td .tm-btn>span{transform:none}
.td .tm-btn::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-20deg);transition:left .6s;pointer-events:none}
.td .tm-btn:hover::after{left:130%}
.td .tm-btn:hover{border-color:rgba(255,43,61,.6);background:rgba(255,43,61,.12);box-shadow:none;transform:translateY(-1px)}
.td .tm-btn:active{transform:translateY(0) scale(.98)}
.td .tm-btn.red{background:linear-gradient(135deg,var(--g-red1),var(--g-red2));border-color:transparent;box-shadow:0 10px 26px var(--g-glow)}
.td .tm-btn.red:hover{filter:brightness(1.1);box-shadow:0 14px 34px var(--g-glow)}
.td .tm-btn.sm{padding:7px 14px;font-size:12px}
.td .tm-btn:disabled{transform:none}

/* --- Eingaben, Schalter, Badges --- */
.td .tm-input,.td .tm-select{border-radius:12px;background:rgba(8,9,12,.7);border:1px solid var(--g-bd2);transition:border-color .2s,box-shadow .2s}
.td .tm-input:hover,.td .tm-select:hover{border-color:rgba(255,255,255,.2)}
.td .tm-input:focus,.td .tm-select:focus{border-color:var(--g-red1);box-shadow:0 0 0 4px rgba(255,43,61,.16)}
.td .tm-switch .s{border-radius:999px;background:rgba(255,255,255,.08);border-color:var(--g-bd2)}
.td .tm-switch .s::after{border-radius:50%}
.td .tm-switch input:checked+.s{background:linear-gradient(135deg,var(--g-red1),var(--g-red2));border-color:transparent;box-shadow:0 0 14px var(--g-glow)}
.td .tm-badge{border-radius:999px;padding:3px 11px}
.td .tm-chip{border-radius:999px;background:var(--g-glass2);border-color:var(--g-bd)}
.td .tm-row{border-top-color:var(--g-bd)}

/* --- Tabellen und Listen --- */
.td .tm-tbl tr{transition:background .15s}
.td .tm-tbl tbody tr:hover,.td .tm-tbl tr:hover{background:rgba(255,255,255,.03)}
.td .tm-tbl td{border-bottom-color:var(--g-bd)}
.td .ta-list{overflow:hidden}
.td .g6-tabs:not(.sp-tabs){border-bottom:0;gap:6px;background:var(--g-glass);border:1px solid var(--g-bd);border-radius:999px;padding:5px;width:max-content;max-width:100%}
.td .g6-tabs:not(.sp-tabs) button{border-radius:999px;border-bottom:0;margin:0;padding:8px 16px;font-size:13px;transition:.2s}
.td .g6-tabs:not(.sp-tabs) button.on{background:linear-gradient(135deg,var(--g-red1),var(--g-red2));color:#fff;box-shadow:0 6px 18px var(--g-glow)}
.td .wk-tile::before{border-radius:4px}

/* --- Meldungen --- */
.tm-toast{border-radius:999px!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}

/* --- schlanke Scrollbalken --- */
.td *{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}
.td ::-webkit-scrollbar{height:8px;width:8px}
.td ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:8px}

/* --- Stintplaner: Team-Emblem statt Auto-Silhouette --- */
.sp-emb{position:relative;width:100%;aspect-ratio:1/1;max-width:96px;border-radius:22px;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(120% 90% at 30% 15%,rgba(255,255,255,.28),transparent 45%),linear-gradient(145deg,var(--t1),var(--t2));
  box-shadow:0 12px 30px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.14)}
.sp-emb::after{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(255,255,255,.18) 80%,transparent 90%);animation:gSpin 6s linear infinite}
.sp-emb img{position:relative;z-index:1;width:56%;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}
.sp-emb span{position:absolute;z-index:1;bottom:7px;left:0;right:0;text-align:center;font-family:var(--disp);font-weight:900;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.sp-emb.hell span{color:#111;text-shadow:none}
@keyframes gSpin{to{transform:rotate(360deg)}}
.sp-vcard{grid-template-columns:96px minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr) 18px}
.sp-chead-pic{width:84px}
.sp-ecar-emb{width:54px;flex:none}
.sp-ecar-emb .sp-emb{border-radius:14px}
.sp-ecar-emb .sp-emb span{font-size:8px;bottom:4px}
@media (max-width:1100px){.sp-vcard{grid-template-columns:84px minmax(0,1fr) minmax(0,1.2fr) 18px}}
@media (max-width:640px){.sp-vcard{grid-template-columns:64px minmax(0,1fr) 14px}.sp-emb span{font-size:9px}.sp-chead-pic{width:64px}}

/* --- Teamseite: Nächstes Event --- */
.tpe{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:stretch}
.tpe-main{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.08);padding:26px;
  background:radial-gradient(90% 120% at 0% 0%,rgba(255,43,61,.28),transparent 55%),linear-gradient(160deg,#151821,#0b0c10)}
.tpe-main::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,43,61,.35),transparent 70%);filter:blur(10px)}
.tpe-k{display:flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:800;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#ff8a94}
.tpe-k svg{width:16px;height:16px}
.tpe h4{font-family:var(--disp);font-weight:900;font-size:clamp(28px,4.5vw,44px);text-transform:uppercase;line-height:1;margin:10px 0 14px;background:linear-gradient(180deg,#fff 35%,#ffb7bd);-webkit-background-clip:text;background-clip:text;color:transparent}
.tpe-facts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14.5px;color:#dfe3e9}
.tpe-facts span{display:inline-flex;align-items:center;gap:8px}
.tpe-facts svg{width:16px;height:16px;color:#ff4d5c}
.tpe-cd{display:flex;gap:10px;margin-top:22px;position:relative;z-index:1}
.tpe-cd div{min-width:70px;text-align:center;padding:10px 8px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.tpe-cd b{display:block;font-family:var(--disp);font-weight:900;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.tpe-cd small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.tpe-live{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(46,204,113,.14);color:#4ee28c;font-weight:800;animation:gPuls 1.6s infinite}
@keyframes gPuls{50%{opacity:.6}}
.tpe-cars{display:grid;gap:12px}
.tpe-car{position:relative;border-radius:18px;padding:16px 16px 16px 20px;background:rgba(20,22,29,.75);border:1px solid rgba(255,255,255,.07);overflow:hidden}
.tpe-car::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--t)}
.tpe-car-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.tpe-car-h b{font-family:var(--disp);font-weight:900;font-size:18px;text-transform:uppercase}
.tpe-car-h span{color:#cfd4db;font-size:13.5px}
.tpe-car-s{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--steel);margin:6px 0 10px}
.tpe-car-s svg{width:14px;height:14px;color:#ff4d5c}
.tpe-drv{display:flex;flex-wrap:wrap;gap:6px}
.tpe-drv span{font-size:13px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.tpe-drv em,.tpe-car em{font-style:normal;color:var(--steel);font-size:13px}
.tpe-leer{display:flex;flex-direction:column;gap:4px;padding:24px;border-radius:22px;border:1px dashed rgba(255,255,255,.14);color:var(--steel)}
.tpe-leer b{color:#fff;font-size:16px}
@media (max-width:860px){.tpe{grid-template-columns:1fr}.tpe-cd div{min-width:0;flex:1}}

/* Bewegung reduzieren, wenn gewünscht */
@media (prefers-reduced-motion:reduce){
  body:has(.td)::before,.sp-emb::after,.td .td-welcome::after,.td-main>*,.tpe-live{animation:none!important}
}
@media (max-width:860px){.td-link:hover{transform:none}.td-link.on::before{display:none}}
@media (max-width:860px){
  .td{grid-template-columns:minmax(0,1fr)}
  .td-side{position:static;padding:6px;border-radius:16px;overflow-x:auto}
  .td-nav{gap:4px}
  .td-link{border-bottom:0;padding:8px 10px;white-space:nowrap}
  .td-link svg{width:30px;height:30px;padding:7px}
  .td-link.on{background:linear-gradient(135deg,rgba(255,43,61,.25),rgba(255,43,61,.06))}
}
/* Fahrzeug-Karten zweizeilig: oben Team + Status, unten die Fahrer */
.sp-root .sp-vcard{grid-template-columns:88px minmax(0,1fr) minmax(180px,auto) 18px;grid-template-areas:"emb team st go" "emb drv st go";align-items:start;row-gap:12px}
.sp-root .sp-vcard-pic{grid-area:emb;align-self:center}
.sp-root .sp-vcard-team{grid-area:team}
.sp-root .sp-vcard-drv{grid-area:drv;display:flex;flex-wrap:wrap;gap:6px 16px}
.sp-root .sp-vcard-drv .sp-mini-h{width:100%;margin:0}
.sp-root .sp-vcard-st{grid-area:st}
.sp-root .sp-vcard-go{grid-area:go;align-self:center}
.sp-root .sp-vcard-team b{font-size:20px}
@media (max-width:640px){
  .sp-root .sp-vcard{grid-template-columns:64px minmax(0,1fr) 14px;grid-template-areas:"emb team go" "drv drv drv" "st st st"}
}
.td-link{padding:7px 10px}
.td-link svg{width:32px;height:32px;padding:7px}

/* ================================================================
   STINTPLANER · intuitiver (Aufgaben, direktes Bearbeiten, Assistent)
   ================================================================ */
/* Seitenleiste: Events */
.td-evnav{display:flex;flex-direction:column}
.td-link.td-ev{gap:10px}
.td-ev-tag{flex:none;min-width:44px;text-align:center;font-family:var(--disp);font-weight:800;font-size:11.5px;letter-spacing:.04em;padding:5px 6px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid var(--g-bd,rgba(255,255,255,.08));color:#e6e9ee}
.td-ev-tag.live{background:linear-gradient(135deg,#34d67a,#1fa85a);border:0;color:#062b15;animation:gPuls 1.6s infinite}
.td-link.on .td-ev-tag{background:linear-gradient(135deg,#ff2b3d,#b30c1b);border-color:transparent;color:#fff}
.td-ev-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-ev-mark{flex:none;width:9px;height:9px;border-radius:50%;background:#2ecc71;box-shadow:0 0 8px rgba(46,204,113,.7)}
.td-ev-mark.warn{width:18px;height:18px;display:grid;place-items:center;background:#ffb020;color:#2a1a00;font-size:12px;font-weight:900;box-shadow:0 0 10px rgba(255,176,32,.6)}
.td-link.td-ev-sub{padding-top:5px;padding-bottom:5px;font-size:13.5px;color:rgba(235,238,243,.6)}
.td-link.td-ev-sub svg{width:28px;height:28px;padding:6px}
.td-ev-sub:not(.td-ev-neu):not([href="#stint"]){margin-left:18px}
.td-ev-leer{padding:6px 12px;font-size:13px;color:var(--steel)}
@media (max-width:860px){.td-evnav{flex-direction:row}.td-ev-sub:not(.td-ev-neu):not([href="#stint"]){margin-left:0}}

/* Aufgaben-Leiste */
.sp-tasks{display:flex;flex-direction:column;gap:8px;margin:0 0 18px}
.sp-task{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px 12px 16px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);font-size:14.5px}
.sp-task span{flex:1 1 220px;min-width:0}
.sp-task.ich{background:linear-gradient(90deg,rgba(255,43,61,.16),rgba(255,43,61,.03) 70%);border-color:rgba(255,43,61,.35)}
.sp-task.ich span{font-weight:700;color:#fff}
.sp-task.ok{background:linear-gradient(90deg,rgba(46,204,113,.14),rgba(46,204,113,.02) 70%);border-color:rgba(46,204,113,.35)}
.sp-task-dot{width:10px;height:10px;border-radius:50%;flex:none;background:#ff2b3d;box-shadow:0 0 0 4px rgba(255,43,61,.18);animation:gPuls 1.8s infinite}
.sp-task-dot.info{background:#8b929c;box-shadow:none;animation:none}
.sp-task-dot.ok{background:#2ecc71;box-shadow:0 0 0 4px rgba(46,204,113,.18);animation:none}

/* Fahrzeug-Kopf: direkt bearbeiten */
.sp-root .sp-chead-in{align-items:center;margin:8px 0 14px}
.sp-chead-main{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:8px}
.sp-inl-team{appearance:none;-webkit-appearance:none;background:transparent;border:1px dashed transparent;border-radius:10px;color:#fff;font-family:var(--disp);font-weight:900;font-size:clamp(24px,4vw,34px);text-transform:uppercase;line-height:1.1;padding:2px 30px 2px 6px;margin-left:-6px;cursor:pointer;max-width:100%;
  background-image:linear-gradient(45deg,transparent 50%,#ff4d5c 50%),linear-gradient(135deg,#ff4d5c 50%,transparent 50%);background-position:calc(100% - 14px) 55%,calc(100% - 9px) 55%;background-size:5px 5px;background-repeat:no-repeat}
.sp-inl-team:hover,.sp-inl-team:focus{border-color:rgba(255,255,255,.2);outline:0}
.sp-inl-team option{font-size:15px;background:#14161d;color:#fff;text-transform:none}
.sp-inl-row{display:flex;flex-wrap:wrap;gap:8px}
.sp-inl-f{display:flex;align-items:center;gap:8px;padding:4px 6px 4px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);min-width:0}
.sp-inl-f>svg{width:16px;height:16px;color:#ff4d5c;flex:none}
.sp-inl-f .tm-select,.sp-inl-f .tm-input{border:0!important;background:transparent!important;box-shadow:none!important;padding:6px 8px;font-size:14px;width:auto;max-width:280px}
.sp-inl-f .tm-select:hover,.sp-inl-f .tm-input:hover{background:rgba(255,255,255,.05)!important}
.sp-inl-start .sp-f{flex-direction:row;align-items:center;gap:0}
.sp-inl-start .sp-f>span{display:none}
.sp-inl-start .sp-f input[type=time][hidden]{display:none}
.sp-chead-act{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sp-iconbtn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--steel);cursor:pointer;font-size:14px;transition:.2s}
.sp-iconbtn:hover{color:#fff;border-color:#ff2b3d;background:rgba(255,43,61,.15)}
.sp-blink{animation:spBlink 1s 3}
@keyframes spBlink{50%{box-shadow:0 0 0 4px rgba(255,43,61,.5)}}

/* Speicher-Anzeige */
.sp-save{font-size:12.5px;color:var(--steel);white-space:nowrap;min-width:0}
.sp-save.laeuft{color:#ffcf7a}
.sp-save.laeuft::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#ffb020;animation:gPuls 1s infinite}
.sp-save.ok{color:#4ee28c}
.sp-save.err{color:#ff6b75}

/* kurze Hinweise */
.sp-kurz{font-size:13.5px;color:var(--steel);margin:0 0 10px}
.sp-kurz b{color:#fff}
.sp-verf-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:10px}
.sp-verf-top .sp-kurz{margin:0}
.sp-pen{display:inline-grid;place-items:center;width:34px;height:34px;margin-left:8px;border-radius:50%;font-size:16px;vertical-align:middle;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;-webkit-text-fill-color:#fff;transition:.2s}
.sp-pen:hover{background:#ff2b3d;border-color:#ff2b3d}

/* Assistent: neues Event */
.sp-wz{max-width:760px}
.sp-wz-steps{display:flex;align-items:center;margin:8px 0 16px}
.sp-wz-steps i{flex:1;height:2px;background:rgba(255,255,255,.12);margin:0 10px;border-radius:2px}
.sp-wz-step{display:flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
.sp-wz-step span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(255,255,255,.14);color:#fff}
.sp-wz-step.on{color:#fff}
.sp-wz-step.on span{background:linear-gradient(135deg,#ff2b3d,#b30c1b);border-color:transparent;box-shadow:0 0 0 5px rgba(255,43,61,.2)}
.sp-wz-step.done span{background:#2ecc71;border-color:#2ecc71;color:#062b15}
.sp-wz-nav{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}
.sp-mehr{margin-top:12px}
.sp-mehr summary{cursor:pointer;color:var(--steel);font-size:13.5px;padding:6px 0}
.sp-mehr summary:hover{color:#fff}
.sp-teamwahl{display:flex;flex-wrap:wrap;gap:8px}
.sp-teamchip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#dfe3e9;font:inherit;font-weight:700;cursor:pointer;transition:.2s}
.sp-teamchip i{width:12px;height:12px;border-radius:50%;background:var(--t1);box-shadow:0 0 0 2px rgba(255,255,255,.15)}
.sp-teamchip.on{background:linear-gradient(135deg,rgba(255,43,61,.28),rgba(255,43,61,.08));border-color:rgba(255,43,61,.6);color:#fff}
.sp-teamchip.on::after{content:"✓";font-weight:900;color:#ff6b75}
.sp-wz-team{margin-top:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.sp-wz-team b{display:flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:900;text-transform:uppercase;margin-bottom:8px}
.sp-wz-team b i{width:10px;height:10px;border-radius:50%}
.sp-inl-team{align-self:flex-start;width:auto}
.td-link.td-ev-top{font-size:14px}
.td-link.td-ev-top+.td-link.td-ev:not(.td-ev-top),.td-link.td-ev-top+.td-ev-leer{margin-top:8px;position:relative}
.td-link.td-ev-top+.td-link.td-ev:not(.td-ev-top)::after{content:"";position:absolute;left:10px;right:10px;top:-5px;height:1px;background:rgba(255,255,255,.07)}
.sp-wunsch{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.sp-wunsch .sp-inl-f{padding:4px 6px 4px 14px;font-size:13.5px;color:#dfe3e9}
.sp-wunsch .sp-inl-f>span{white-space:nowrap}
.sp-wunsch .sp-seg button{padding:7px 12px}
.sp-wtxt{color:#9fb6ff!important}
.sp-flegende span.zuviel{border-color:rgba(255,176,32,.6);background:rgba(255,176,32,.1)}
/* Discord-Posts einklappbar */
.dp-post>summary{padding:2px 0}
.dp-post>summary h5{margin:0;flex:1 1 auto}
.dp-post[open]>summary{margin-bottom:12px}
.dp-st{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-family:var(--disp);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--steel)}
.dp-st::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--steel-d)}
.dp-st.an{background:rgba(46,204,113,.14);border-color:rgba(46,204,113,.45);color:#4ee28c}
.dp-st.an::before{background:#2ecc71;box-shadow:0 0 8px rgba(46,204,113,.8)}
.dp-ch{font-size:13px;color:var(--steel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
/* Schalter: Knopf bei An sichtbar (weiß auf Rot) */
.td .tm-switch .s::after{top:3px;width:16px;height:16px}
.td .tm-switch input:checked+.s::after{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4)}
/* Seitenleiste scrollt für sich, die Seite bleibt stehen */
.td-side{max-height:calc(100vh - 100px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
.td-side::-webkit-scrollbar{width:6px}
.td-side::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:6px}
@media (max-width:860px){.td-side{max-height:none;overflow-y:visible;overscroll-behavior:auto}}
/* Login-Kasten: Lock-Teil für neue Fahrer */
.tp-neu{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.tp-neu-h{display:block;font-family:var(--disp);font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:10px}
.tp-neu-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:9px}
.tp-neu-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#d5d9e0;line-height:1.35}
.tp-neu-ic{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(225,19,36,.12);border:1px solid rgba(225,19,36,.3);font-size:14px}
.tp-neu-list li span:last-child{padding-top:4px}
.tp-neu-btn{width:100%;padding:12px 16px;border-radius:12px;border:1px solid rgba(225,19,36,.6);background:linear-gradient(135deg,rgba(225,19,36,.22),rgba(225,19,36,.06));color:#fff;font-family:var(--disp);font-weight:800;font-size:15px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.2s}
.tp-neu-btn:hover{background:linear-gradient(135deg,#ff2b3d,#b30c1b);border-color:transparent;box-shadow:0 10px 26px rgba(225,19,36,.4);transform:translateY(-1px)}
/* Admin einklappbar + Schnelleinstieg */
.adm-teil[open]>summary{margin-bottom:12px}
.adm-teil>summary h5{margin:0}
.td-admsub{display:flex;flex-direction:column;margin:2px 0 6px}
.td-admsub .td-link{padding-top:4px;padding-bottom:4px;font-size:13px}
.td-admsub .td-link.on{color:#fff;background:rgba(255,43,61,.12)}
@media (max-width:860px){.td-admsub{flex-direction:row}}
.tpe{grid-template-columns:minmax(0,1fr)}
.tp-neu-btn{background:linear-gradient(135deg,#ff2b3d,#b30c1b);border-color:transparent;box-shadow:0 10px 26px rgba(225,19,36,.35);font-size:14px}
.tp-neu-btn:hover{filter:brightness(1.1)}
.tp-neu-knapp{margin:8px 0 0;text-align:center;font-size:12.5px;color:#ffb7bd;letter-spacing:.04em}
.tp-neu-knapp::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff2b3d;margin-right:7px;box-shadow:0 0 8px #ff2b3d;animation:gPuls 1.6s infinite;vertical-align:middle}
.sp-task.warn{background:linear-gradient(90deg,rgba(255,176,32,.16),rgba(255,176,32,.03) 70%);border-color:rgba(255,176,32,.45)}.sp-task.warn span{color:#ffe1a8;font-weight:600}.sp-task.warn .sp-task-dot{background:#ffb020;box-shadow:0 0 0 4px rgba(255,176,32,.2)}