/* Diet solution summary: the stat tiles and nutrient bars at the top of the
   diet page. Unlike the chat transcript (components/chat-transcript.css), this content already draws its
   foreground colors from theme variables (--color-foreground-*, --color-brand-*),
   so only the container background needs a value here — no need to re-pin the
   whole variable set. */
[role="main"] .diet-solution-summary {
    padding: 1.2em 1.3em;
    border-radius: 0.6em;
    background: #eef1f5;
    border: 1px solid var(--color-sidebar-background-border);
}

body[data-theme="dark"] [role="main"] .diet-solution-summary {
    background: #15171a;
}

@media (prefers-color-scheme: dark) {
    body:not([data-theme="light"]) [role="main"] .diet-solution-summary {
        background: #15171a;
    }
}