/* 管理后台侧栏折叠/展开。
 * AdminJS 7 布局：父级 flex row 内 [data-css="sidebar"](静态 flex item，width 300px)
 * 与 [data-css="app-content"](flex-grow:1) 并列。把侧栏 width 收到 0 → 内容区自动撑满。
 * 注入方式见 setup.ts 的 assets.styles，按钮由 admin-custom.js 插入 topbar（折叠后仍可见）。 */

[data-css="sidebar"] {
  transition: width 0.2s ease, min-width 0.2s ease, padding 0.2s ease;
}

body.llm-sidebar-collapsed [data-css="sidebar"] {
  width: 0 !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-right: 0 !important;
  overflow: hidden !important;
}

/* topbar 里的折叠按钮 */
#llm-sidebar-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0 8px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 6px;
  color: #4263eb;
  flex-shrink: 0;
  transition: background 0.15s ease;
}
#llm-sidebar-toggle:hover {
  background: rgba(66, 99, 235, 0.08);
}
#llm-sidebar-toggle svg {
  width: 20px;
  height: 20px;
  display: block;
}