/* Перенесено из снимка vaiman.site 20.06.2026 (webarchive «Мои генерации»): иконки меню, сплэш, панель уведомлений. */

  /* Иконки меню — EMBER-плашки (03.06) */
  /* Сайдбар B1b «Объём-глянец» (выбор Славы 19.06): squircle-плашки с бликом, активный в цвет */
  /* пункты НЕ сжимаются + список скроллится — иначе на низких экранах налезают друг на друга */
  .sidebar-nav{overflow-y:auto;overflow-x:hidden;gap:2px}
  .sidebar-item,.sidebar-group{flex-shrink:0}
  .sidebar-item svg{box-sizing:border-box;width:36px;height:36px;padding:7px;border-radius:11px;color:#fff;flex-shrink:0;
    background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 44%),linear-gradient(150deg,color-mix(in srgb,var(--ic,#C76619) 80%,#fff) 0%,var(--ic,#C76619) 48%,color-mix(in srgb,var(--ic,#C76619) 58%,#000) 100%);
    box-shadow:0 5px 12px -5px var(--ic,#C76619),inset 0 2px 2px rgba(255,255,255,.5),inset 0 -3px 5px rgba(0,0,0,.16);
    transition:transform .25s cubic-bezier(.2,1,.3,1),box-shadow .25s}
  .sidebar-item:hover svg{transform:translateY(-2px) scale(1.06)}
  .sidebar-item.active{background:color-mix(in srgb,var(--ic,#C76619) 10%,transparent)!important;border-radius:13px;box-shadow:none!important}
  .sidebar-item.active > span:first-of-type{color:color-mix(in srgb,var(--ic,#C76619) 58%,#1A1210);font-weight:800}
  [data-theme="dark"] .sidebar-item.active > span:first-of-type{color:color-mix(in srgb,var(--ic,#C76619) 50%,#F5F0E6)}
  /* активная иконка — чистый объём: подъём + мягкая цветная тень снизу, БЕЗ кольца/гало вокруг */
  .sidebar-item.active svg{box-shadow:0 10px 22px -6px var(--ic,#C76619),0 3px 8px -3px rgba(42,24,16,.28),inset 0 2px 2px rgba(255,255,255,.6),inset 0 -3px 5px rgba(0,0,0,.18);transform:translateY(-2px) scale(1.07)}
  .sidebar-group{font-family:'Outfit',system-ui,sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.16em;color:#B49A82;padding:14px 14px 7px;text-transform:uppercase}
  [data-theme="dark"] .sidebar-group{color:#8A7256}
  .sidebar-item[data-path="/dashboard"]{--ic:#C76619}
  .sidebar-item[data-path="/photo"]{--ic:#E0701A}
  .sidebar-item[data-path="/video"]{--ic:#3F666B}
  .sidebar-item[data-path="/music"]{--ic:#E89765}
  .sidebar-item[data-path="/infographica"]{--ic:#6E8B4E}
  .sidebar-item[data-path="/studio"]{--ic:#8B5FBF}
  .sidebar-item[data-path="/projects"]{--ic:#C7841F}
  .sidebar-item[data-path="/ai"]{--ic:#79827F}
  .sidebar-item[data-path="/messenger"]{--ic:#3F8E9B}
  .sidebar-item[data-path="/news"]{--ic:#3F8E9B}
  .sidebar-item[data-path="/history"]{--ic:#A86E3C}
  .sidebar-item[data-path="/cabinet"]{--ic:#5E8B6E}
  .sidebar-item[data-path="/brand"]{--ic:#C76619}
  .sidebar-item[data-path="/balance"]{--ic:#C2A23B}
  .sidebar-item[data-path="/api-keys"]{--ic:#4E7A9D}
  .sidebar-item[data-path="/logs"]{--ic:#7B6B5E}
  .sidebar-item[data-path="/achievements"]{--ic:#C76619}
  .mobile-tab .mobile-tab-icon{width:34px;height:34px;padding:7px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--ic,#C76619),color-mix(in srgb,var(--ic,#C76619) 60%,#1A1210))}
  .mobile-tab[data-path="/dashboard"]{--ic:#C76619}
  .mobile-tab[data-path="/photo"]{--ic:#E0701A}
  .mobile-tab[data-path="/video"]{--ic:#3F666B}
  .mobile-tab[data-path="/music"]{--ic:#E89765}
  .mobile-tab[data-path="/infographica"]{--ic:#6E8B4E}
  .mobile-tab[data-path="/ai"]{--ic:#79827F}
  .mobile-tab[data-path="/history"]{--ic:#A86E3C}
  
.notif-panel{position:absolute;top:calc(100% + 10px);right:0;width:340px;max-width:88vw;max-height:440px;overflow-y:auto;background:var(--bg-tertiary);border:1px solid rgba(199,102,25,0.18);border-radius:16px;box-shadow:0 12px 40px rgba(42,24,16,0.18);z-index:2000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s,transform .18s,visibility .18s;font-family:'Manrope',system-ui,sans-serif;text-align:left}.notif-panel.notif-panel-open{opacity:1;visibility:visible;transform:translateY(0)}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(199,102,25,0.12);position:sticky;top:0;background:var(--bg-tertiary)}.notif-panel-title{font-family:'Outfit',system-ui,sans-serif;font-weight:800;font-size:15px;color:var(--text-primary)}.notif-panel-actions{display:flex;gap:10px;align-items:center}.notif-mark-read{background:none;border:none;color:var(--accent-ember);font-weight:600;font-size:12px;cursor:pointer}.notif-clear-all{background:none;border:none;color:var(--text-muted);font-weight:600;font-size:12px;cursor:pointer}.notif-clear-all:hover{color:var(--danger)}.notif-sound-toggle{background:none;border:none;font-size:15px;cursor:pointer;line-height:1;padding:0;opacity:.85}.notif-sound-toggle:hover{opacity:1}.notif-panel-empty{padding:36px 16px;text-align:center;color:var(--text-muted);font-size:13px}.notif-empty-icon{font-size:30px;display:block;margin-bottom:8px}.notif-panel-list{display:flex;flex-direction:column}.notif-item{display:flex;gap:11px;padding:12px 16px;border-bottom:1px solid rgba(199,102,25,0.07);cursor:pointer;transition:background .15s}.notif-item:hover{background:rgba(199,102,25,0.04)}.notif-item-unread{background:rgba(199,102,25,0.05)}.notif-item-icon{font-size:20px;flex-shrink:0;line-height:1.2}.notif-item-body{flex:1;min-width:0}.notif-item-title{font-weight:700;font-size:13px;color:var(--text-primary);margin-bottom:2px}.notif-item-message{font-size:12px;color:var(--text-secondary);line-height:1.4}.notif-item-time{font-size:11px;color:var(--text-muted);margin-top:3px}@media(max-width:480px){.notif-panel{width:88vw;right:-8px}}
.no-auth .site-header,.no-auth .site-sidebar,.no-auth .mobile-tabs,.no-auth .nav-overlay{display:none!important}.no-auth .site-content{margin:0!important;padding:0!important}