#app-sidebar {
  transition: width .22s ease, padding .22s ease;
  overflow: hidden;
}

#settings .bank-panel:has(> h3:first-child) { display: none; }

.sidebar-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  color: #dbeaf4;
  background: #1a405a;
  border: 1px solid #416278;
  text-align: left;
  margin-bottom: 22px;
}

.sidebar-toggle:hover { background: #244d68; }
.sidebar-toggle span:first-child { font-size: 1.1rem; }
.developer-credit { display: block; margin-top: 18px; color: #abc3d5; font-size: .69rem; line-height: 1.45; letter-spacing: .45px; }
.developer-credit b { color: #d8e8f3; font-size: .72rem; letter-spacing: .2px; }

body.sidebar-collapsed #app-sidebar { width: 76px; padding-left: 12px; padding-right: 12px; }
body.sidebar-collapsed main { margin-left: 76px; }
body.sidebar-collapsed .sidebar-toggle { justify-content: center; padding: 9px; }
body.sidebar-collapsed .sidebar-toggle-label,
body.sidebar-collapsed .brand span,
body.sidebar-collapsed .aside-bottom { display: none; }
body.sidebar-collapsed .brand { padding-left: 0; text-align: center; font-size: 1.2rem; letter-spacing: 0; }
body.sidebar-collapsed nav { margin-top: 34px; }
body.sidebar-collapsed .nav { display: flex; padding-left: 0; padding-right: 0; justify-content: center; font-size: 0; }
body.sidebar-collapsed .nav span { display: block; font-size: 1.25rem; }

@media (max-width: 760px) {
  #app-sidebar { z-index: 30; }
  body.sidebar-collapsed main { margin-left: 0; }
}