/* Compact navigation keeps every destination accessible by name and keyboard. */
.sidebar .brand { gap: 7px; padding-left: 0; padding-right: 0; }
.brand-wordmark { flex: 1; min-width: 0; }
.sidebar .brand-name { font-size: 24px; letter-spacing: -1.2px; }
.sidebar .brand-mark { width: 29px; height: 33px; background: none; }
.brand-mark img { display: block; width: 29px; height: 29px; border-radius: 7px; }
.about-link { display: inline-flex; align-items: center; min-height: 30px; padding: 4px 8px; font-size: 11px; text-decoration: none; border-top: 1px solid #d4dccf; }
.about-link:hover { text-decoration: underline; }
.sidebar-collapsed .about-link { justify-content: center; }
.sidebar .brand .icon-button { width: 25px; min-width: 25px; height: 30px; flex-shrink: 0; }
.sidebar .brand-caption { font-size: 8px; letter-spacing: .5px; white-space: normal; }
.nav-short { display: none; }
.sidebar-collapsed .sidebar .brand-mark,
.sidebar-collapsed .brand-wordmark,
.sidebar-collapsed .sidebar .nav-name,
.sidebar-collapsed .sidebar .board-count,
.sidebar-collapsed .sidebar .board-dot,
.sidebar-collapsed .sidebar .nav-label > span,
.sidebar-collapsed .sidebar-footer .local-status,
.sidebar-collapsed .sidebar-footer > p { display: none; }
.sidebar-collapsed .sidebar .nav-short { display: block; font-size: 12px; font-weight: 600; }
.sidebar-collapsed .sidebar .brand { justify-content: center; }
.sidebar-collapsed .sidebar .board-link { justify-content: center; padding: 9px 4px; min-height: 35px; }
.sidebar-collapsed .sidebar .board-link.is-active::after { display: none; }
.sidebar-collapsed .sidebar .nav-label { justify-content: center; margin-left: 0; margin-right: 0; }
.sidebar-collapsed .sidebar .sidebar-footer > div { flex-direction: column; align-items: center; }
.sidebar-collapsed .sidebar-footer .text-button { justify-content: center; min-width: 34px; min-height: 34px; }
.import-board-list { display: flex; flex-wrap: wrap; gap: 6px; margin: 16px 0; max-height: 150px; overflow: auto; }
.import-board-list span { padding: 6px 9px; background: var(--forest-soft); border-radius: 4px; font-size: 12px; }
@media (min-width: 601px) {
  body.sidebar-collapsed .app-shell { grid-template-columns: 54px minmax(0, 1fr); }
  .sidebar-collapsed .sidebar { padding: 16px 6px 10px; }
}
@media (max-width: 600px) {
  .sidebar .deadline-nav { display: flex; flex-direction: row; align-items: center; gap: 5px; flex-shrink: 0; }
  .sidebar .deadline-nav .board-link { margin: 0; flex-shrink: 0; }
  .sidebar .brand { flex-shrink: 0; }
  .sidebar .brand .icon-button { width: 27px; min-width: 27px; }
  .sidebar-collapsed .sidebar .sidebar-boards, .sidebar-collapsed .sidebar .nav-label { display: none; }
  .sidebar-collapsed .sidebar .deadline-nav { display: flex; gap: 5px; }
  .sidebar-collapsed .sidebar .nav-name { display: inline; }
  .sidebar-collapsed .sidebar .nav-short, .sidebar-collapsed .sidebar-footer .nav-name { display: none; }
  .sidebar-collapsed .sidebar .sidebar-footer > div { flex-direction: row; }
  .sidebar-collapsed .sidebar-footer { margin-left: auto; }
}