.sidebar {
  position: relative;
  transition: width 0.2s ease;
}

.sidebar-toggle {
  position: absolute;
  z-index: 3;
  top: 74px;
  right: -14px;
  width: 28px;
  height: 28px;
  border: 1px solid #c9d4df;
  border-radius: 50%;
  background: #fff;
  color: #294057;
  font-size: 23px;
  line-height: 22px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(20, 45, 70, 0.16);
}

.app.sidebar-collapsed .sidebar { width: 74px; }
.app.sidebar-collapsed .sidebar-brand { display: flex; justify-content: center; padding: 22px 12px; }
.app.sidebar-collapsed .sidebar-brand strong,
.app.sidebar-collapsed .sidebar-brand small,
.app.sidebar-collapsed .nav-label { display: none; }
.app.sidebar-collapsed .nav-item { justify-content: center; padding-inline: 10px; }
.app.sidebar-collapsed .nav-icon { width: auto; }
.app.sidebar-collapsed .logout { margin-inline: 10px; font-size: 0; }
.app.sidebar-collapsed .logout::after { content: '退出'; font-size: 12px; }
.app.sidebar-collapsed .sidebar-toggle { transform: rotate(180deg); }

.pill.deleted { background: #f0f1f3; color: #68717b; }
.table-action.delete-user { color: #b63d3d; border-color: #efc6c6; }