.sidebar-topline { position: relative; display: flex; align-items: center; gap: 7px; min-height: 40px; }
.brand-logo { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 10px; }
.brand-logo img { width: 30px; height: 30px; display: block; object-fit: contain; border-radius: 9px; }
.module-switcher { display: inline-flex; align-items: center; gap: 5px; min-width: 0; }
.module-switch-button,
.desktop-menu-trigger {
  width: 38px;
  min-width: 38px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: rgba(255,255,255,.66);
  background: rgba(255,255,255,.055);
}
.module-switch-button svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.module-switch-button:hover { color: #fff; }
.module-switch-button.active { color: #151515; background: linear-gradient(135deg,#ff7a1a,#ffb35d); box-shadow: 0 0 0 1px rgba(255,173,82,.18); }
.desktop-menu-wrap { position: relative; margin-left: auto; }
.desktop-menu-trigger { font-weight: 900; letter-spacing: 1px; }
.desktop-menu { position: absolute; top: calc(100% + 8px); right: 0; z-index: 60; width: 245px; padding: 9px; display: grid; gap: 7px; border: 1px solid rgba(255,255,255,.09); border-radius: 15px; background: rgba(18,21,27,.99); box-shadow: 0 16px 38px rgba(0,0,0,.38); }
.desktop-menu button { width: 100%; min-height: 39px; padding: 8px 11px; text-align: left; border-radius: 10px; }
.desktop-menu #syncStatus { min-height: 0; margin: 1px 0; padding: 8px 9px; border-radius: 9px; background: rgba(255,255,255,.035); color: rgba(255,255,255,.55); }
.desktop-menu-logout { margin-top: 2px; color: #ffd1d1; background: rgba(255,92,92,.11); }
.search-input { width: 100%; min-height: 42px; border-radius: 14px; border: 1px solid var(--line); background: rgba(255,255,255,.035); color: var(--text); padding: 0 13px; }
.sidebar-create-actions { display: flex; align-items: center; gap: 7px; }
.create-icon-button,
.delete-icon-button { width: 42px; min-width: 42px; height: 38px; min-height: 38px; padding: 0; display: grid; place-items: center; border-radius: 11px; }
.create-icon-button svg,
.delete-icon-button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.create-page-button { color: #151515; background: linear-gradient(135deg,#ff7a1a,#ffb35d); }
.delete-icon-button { color: #ffc7c7; background: rgba(255,92,92,.14); }
.tree { display: grid; gap: 7px; margin-top: 4px; padding-bottom: 20px; }
.item { display: flex; align-items: center; gap: 9px; min-width: 0; min-height: 42px; padding: 9px 10px; border-radius: 14px; color: rgba(255,255,255,.76); cursor: pointer; }
.item:hover { background: rgba(255,255,255,.065); color: #fff; }
.item.active { background: rgba(255,255,255,.105); color: #fff; }
.item .label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chevron { width: 16px; flex: 0 0 16px; color: rgba(255,255,255,.44); text-align: center; font-size: 13px; }
.folder-item .label { font-weight: 650; }
.type-icon { width: 18px; height: 18px; flex: 0 0 18px; display: grid; place-items: center; }
.type-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.folder-item .type-icon svg { fill: currentColor; fill-opacity: .18; }
.tree-flags { margin-left:auto; display:inline-flex; align-items:center; gap:4px; flex:0 0 auto; font-size:12px; }
.tree-favorite { color:#ffb35d; }
.tree-lock { font-size:11px; opacity:.85; }
.sidebar-section-title { color:rgba(255,255,255,.42); font-size:11px; line-height:1.2; }
.favorites-section { display:grid; gap:6px; }
.favorites-tree { display:grid; gap:4px; }
.favorite-row { width:100%; min-height:34px; display:flex; align-items:center; gap:7px; padding:6px 8px; border:0; border-radius:9px; background:transparent; color:rgba(255,255,255,.78); text-align:left; }
.favorite-row:hover,.favorite-row.active { background:rgba(255,255,255,.075); color:#fff; }
.favorite-row-icon { width:16px; height:16px; flex:0 0 16px; display:grid; place-items:center; }
.favorite-row-icon svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.favorite-row-label { min-width:0; flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.favorite-row-star { color:#ffb35d; font-size:11px; }
.favorite-row-lock { font-size:10px; }
.sidebar-documents-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.sidebar-documents-head .sidebar-create-actions { margin-left:auto; }
.sidebar-documents-head .create-icon-button,.sidebar-documents-head .delete-icon-button { width:34px; min-width:34px; height:32px; min-height:32px; border-radius:9px; }
.sidebar-documents-head .create-icon-button svg,.sidebar-documents-head .delete-icon-button svg { width:17px; height:17px; }