/* HYBRI8 DESKTOP WORKSPACE V2
   Shared by Training, Race and Progress. Existing mobile/tablet layout stays untouched. */
@media(min-width:1180px){
  body{padding-bottom:0}
  .shell{
    width:min(1380px,calc(100% - 220px));
    min-height:100vh;
    padding:max(env(safe-area-inset-top),18px) 24px 56px;
  }
  .topbar{
    position:sticky;
    top:0;
    z-index:30;
    height:70px;
    margin:0 0 6px;
    padding:0 2px;
    background:linear-gradient(180deg,rgba(8,13,10,.97) 0%,rgba(8,13,10,.82) 68%,rgba(8,13,10,0) 100%);
    backdrop-filter:blur(22px) saturate(1.08);
    -webkit-backdrop-filter:blur(22px) saturate(1.08);
  }
  .hero{padding-top:32px}
  .bottom-nav{
    left:max(18px,calc((100vw - 1640px)/2));
    top:50%;
    bottom:auto;
    transform:translateY(-50%);
    width:84px;
    height:auto;
    min-height:0;
    grid-template-columns:1fr;
    gap:5px;
    padding:8px;
    border-radius:24px;
    background:rgba(10,17,13,.94);
    border-color:rgba(255,255,255,.12);
    box-shadow:0 22px 64px rgba(0,0,0,.46),0 1px 0 rgba(255,255,255,.035) inset;
  }
  .bottom-nav a,.bottom-nav button{
    position:relative;
    min-height:68px;
    padding:7px 4px;
    border-radius:17px;
    font-size:10px;
    line-height:1.1;
  }
  .bottom-nav span{font-size:20px;line-height:1}
  .bottom-nav .active::after{
    content:"";
    position:absolute;
    left:5px;
    top:18px;
    bottom:18px;
    width:2px;
    border-radius:999px;
    background:linear-gradient(180deg,transparent,var(--lime),transparent);
    box-shadow:0 0 14px rgba(231,185,143,.30);
  }
  .toast{bottom:24px}
}
@media(min-width:1500px){
  .shell{width:min(1440px,calc(100% - 220px))}
}
@media(hover:hover) and (pointer:fine) and (min-width:1180px){
  .bottom-nav a,.bottom-nav button{transition:background 160ms ease,color 160ms ease,transform 160ms ease}
  .bottom-nav a:hover,.bottom-nav button:hover{background:rgba(255,255,255,.035);color:#dce4de}
  .bottom-nav a:active,.bottom-nav button:active{transform:scale(.97)}
}
@media(prefers-reduced-motion:reduce) and (min-width:1180px){
  .bottom-nav a,.bottom-nav button{transition:none!important}
  .bottom-nav a:active,.bottom-nav button:active{transform:none!important}
}


/* DESKTOP NAV POLISH X3 — bronze HYBRI8 rail, compact on shorter laptop viewports */
@media(min-width:1180px){
  .bottom-nav .active{
    color:var(--hybri8-bronze-3,#f1d1b5);
    background:linear-gradient(180deg,rgba(213,161,115,.15),rgba(213,161,115,.07));
    box-shadow:0 1px 0 rgba(255,255,255,.04) inset;
  }
  .bottom-nav .active::after{
    background:linear-gradient(180deg,transparent,var(--hybri8-bronze-2,#e7b98f),transparent);
    box-shadow:0 0 14px rgba(231,185,143,.34);
  }
  .bottom-nav a:focus-visible,.bottom-nav button:focus-visible{
    outline:2px solid var(--hybri8-bronze-2,#e7b98f);
    outline-offset:2px;
  }
}
@media(min-width:1180px) and (max-height:720px){
  .bottom-nav{gap:3px;padding:7px}
  .bottom-nav a,.bottom-nav button{min-height:58px}
  .bottom-nav .active::after{top:14px;bottom:14px}
}