/* Keep the full identity legible without widening the navigation. */
.app-shell[data-ui-scale="compact"] .sidebar .brand {
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:0 0 20px;
}
.app-shell[data-ui-scale="compact"] .sidebar .brand .brand-mark {
  width:32px;
  height:32px;
}
.app-shell[data-ui-scale="compact"] .sidebar .brand>div:last-child {
  min-width:0;
  max-width:none;
  overflow:visible;
}
.app-shell[data-ui-scale="compact"] .sidebar .brand strong {
  font-size:16px;
  line-height:1.5;
  letter-spacing:0;
  white-space:normal;
  word-break:keep-all;
  overflow-wrap:anywhere;
  overflow:visible;
  text-overflow:clip;
}
.app-shell[data-ui-scale="compact"] .sidebar .brand span {
  font-size:10px;
  line-height:1.5;
  letter-spacing:0;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
@media(max-width:800px) {
  .app-shell[data-ui-scale="compact"] .sidebar .brand {
    grid-template-columns:36px;
    justify-content:center;
    padding:0 0 18px;
  }
  .app-shell[data-ui-scale="compact"] .sidebar .brand .brand-mark {
    width:36px;
    height:36px;
  }
}