/* Readable navigation for authenticated workspaces, including tablet drawers. */
body:not(.public-shell) .sidebar .side-nav a {
  font-size: 14px;
  line-height: 1.4;
  min-height: 46px;
  color: #bdbac4;
  gap: 12px;
}
body:not(.public-shell) .sidebar .side-nav a:hover,
body:not(.public-shell) .sidebar .side-nav a.active { color: #fff; }
body:not(.public-shell) .sidebar .side-nav a.active { color: #ffab7c; }
body:not(.public-shell) .sidebar-profile { min-height: 66px; gap: 12px; }
body:not(.public-shell) .sidebar-profile strong { font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
body:not(.public-shell) .sidebar-profile small { font-size: 12px; color: #bdbac4; }
body:not(.public-shell) .sidebar-profile > div { min-width: 0; }
body:not(.public-shell) .side-note { font-size: 13px; min-height: 44px; display: inline-flex; align-items: center; }
body:not(.public-shell) .nav-label { font-size: 10px; color: #a8a3b0; line-height: 1.5; }
body:not(.public-shell) .breadcrumb { font-size: 12px; line-height: 1.5; min-width: 0; }
body:not(.public-shell) .breadcrumb b { overflow-wrap: anywhere; }
body:not(.public-shell) .main-content { min-width: 0; }
body:not(.public-shell) .top-nav a { font-size: 13px; }
@media (max-width: 1250px) and (min-width: 961px) {
  body:not(.public-shell) .sidebar .side-nav a { padding: 11px 10px; gap: 9px; font-size: 13px; }
}
@media (max-width: 960px) {
  body:not(.public-shell) .sidebar .side-nav a { min-height: 48px; font-size: 15px; }
}
@media (max-width: 480px) {
  body:not(.public-shell) .breadcrumb { font-size: 12px; gap: 6px; }
  body:not(.public-shell) .workspace-bar { gap: 8px; }
}