@layer organisms {
  .app-header {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--color-bg);
    border-block-end: 1px solid var(--color-border);

    .app-header__inner {
      max-width: var(--content-max);
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: var(--space-3) var(--space-4);
    }
    .app-header__brand { font-weight: 750; letter-spacing: -0.02em; color: var(--color-text); }
    .app-header__actions { display: flex; gap: var(--space-3); align-items: center; font-size: var(--text-s); color: var(--color-muted); }
  }
}