/* PBC PATCH 04.3 — SIDEBAR V2 / public + private */
:root{
  --pbc-side-open:236px;
  --pbc-side-rail:72px;
  --pbc-side-bg:#0d1117;
  --pbc-side-bg-2:#0a0d12;
  --pbc-side-border:rgba(255,255,255,.07);
  --pbc-side-muted:#8c95a5;
  --pbc-side-text:#e7ebf1;
  --pbc-yellow:#ffd400;
}

/* structure */
.dc-sidebar{
  width:var(--pbc-side-open);
  padding:14px 12px 16px;
  background:linear-gradient(180deg,var(--pbc-side-bg) 0%,var(--pbc-side-bg-2) 100%);
  border-right:1px solid var(--pbc-side-border);
  box-shadow:none;
  transition:width .24s ease,transform .24s ease,padding .24s ease;
  overflow:hidden;
}
.dc-main{margin-left:var(--pbc-side-open);transition:margin-left .24s ease}

/* brand */
.dc-brand{
  position:relative;
  min-height:54px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:7px 42px 7px 7px;
  border-radius:13px;
  color:var(--pbc-side-text)!important;
  text-decoration:none!important;
}
.dc-brand:hover{background:rgba(255,255,255,.025)}
.dc-brand-mark,.public-side-logo{
  width:40px;height:40px;min-width:40px;
  display:grid;place-items:center;
  border-radius:11px;
  object-fit:contain;
  background:var(--pbc-yellow);
  box-shadow:0 6px 16px rgba(0,0,0,.22);
}
.public-side-logo{background:#fff;padding:2px}
.dc-brand strong{display:block;font-size:19px;line-height:1;font-weight:800;letter-spacing:.01em}
.dc-brand small{display:block;margin-top:5px;font-size:7.5px;line-height:1;letter-spacing:.22em;color:#788293;font-weight:700}

/* integrated collapse button */
.dc-sidebar-collapse{
  position:absolute;
  top:22px;right:12px;z-index:6;
  width:28px;height:28px;padding:0;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:#141922;
  color:#9aa3b2;
  box-shadow:none;
  cursor:pointer;
  font-size:17px;line-height:1;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .2s ease;
}
.dc-sidebar-collapse:hover{background:#1a202a;color:#fff;border-color:rgba(255,255,255,.15);transform:none}

/* edition: compact and quiet */
.dc-season-card{
  margin:12px 3px 14px;
  padding:10px 11px;
  min-height:auto;
  border-radius:10px;
  background:rgba(255,212,0,.055);
  border:1px solid rgba(255,212,0,.16);
  box-shadow:none;
}
.dc-season-card span{display:block;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#8f97a6;margin-bottom:4px}
.dc-season-card strong{font-size:12px;color:#f2f4f8;font-weight:700}

/* navigation */
.dc-nav{display:flex;flex-direction:column;gap:3px;margin-top:0}
.dc-nav a,.dc-side-links a{
  position:relative;
  min-height:38px;
  display:flex;align-items:center;gap:10px;
  padding:7px 9px;
  border-radius:9px;
  color:#aeb6c4!important;
  font-size:12px;
  font-weight:500;
  text-decoration:none!important;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.dc-nav a:hover,.dc-side-links a:hover{background:rgba(255,255,255,.04);color:#f7f8fa!important}
.dc-nav a>span:first-child,.dc-side-links a>span:first-child{
  width:25px;height:25px;min-width:25px;
  display:grid;place-items:center;
  border-radius:7px;
  color:#9aa3b2;
  font-size:13px;
  line-height:1;
}
.dc-nav a.active{
  background:rgba(255,212,0,.10)!important;
  color:#fff!important;
  box-shadow:inset 2px 0 0 var(--pbc-yellow);
}
.dc-nav a.active>span:first-child{
  background:rgba(255,212,0,.12);
  color:var(--pbc-yellow);
}
.dc-nav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:9px;display:grid;place-items:center}

/* lower links */
.dc-sidebar-spacer{min-height:12px;flex:1}
.dc-side-links{
  padding:10px 0 8px;
  border-top:1px solid rgba(255,255,255,.055);
}
.public-side-label{
  display:block;padding:0 10px 6px;
  font-size:7.5px;letter-spacing:.18em;color:#697383;font-weight:700;
}
.dc-side-links a{min-height:34px;padding-top:6px;padding-bottom:6px;font-size:11px}
.dc-side-links .root,.public-private-access{
  color:#f1d85a!important;
  background:rgba(255,212,0,.045)!important;
  border:1px solid rgba(255,212,0,.10);
}

/* user/footer */
.dc-user-card{
  margin-top:6px;
  padding:9px;
  min-height:48px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.018);
  box-shadow:none;
}
.dc-user-avatar{width:30px;height:30px;min-width:30px;font-size:11px}
.dc-user-info strong{font-size:11px}.dc-user-info small{font-size:8px;color:#7c8594}
.public-sidebar-foot{
  margin-top:6px;padding:9px;
  border-top:1px solid rgba(255,255,255,.055);
  background:transparent!important;
}
.public-sidebar-foot strong{font-size:10px}.public-sidebar-foot small{font-size:8px}

/* collapsed rail */
@media(min-width:901px){
  body.dc-sidebar-collapsed .dc-sidebar{width:var(--pbc-side-rail);padding-left:10px;padding-right:10px}
  body.dc-sidebar-collapsed .dc-main{margin-left:var(--pbc-side-rail)}
  body.dc-sidebar-collapsed .dc-brand{justify-content:center;padding:7px 0;min-height:54px}
  body.dc-sidebar-collapsed .dc-brand>span:last-child{display:none}
  body.dc-sidebar-collapsed .dc-brand-mark,
  body.dc-sidebar-collapsed .public-side-logo{width:38px;height:38px;min-width:38px}
  body.dc-sidebar-collapsed .dc-sidebar-collapse{
    top:72px;right:22px;
    width:28px;height:28px;
    background:rgba(255,255,255,.035);
    transform:rotate(180deg);
  }
  body.dc-sidebar-collapsed .dc-sidebar-collapse:hover{transform:rotate(180deg);background:rgba(255,212,0,.10);color:var(--pbc-yellow)}
  body.dc-sidebar-collapsed .dc-season-card{display:none}
  body.dc-sidebar-collapsed .dc-nav{margin-top:40px;gap:5px}
  body.dc-sidebar-collapsed .dc-nav a,
  body.dc-sidebar-collapsed .dc-side-links a{
    width:44px;min-height:44px;margin:0 auto;
    justify-content:center;gap:0;padding:0;
    font-size:0;border-radius:11px;
  }
  body.dc-sidebar-collapsed .dc-nav a>span:first-child,
  body.dc-sidebar-collapsed .dc-side-links a>span:first-child{
    width:34px;height:34px;min-width:34px;
    font-size:15px;border-radius:9px;
  }
  body.dc-sidebar-collapsed .dc-nav a.active{
    box-shadow:none;
    background:rgba(255,212,0,.11)!important;
  }
  body.dc-sidebar-collapsed .dc-nav a.active>span:first-child{background:transparent}
  body.dc-sidebar-collapsed .dc-nav-badge{position:absolute;right:1px;top:1px;min-width:15px;height:15px;padding:0 3px;font-size:7px}
  body.dc-sidebar-collapsed .public-side-label{display:none}
  body.dc-sidebar-collapsed .dc-side-links{padding-top:10px}
  body.dc-sidebar-collapsed .dc-user-card{justify-content:center;padding:8px 0;border:0;background:transparent}
  body.dc-sidebar-collapsed .dc-user-info,
  body.dc-sidebar-collapsed .dc-logout{display:none}
  body.dc-sidebar-collapsed .public-sidebar-foot{justify-content:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.055)}
  body.dc-sidebar-collapsed .public-sidebar-foot>div{display:none}
}

/* topbar and public proportions */
.dc-topbar{min-height:70px}
body.pbc-public-shell .public-main-shell{background:radial-gradient(circle at 82% -8%,rgba(255,212,0,.035),transparent 34%),#0b0e13!important}
body.pbc-public-shell .public-shell-content{padding:22px 28px 36px}
body.pbc-public-shell .public-container{max-width:1160px!important;margin:0 auto!important}
.pbc-public .hero{padding:28px 30px!important;border-radius:18px!important;margin-bottom:20px!important}
.pbc-public .hero h1{font-size:clamp(2rem,3vw,3rem)!important;line-height:1.05!important;margin-bottom:12px!important}
.pbc-public .hero p{font-size:.98rem!important;line-height:1.5!important}
.pbc-public .event{min-height:72px!important;padding:15px 17px!important;border-radius:13px!important}
.pbc-public .timeline{gap:9px!important}

/* mobile */
@media(max-width:900px){
  .dc-sidebar{width:236px;padding:14px 12px 18px}
  .dc-main{margin-left:0!important}
  .dc-sidebar-collapse{display:none}
  .dc-menu-button{display:grid!important;place-items:center;cursor:pointer}
}
@media(max-width:760px){
  .dc-topbar{min-height:62px}
  body.pbc-public-shell .public-shell-content{padding:12px 10px 22px}
  .pbc-public .hero{padding:20px 17px!important}
}