.app-page {
    min-height: 100vh;
    padding: var(--space-16);
    background: linear-gradient(135deg, var(--color-bg-app-start) 0%, var(--color-bg-app-end) 100%);
    color: var(--color-text-primary);
}

.app-shell,
.dashboard-container,
.chat-shell,
.org-shell,
.history-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    background: var(--color-surface-primary);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg);
}

.app-page-header,
.dashboard-header,
.chat-top,
.org-top,
.history-header {
    padding: var(--space-20) var(--space-24);
    border-bottom: 1px solid var(--color-border-default);
}

.app-page-main,
.dashboard-main {
    padding: var(--space-24);
}

@media (max-width: 768px) {
    .app-page {
        padding: 10px;
    }

    .app-page-header,
    .dashboard-header,
    .chat-top,
    .org-top,
    .history-header,
    .app-page-main,
    .dashboard-main {
        padding-left: var(--space-16);
        padding-right: var(--space-16);
    }
}