.sidebar-brand-row { display: flex; align-items: center; gap: 8px; }
.sidebar-brand-row .dash-logo,
.sidebar-brand-row .staff-logo { min-width: 0; flex: 1; }
.sidebar-collapse-btn { width: 34px; height: 34px; display: grid; flex: 0 0 34px; place-items: center; border-radius: 9px; cursor: pointer; transition: background .18s ease, color .18s ease, transform .22s ease; }
.investor-sidebar .sidebar-collapse-btn { color: var(--ink-600); background: #fff; border: 1px solid var(--line); }
.investor-sidebar .sidebar-collapse-btn:hover { color: var(--brand-blue); background: var(--brand-blue-soft); }
.staff-sidebar .sidebar-collapse-btn { color: #91a3bf; background: rgb(255 255 255 / 6%); border: 1px solid rgb(255 255 255 / 13%); }
.staff-sidebar .sidebar-collapse-btn:hover { color: #fff; background: rgb(255 255 255 / 11%); }
.sidebar-collapse-btn .ui-icon { width: 16px; height: 16px; }
.avatar,
.staff-role > span,
.top-avatar { overflow: hidden; padding: 0; }
.avatar img,
.staff-role > span img,
.top-avatar img { width: 100%; height: 100%; object-fit: cover; }
.button-avatar { width: 25px; height: 25px; object-fit: cover; border-radius: 7px; }
.investor-shell,
.staff-shell { transition: grid-template-columns .24s ease; }
.investor-sidebar,
.staff-sidebar { transition: padding .24s ease; }
.investor-main,
.staff-main,
.dash-content,
.staff-content,
.stack,
.staff-stack,
.staff-grid > *,
.dashboard-grid > * { min-width: 0; }
#investor-nav b { font: inherit; }

@media (min-width: 781px) {
  .investor-shell.sidebar-collapsed,
  .staff-shell.sidebar-collapsed { grid-template-columns: 82px minmax(0, 1fr); }
  .sidebar-collapsed .investor-sidebar,
  .sidebar-collapsed .staff-sidebar { padding-inline: 14px; }
  .sidebar-collapsed .sidebar-brand-row .dash-logo,
  .sidebar-collapsed .sidebar-brand-row .staff-logo { display: none; }
  .sidebar-collapsed .sidebar-brand-row { justify-content: center; }
  .sidebar-collapsed .sidebar-collapse-btn { transform: rotate(180deg); }
  .sidebar-collapsed .role-pill { justify-content: center; padding: 9px; }
  .sidebar-collapsed .role-pill > div,
  .sidebar-collapsed #investor-nav > span,
  .sidebar-collapsed #investor-nav a b,
  .sidebar-collapsed .sidebar-help { display: none; }
  .sidebar-collapsed #investor-nav,
  .sidebar-collapsed #staff-nav { align-items: center; }
  .sidebar-collapsed #investor-nav a,
  .sidebar-collapsed #staff-nav a { width: 46px; justify-content: center; padding: 9px; }
  .sidebar-collapsed #investor-nav i,
  .sidebar-collapsed #staff-nav a i { margin: 0; }
  .sidebar-collapsed .staff-role { display: flex; justify-content: center; padding: 9px; }
  .sidebar-collapsed .staff-role > div,
  .sidebar-collapsed .staff-role > button,
  .sidebar-collapsed #staff-nav > span,
  .sidebar-collapsed .system-health > div { display: none; }
  .sidebar-collapsed #staff-nav a { font-size: 0; }
  .sidebar-collapsed .system-health { justify-content: center; padding-inline: 0; }
}

@media (max-width: 780px) {
  .sidebar-collapse-btn { display: none; }
  .staff-topbar .top-actions { gap: 5px; }
  .top-avatar { width: 36px; height: 36px; }
}
@media (max-width: 620px) {
  .staff-content .metric-grid,
  .dash-content .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .staff-content .metric,
  .dash-content .metric { min-width: 0; }
  .staff-content .metric strong,
  .dash-content .metric strong { overflow-wrap: anywhere; }
}