.page__header {
    flex-shrink: 0;
    height: var(--height-toolbar);
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 24px;
    margin-left: 0;
    -webkit-app-region: drag;
    transition: margin-left 180ms ease;
}

.app--sidebar-hidden .page__header {
    margin-left: 208px;
}

html:not([data-os='darwin']) .app--sidebar-hidden .page__header,
.app--fullscreen.app--sidebar-hidden .page__header {
    margin-left: 116px;
}

.page__header-title {
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text-foreground);
    -webkit-app-region: no-drag;
}

.page__header-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 6px;
    -webkit-app-region: no-drag;
}

.page__content {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 16px 32px 28px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.page__content--chat {
    padding: 0;
    gap: 0;
    overflow: hidden;
}

.app__title {
    font-size: var(--text-heading-lg);
    font-weight: 600;
    margin: 0;
}

.app__subtitle {
    color: var(--color-text-foreground-secondary);
    font-size: var(--text-base);
    margin: 0;
}

.app__card {
    background: var(--color-background-panel);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.app__card-label {
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-foreground-tertiary);
}

.app__button {
    align-self: flex-start;
    padding: 6px 12px;
    border-radius: 10px;
    background: var(--color-button-bg);
    border: 1px solid var(--color-border);
    font-size: var(--text-base);
    color: var(--color-text-foreground);
    transition: background 120ms ease;
}

.app__button:hover {
    background: var(--color-button-hover);
}

.app__button:focus-visible {
    outline: 2px solid var(--color-border-focus);
    outline-offset: 2px;
}