.interval-tabs{display:flex;gap:7px;overflow-x:auto;margin:14px 0}.interval-tabs button{min-width:90px}.interval-tabs button.active{background:rgba(69,216,255,.15);border-color:rgba(69,216,255,.55)}.detail-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);gap:14px}.explain-box{position:sticky;top:88px}.balance-bar{height:10px;border-radius:99px;background:linear-gradient(90deg,var(--red),var(--yellow) 50%,var(--green));position:relative;margin:12px 0}.balance-bar:after{content:"";position:absolute;left:var(--balance,50%);top:-4px;width:5px;height:18px;border-radius:9px;background:white;box-shadow:0 0 10px white;transform:translateX(-50%)}.legend-small{display:flex;justify-content:space-between;color:var(--muted);font-size:.62rem}.driver-list{display:grid;gap:8px}.period-note{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:11px;border-radius:13px;background:rgba(69,216,255,.06);border:1px solid rgba(69,216,255,.17)}.period-note strong{color:var(--cyan)}@media(max-width:900px){.detail-layout{grid-template-columns:1fr}.explain-box{position:static}}


/* v1.5.0: mobile Priorisierung und weniger vertikales Scrollen */
@media(max-width:620px){
  .interval-tabs{position:sticky;top:58px;z-index:8;margin:9px -2px 10px;padding:6px 2px;background:rgba(2,8,14,.94);backdrop-filter:blur(12px);scrollbar-width:none}
  .interval-tabs::-webkit-scrollbar{display:none}
  .interval-tabs button{min-width:82px;min-height:38px}
  .detail-layout{display:flex;flex-direction:column;gap:9px}
  .explain-box{order:-1;gap:8px}
  .explain-box .card{padding:12px}
  .explain-box .card:nth-child(2){order:2}
  .explain-box .card:nth-child(3){order:3}
  #metrics{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72vw,1fr);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 7px;scrollbar-width:none}
  #metrics::-webkit-scrollbar{display:none}
  #metrics>*{scroll-snap-align:start}
  .driver-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(80vw,1fr);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
  .driver-list::-webkit-scrollbar{display:none}
  .driver-list>*{scroll-snap-align:start}
  .detail-layout .grid-2{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(80vw,1fr);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
  .detail-layout .grid-2::-webkit-scrollbar{display:none}
  .period-note{scroll-snap-align:start}
  .chart-box{height:245px}
}