/* Compact workspace chrome; the learning surface keeps its readable spacing. */
.astra-app { --topbar-h: 64px; }
.astra-app .topbar {
  min-height: var(--topbar-h);
  padding: 8px max(32px, calc((100vw - 1280px) / 2));
  gap: 16px;
  border-bottom: 1px solid var(--border);
}
.astra-app .astra-brand { min-width: 0; gap: 9px; flex-shrink: 0; }
.astra-app .astra-logo { width: 36px; height: 36px; border-radius: 10px; }
.astra-app .astra-brand .astra-logo img { width: 32px; height: 32px; }
.astra-app .astra-wordmark { font-size: 25px; }
.astra-app .astra-wordmark small { display: none; }
.astra-app .astra-primary-wrap { padding: 0; border: 0; min-width: 0; }
.astra-app .astra-primary-nav { gap: 4px; }
.astra-app .astra-primary-nav button {
  min-height: 44px;
  padding: 10px;
  border: 0;
  border-radius: 8px;
  gap: 7px;
  font-size: .875rem;
}
.astra-app .astra-primary-nav button[aria-current='page'] {
  background: var(--accent-soft);
  box-shadow: inset 0 -2px var(--fc-nav-marker);
}
.astra-app .astra-primary-nav button:hover { background: var(--accent-soft); color: var(--text); }
.astra-app .topbar .spacer { min-width: 0; }
.astra-app .topbar .clock, .astra-app .topbar .uname { display: none; }
.astra-app .astra-search-button {
  width: 44px;
  height: 44px;
  min-width: 44px;
  padding: 0;
  justify-content: center;
  background: transparent;
  border-color: transparent;
  flex-shrink: 0;
}
.astra-app .astra-search-button:hover { background: var(--accent-soft); }
.astra-app .astra-search-label, .astra-app .astra-search-button kbd { display: none; }
.astra-app .astra-context-nav { gap: 20px; }
.astra-app .astra-context-nav button { min-height: 44px; padding: 8px 2px; font-size: .875rem; }
.astra-app .astra-context-wrap[hidden] { display: none; }
.astra-app .content { padding-top: 26px; }
.astra-app .user-menu { top: calc(var(--topbar-h) + 4px); }
@media (max-width: 1279px) and (min-width: 851px) {
  .astra-app .astra-primary-nav button span { display: none; }
  .astra-app .astra-primary-nav button { width: 44px; justify-content: center; }
}
@media (max-width: 1100px) {
  .astra-app .topbar { padding-inline: 26px; gap: 10px; }
}
@media (max-width: 850px) {
  .astra-app { --topbar-h: 56px; }
  .astra-app .topbar {
    padding: calc(5px + env(safe-area-inset-top, 0px)) max(18px, env(safe-area-inset-right, 0px)) 5px max(18px, env(safe-area-inset-left, 0px));
    gap: 6px;
  }
  .astra-app .astra-primary-wrap { display: none; }
  .astra-app .astra-wordmark { font-size: 23px; }
  .astra-app .astra-context-nav { gap: 12px; }
  .astra-app .topbar .user-btn { min-width: 44px; }
  .astra-app .astra-search-button { display: inline-flex; }
  .astra-app .user-menu { top: calc(var(--topbar-h) + env(safe-area-inset-top, 0px) + 4px); }
}
@media (max-width: 380px) {
  .astra-app .astra-wordmark { display: none; }
  .astra-app .topbar { gap: 4px; padding-inline: 12px; }
}