.chat-page-shell {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - var(--topbar-height) - (var(--space-5) * 2));
}

.chat-frame {
    width: 100%;
    height: 100%;
    flex: 1;
    min-height: calc(100vh - var(--topbar-height) - (var(--space-5) * 2));
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
}

@media (max-width: 1200px) {
    .chat-page-shell {
        min-height: calc(100vh - var(--topbar-height) - (var(--space-4) * 2));
    }

    .chat-frame {
        min-height: calc(100vh - var(--topbar-height) - (var(--space-4) * 2));
    }
}

@media (max-width: 1024px) {
    .chat-page-shell {
        min-height: calc(100vh - var(--topbar-height) - (var(--space-3) * 2));
    }

    .chat-frame {
        min-height: calc(100vh - var(--topbar-height) - (var(--space-3) * 2));
    }
}