/* Пункты левого меню — одинаковые в эфирах и магазине мастера (frontend/shared/nav.js). Эталон — главная эфиров. */
.home-side-nav{display:grid;gap:3px}
.home-side-item{display:flex;align-items:center;gap:19px;min-height:42px;padding:0 14px;border-radius:var(--cb-radius);color:var(--cb-text);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;background:transparent;border:0;text-align:left;width:100%}
.home-side-item svg{width:20px;height:20px;flex:none;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.home-side-item:hover{background:var(--cb-hover)}
.home-side-item[aria-current="page"]{background:var(--cb-active);font-weight:700;color:var(--cb-text)}
.home-side-item[aria-current="page"] svg{color:var(--cb-accent)}
.home-side-separator{height:1px;margin:15px 8px;border:0;background:var(--cb-line)}
.home-side-caption{padding:3px 14px 9px;color:var(--cb-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}

/* ☰ (shared/nav.js). Компьютер: меню спрятано — колонки под него нет, содержимое на всю ширину (выбор запоминается). */
@media(min-width:721px){
  body.rail-collapsed .home-layout .rail,body.rail-collapsed .youtube-layout .rail,body.rail-collapsed .site-sidebar{display:none}
  body.rail-collapsed .body.home-layout{grid-template-columns:minmax(0,1fr)}
  body.rail-collapsed .body.youtube-layout{grid-template-columns:minmax(0,1fr) minmax(300px,350px)}
  body.rail-collapsed .site-main{margin-left:0}
}
/* страница эфира: те же ширины чата, что и с меню (live/youtube-sections.css), только без колонки меню */
@media(min-width:721px) and (max-width:1360px){body.rail-collapsed .body.youtube-layout{grid-template-columns:minmax(0,1fr) minmax(275px,310px)}}
@media(min-width:721px) and (max-width:1100px){body.rail-collapsed .body.youtube-layout{grid-template-columns:minmax(0,1fr) minmax(250px,30%)}}
@media(min-width:721px) and (max-width:900px){body.rail-collapsed .body.youtube-layout{grid-template-columns:minmax(0,1fr)}}
/* Телефон, магазин мастера: ☰ открывает меню поверх страницы (в эфирах — live/youtube-home.css) */
@media(max-width:720px){
  body.home-menu-open .site-sidebar{display:block;top:58px;width:min(280px,82vw);z-index:30;padding:14px 12px 24px;background:var(--cb-top)}
  body.home-menu-open .site-sidebar .home-side-item{justify-content:flex-start;padding:0 14px;font-size:13px}
  body.home-menu-open .site-sidebar .home-side-caption,body.home-menu-open .site-sidebar .home-side-separator{display:block}
  body.home-menu-open:has(.site-sidebar)::after{content:"";position:fixed;inset:58px 0 0;z-index:25;background:#0009}
}

/* Меню аккаунта под аватаркой справа сверху (shared/nav.js): «Мои», покупки, настройки, студия, «Выйти». */
.cibo-account-menu{position:fixed;z-index:60;min-width:230px;padding:6px;border:1px solid var(--cb-line);border-radius:12px;background:var(--cb-panel);box-shadow:0 12px 32px #0007;font-family:var(--cb-font)}
.cibo-account-item{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--cb-text);font:inherit;font-size:14px;text-align:left;text-decoration:none;cursor:pointer}
.cibo-account-item svg{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cibo-account-item:hover,.cibo-account-item:focus-visible{background:var(--cb-hover);outline:none}
.cibo-account-item.is-exit{color:var(--cb-badge)}
.cibo-account-sep{height:1px;margin:6px 4px;border:0;background:var(--cb-line)}