/* Compact fit for the existing stacked INSIGHT artwork; navigation controls stay in the existing row and wrap when needed. */
[data-testid="psychologist-dashboard"] > nav,
[data-testid="psychologist-dashboard"].psychologist-workspace > nav,
[data-testid="admin-dashboard"] > nav,
[data-testid="client-dashboard"] > nav {
  min-width: 0;
  flex-wrap: wrap;
  gap: 12px 20px;
  padding: 12px 24px;
}

[data-testid="psychologist-dashboard"] > nav > div:first-child,
[data-testid="admin-dashboard"] > nav > div:first-child,
[data-testid="client-dashboard"] > nav > div:first-child {
  flex: 0 0 auto;
}

[data-testid="psychologist-dashboard"] > nav > div:first-child img,
[data-testid="admin-dashboard"] > nav > div:first-child img,
[data-testid="client-dashboard"] > nav > div:first-child img {
  display: block;
  width: auto !important;
  height: 64px !important;
  max-width: 76px;
  aspect-ratio: auto !important;
  object-fit: contain;
}

[data-testid="psychologist-dashboard"] > nav > div:nth-child(2),
[data-testid="admin-dashboard"] > nav > div:nth-child(2),
[data-testid="client-dashboard"] > nav > div:nth-child(2) {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px 12px;
}

@media (max-width: 767px) {
  [data-testid="psychologist-dashboard"] > nav,
  [data-testid="psychologist-dashboard"].psychologist-workspace > nav,
  [data-testid="admin-dashboard"] > nav,
  [data-testid="client-dashboard"] > nav {
    padding: 6px 12px;
    gap: 4px 8px;
  }

  [data-testid="psychologist-dashboard"] > nav > div:first-child img,
  [data-testid="admin-dashboard"] > nav > div:first-child img,
  [data-testid="client-dashboard"] > nav > div:first-child img {
    height: 56px !important;
    max-width: 66px;
  }

  [data-testid="psychologist-dashboard"] > nav > div:nth-child(2),
  [data-testid="admin-dashboard"] > nav > div:nth-child(2),
  [data-testid="client-dashboard"] > nav > div:nth-child(2) {
    flex-basis: 100%;
    justify-content: flex-start;
    gap: 4px 8px;
  }
}

@media (max-width: 580px) {
  [data-testid="psychologist-dashboard"] > nav > div:nth-child(2) > span,
  [data-testid="admin-dashboard"] > nav > div:nth-child(2) > span,
  [data-testid="client-dashboard"] > nav > div:nth-child(2) > span {
    flex: 0 0 100%;
  }

  [data-testid="psychologist-dashboard"] > nav > div:nth-child(2) > *,
  [data-testid="admin-dashboard"] > nav > div:nth-child(2) > *,
  [data-testid="client-dashboard"] > nav > div:nth-child(2) > * {
    flex: 0 1 calc(50% - 4px);
    min-width: 0;
    margin-left: 0;
  }

  [data-testid="psychologist-dashboard"] > nav > div:nth-child(2),
  [data-testid="admin-dashboard"] > nav > div:nth-child(2),
  [data-testid="client-dashboard"] > nav > div:nth-child(2) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }

  [data-testid="psychologist-dashboard"] > nav > div:nth-child(2) > span,
  [data-testid="admin-dashboard"] > nav > div:nth-child(2) > span,
  [data-testid="client-dashboard"] > nav > div:nth-child(2) > span { grid-column:1 / -1; }

  [data-testid="psychologist-dashboard"] > nav > div:nth-child(2) > button,
  [data-testid="admin-dashboard"] > nav > div:nth-child(2) > button,
  [data-testid="client-dashboard"] > nav > div:nth-child(2) > button { padding-inline:8px; }

  [data-testid="psychologist-dashboard"] > nav > div:nth-child(2) > * button,
  [data-testid="admin-dashboard"] > nav > div:nth-child(2) > * button,
  [data-testid="client-dashboard"] > nav > div:nth-child(2) > * button {
    width:100%;
    padding-inline:6px;
    padding-block:4px !important;
    font-size:12px;
    white-space:normal;
  }

  [data-testid="psychologist-dashboard"] > nav > div:nth-child(2) > :not([hidden]) ~ :not([hidden]),
  [data-testid="admin-dashboard"] > nav > div:nth-child(2) > :not([hidden]) ~ :not([hidden]),
  [data-testid="client-dashboard"] > nav > div:nth-child(2) > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0;
  }
}

/* Compact Homepage logo sizing. */
.insight-home .ih-brand img { width:auto; height:68px; max-width:80px; object-fit:contain; }
@media(max-width:580px) { .insight-home .ih-brand img { width:auto; height:60px; max-width:72px; } }