/* SIMUL8OR — TERMINAL SITE DRAWER
   Hybrid of the approved mockups: B structure, A links, C search. */
.hamburger-overlay{
  position:fixed;inset:0;z-index:1998;
  background:var(--s8-scrim);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity var(--s8-t-slow) var(--s8-ease),visibility 0s linear var(--s8-t-slow)
}
.hamburger-overlay.active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.hamburger-menu{
  position:fixed;inset:0 auto 0 0;z-index:1999;
  width:320px;max-width:86vw;height:100vh;height:100dvh;
  display:flex;flex-direction:column;
  background:var(--s8-panel);border-right:1px solid var(--s8-line-2);
  box-shadow:var(--s8-pop-lg);transform:translateX(-101%);
  transition:transform var(--s8-t-slow) var(--s8-ease)
}
.hamburger-menu.active{transform:none}
.s8-site-drawer__head{
  display:flex;align-items:center;gap:var(--s8-2);height:56px;
  padding:0 var(--s8-2) 0 var(--s8-4);flex:none;
  background:var(--s8-panel-2);border-bottom:1px solid var(--s8-line)
}
.s8-site-drawer__brand{display:flex;align-items:center;min-width:0}
.s8-site-drawer__brand img{display:block;width:auto;max-width:100%;height:24px}
.s8-site-drawer__close{margin-left:auto}
.s8-site-drawer__search{
  display:flex;align-items:center;gap:10px;height:38px;margin:var(--s8-3) var(--s8-4);
  padding:0 var(--s8-3);flex:none;cursor:text;
  background:var(--s8-inset);border:1px solid var(--s8-line-2);border-radius:var(--s8-r)
}
.s8-site-drawer__search:focus-within{border-color:var(--s8-accent);box-shadow:var(--s8-focus)}
.s8-site-drawer__search svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--s8-fg-3);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.s8-site-drawer__search input{
  min-width:0;width:100%;height:100%;padding:0;border:0;outline:0;cursor:text;
  background:transparent;color:var(--s8-fg);font:500 var(--s8-fs-sm)/1 var(--s8-sans)
}
.s8-site-drawer__search input::placeholder{color:var(--s8-fg-4);opacity:1}
.s8-site-drawer__nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:var(--s8-3)}
.s8-site-drawer__section{
  display:block;padding:var(--s8-4) var(--s8-4) 6px;
  color:var(--s8-fg-4);font-size:var(--s8-fs-micro);font-weight:700;
  letter-spacing:var(--s8-ls-caps);line-height:1;text-transform:uppercase
}
.s8-site-drawer__section:first-child{padding-top:var(--s8-2)}
.hamburger-nav-item{
  position:relative;display:flex;align-items:center;gap:var(--s8-3);height:52px;
  padding:0 var(--s8-4);color:var(--s8-fg);text-decoration:none;
  font-size:var(--s8-fs-base);font-weight:500;
  box-shadow:inset 0 -1px var(--s8-line);
  transition:background var(--s8-t) var(--s8-ease),color var(--s8-t) var(--s8-ease)
}
.hamburger-nav-item>svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--s8-fg-3);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--s8-t) var(--s8-ease)}
.hamburger-nav-item:hover{background:var(--s8-hover);color:#fff;text-decoration:none}
.hamburger-nav-item:hover>svg{stroke:var(--s8-fg)}
.hamburger-nav-item:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--s8-accent-line)}
.hamburger-nav-item[aria-current="page"]{background:var(--s8-accent-tint);color:#fff}
.hamburger-nav-item[aria-current="page"]>svg{stroke:var(--s8-accent-fg)}
.hamburger-nav-item[aria-current="page"]::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--s8-accent)}
.s8-site-drawer__meta{margin-left:auto}
.s8-site-drawer__live{
  display:inline-flex;align-items:center;gap:5px;color:var(--s8-up);
  font-size:var(--s8-fs-micro);font-weight:700;letter-spacing:var(--s8-ls-caps);text-transform:uppercase
}
.s8-site-drawer__live i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:s8-drawer-pulse 1.9s var(--s8-ease) infinite}
.s8-site-drawer__account{
  display:flex;align-items:center;gap:10px;min-height:58px;padding:10px var(--s8-4) calc(10px + env(safe-area-inset-bottom));flex:none;
  background:var(--s8-panel-2);border-top:1px solid var(--s8-line)
}
.s8-site-drawer__avatar{
  position:relative;width:32px;height:32px;display:grid;place-items:center;flex:none;overflow:hidden;
  border:1px solid var(--s8-line-2);border-radius:var(--s8-r-pill);background:var(--s8-panel);
  color:var(--s8-fg-2);font-size:var(--s8-fs-xs);font-weight:700
}
.s8-site-drawer__avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.s8-site-drawer__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--s8-fg);font-size:var(--s8-fs-sm);font-weight:600}
@keyframes s8-drawer-pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(62,214,155,.5)}50%{opacity:.55;box-shadow:0 0 0 4px rgba(62,214,155,0)}}
@keyframes s8-drawer-item-in{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
.hamburger-menu.active .hamburger-nav-item{animation:s8-drawer-item-in 300ms var(--s8-ease) calc(80ms + var(--drawer-index,0)*32ms) both}
@media(max-width:480px){.hamburger-menu{width:288px;max-width:90vw}}
@media(prefers-reduced-motion:reduce){.hamburger-overlay,.hamburger-menu{transition-duration:1ms}.hamburger-menu.active .hamburger-nav-item,.s8-site-drawer__live i{animation:none}}