/* sidebar.css — единый desktop-вид сайдбара (эталон creator.html). Подключать ПОСЛЕДНИМ.
   Только desktop (>=761px), чтобы не трогать мобильные режимы (drawer <=640, bottom-bar <=760). */
@media (min-width:761px){
  .sidebar{
    width:292px;
    background:rgba(255,255,255,.86);
    border-right:1px solid #f0ded3;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .sidebar .tab{
    border-radius:14px;
    min-height:44px;
    font-weight:800;
  }
  .sidebar .tab:hover,
  .sidebar .tab.active{
    background:#fff0e7;
    color:#ff6b00;
  }
  .sb-profile,
  .acc-popup{
    border-radius:18px;
  }
}
@media (min-width:761px){
  html[data-theme="dark"] .sidebar{
    background:rgba(20,14,10,.94);
    border-right-color:#3d2718;
  }
  html[data-theme="dark"] .sidebar .tab:hover,
  html[data-theme="dark"] .sidebar .tab.active{
    background:rgba(255,107,0,.14);
    color:#ff6b00;
  }
}