/*
 * Phase-5 shell stylesheet. Most rules in this file have been superseded by
 * the canonical layer (`layout.css` for shell + buttons, `state.css` for
 * lock/sim affordances, `ai.css` for the AI dock, `admin.css` for admin
 * surfaces). What remains here is intentionally narrow:
 *   - Auth-page chrome (`.orago-empty-layout`, `.orago-auth-shell`) — used
 *     by Login / ForgotPassword / ResetPassword
 *   - A handful of small component styles that haven't been migrated yet
 *     (`.orago-lock-badge`, `.orago-simulation-panel`, `.orago-price-table`,
 *     `.orago-ai-response/citations/input`, `.link-button`)
 *
 * Removed in the audit pass (zero razor consumers):
 *   .orago-shell · .orago-topbar · .orago-brand · .orago-topbar-actions
 *   .orago-body · .orago-sidebar · .orago-content · .orago-ai-panel
 *   .orago-ai-header · .orago-ai-stream · .orago-btn-* · .orago-nav*
 */

.orago-ai-response { white-space: pre-wrap; margin: 0; }
.orago-ai-citations { list-style: none; padding: 0; margin: 0 0 12px 0; }
.orago-ai-citations li { margin: 6px 0; }
.orago-ai-citations .snippet { display: block; color: var(--orago-text-muted); font-size: 0.85em; }
.orago-ai-input { display: flex; gap: 8px; padding: 12px 16px; border-top: 1px solid var(--orago-border); }
.orago-lock-badge {
    display: inline-block;
    padding: 4px 10px;
    background: color-mix(in srgb, var(--orago-warn) 14%, transparent);
    border: 1px solid var(--orago-warn);
    border-radius: 4px;
    margin: 8px 0;
}
.orago-simulation-panel { display: flex; gap: 8px; margin: 12px 0; }
.orago-price-table { width: 100%; border-collapse: collapse; margin-top: 12px; }
.orago-price-table th, .orago-price-table td { padding: 8px 12px; border-bottom: 1px solid var(--orago-border); }
.orago-price-table .total-row td { font-weight: 600; border-top: 2px solid var(--orago-text); }
.orago-empty-layout { min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.orago-auth-shell { background: var(--orago-surface); padding: 32px; border-radius: 8px; width: 360px; }
.link-button { background: none; border: 0; color: var(--orago-primary); cursor: pointer; padding: 0; text-align: left; width: 100%; }