/* Sidebar follows the same resolved theme as the rest of the cabinet. */
html[data-theme=light] .sidebar {
  background: #fff !important;
  color: #171b23 !important;
  border-right: 1px solid #dfe3e9;
}
html[data-theme=light] .sidebar :is(.role-box,.access-card) {
  background: #f4f5f6 !important;
  border-color: #dfe3e9 !important;
  color: #171b23 !important;
}
html[data-theme=light] .sidebar :is(.role-box span,.access-card span) {
  color: #626d7c !important;
}
html[data-theme=light] .sidebar .nav-item {
  color: #333d49 !important;
}
html[data-theme=light] .sidebar .nav-item .ico { color: #626d7c; }
html[data-theme=light] .sidebar .nav-item:hover { background: #f4f5f6 !important; }
html[data-theme=light] .sidebar .nav-item.active {
  background: #fff4ba !important;
  color: #171b23 !important;
}
html[data-theme=light] .sidebar .nav-item.active .ico { color: #806600; }
html[data-theme=light] .sidebar > .sidebar-foot {
  background: #fff !important;
  border-color: #dfe3e9;
}
html[data-theme=light] .sidebar-foot :is(a,button) { color: #333d49 !important; }
html[data-theme=light] .sidebar .role-switch { background: #e7e9ed; }
html[data-theme=light] .sidebar .role-switch button { color: #626d7c; }
html[data-theme=light] .sidebar .role-switch button.active {
  background: #ffd400;
  color: #171b23;
}