/* Backend API Routing solution summary: same container treatment as
   .diet-solution-summary (pages/diet.css), plus three categorical colors (one per
   backend service that actually carries traffic) for the two-hop routing
   diagram below, reusing the exact same blue/orange/aqua steps already
   validated for Facility's plants 1/2/5, Workforce's workers 1/2/3, and
   A/B Testing's three segments - no new hues, just the same validated
   combination carrying identity through a fourth routing/flow diagram. */
[role="main"] .network-routing-solution-summary {
    padding: 1.2em 1.3em;
    border-radius: 0.6em;
    background: #eef1f5;
    border: 1px solid var(--color-sidebar-background-border);
    --network-routing-b: #2a78d6;
    --network-routing-c: #eb6834;
    --network-routing-d: #1baf7a;
}

body[data-theme="dark"] [role="main"] .network-routing-solution-summary {
    background: #15171a;
    --network-routing-b: #3987e5;
    --network-routing-c: #d95926;
    --network-routing-d: #199e70;
}

@media (prefers-color-scheme: dark) {
    body:not([data-theme="light"]) [role="main"] .network-routing-solution-summary {
        background: #15171a;
        --network-routing-b: #3987e5;
        --network-routing-c: #d95926;
        --network-routing-d: #199e70;
    }
}