/* Compact sidebar on every desktop size: the account block stays readable
   without spending a large band of the screen on margins and empty padding. */
@media (min-width: 769px) {
  .sidebar {
    width: 248px;
    margin: 14px;
    top: 14px;
    height: calc(100vh - 28px);
    border-radius: 24px;
  }

  .sidebar-scroll {
    padding: 20px 14px 12px !important;
  }

  .sidebar-brand {
    margin-bottom: 18px;
  }

  /* The rendered footer uses an inline padding declaration. */
  .sidebar > div:last-of-type {
    padding: 10px 12px !important;
  }

  .sidebar-user {
    gap: 9px;
    margin-top: 6px;
    padding: 9px 10px;
    border-radius: 16px;
  }

  .sidebar-user-avatar {
    width: 34px;
    height: 34px;
    border-radius: 12px;
  }

  .sidebar-user-name {
    font-size: 12px;
  }

  .sidebar-user-role {
    font-size: 10px;
    letter-spacing: .08em;
  }

  .sidebar-user .act-btn {
    width: 30px;
    height: 30px;
    border-radius: 10px;
  }

  .app-main {
    padding: 22px 22px 22px 4px;
  }
}