/* Assigning workloads solution summary: same container treatment as
   .diet-solution-summary (pages/diet.css). The per-machine resource bars split normal
   utilization (--color-admonition-title--note) from a fully-saturated
   resource (--color-admonition-title--danger), the same pairing Diet uses
   for its tightest nutrient bounds, so no new custom colors are needed there.
   The stacked-bar overview chart above it needs eight identity colors (one
   per workload) that Furo has no variable for; steps are the site's own
   validated categorical palette — slots 1/2/3/7 are the exact hex already
   used by Facility's plant colors and Portfolio's stock/frontier dots, so a
   shared hue reads the same across every chart on the site; slots 4/5/6/8
   extend that same palette rather than inventing new ones. */
[role="main"] .assigning-workloads-solution-summary {
    padding: 1.2em 1.3em;
    border-radius: 0.6em;
    background: #eef1f5;
    border: 1px solid var(--color-sidebar-background-border);
    --aw-workload-1: #2a78d6;
    --aw-workload-2: #eb6834;
    --aw-workload-3: #1baf7a;
    --aw-workload-4: #eda100;
    --aw-workload-5: #e87ba4;
    --aw-workload-6: #008300;
    --aw-workload-7: #4a3aa7;
    --aw-workload-8: #e34948;
}

body[data-theme="dark"] [role="main"] .assigning-workloads-solution-summary {
    background: #15171a;
    --aw-workload-1: #3987e5;
    --aw-workload-2: #d95926;
    --aw-workload-3: #199e70;
    --aw-workload-4: #c98500;
    --aw-workload-5: #d55181;
    --aw-workload-6: #008300;
    --aw-workload-7: #9085e9;
    --aw-workload-8: #e66767;
}

@media (prefers-color-scheme: dark) {
    body:not([data-theme="light"]) [role="main"] .assigning-workloads-solution-summary {
        background: #15171a;
        --aw-workload-1: #3987e5;
        --aw-workload-2: #d95926;
        --aw-workload-3: #199e70;
        --aw-workload-4: #c98500;
        --aw-workload-5: #d55181;
        --aw-workload-6: #008300;
        --aw-workload-7: #9085e9;
        --aw-workload-8: #e66767;
    }
}

[role="main"] .assigning-workloads-solution-summary .aw-chart-svg {
    display: block;
    width: 100%;
    height: auto;
}

[role="main"] .assigning-workloads-solution-summary .aw-grid {
    stroke: var(--color-background-border);
    stroke-width: 1;
}

[role="main"] .assigning-workloads-solution-summary .aw-axis {
    stroke: var(--color-foreground-secondary);
    stroke-width: 1;
}

[role="main"] .assigning-workloads-solution-summary .aw-axis-title {
    font-size: 14px;
    fill: var(--color-foreground-secondary);
}

[role="main"] .assigning-workloads-solution-summary .aw-tick {
    font-size: 13px;
    fill: var(--color-foreground-muted);
}

[role="main"] .assigning-workloads-solution-summary .aw-label {
    font-size: 11px;
    fill: var(--color-foreground-muted);
}

[role="main"] .assigning-workloads-solution-summary .aw-bar-capacity {
    fill: none;
    stroke: var(--color-foreground-muted);
    stroke-width: 1.5;
    stroke-dasharray: 4 3;
    opacity: 0.7;
}

[role="main"] .assigning-workloads-solution-summary .aw-bar-w1 { fill: var(--aw-workload-1); }

[role="main"] .assigning-workloads-solution-summary .aw-bar-w2 { fill: var(--aw-workload-2); }

[role="main"] .assigning-workloads-solution-summary .aw-bar-w3 { fill: var(--aw-workload-3); }

[role="main"] .assigning-workloads-solution-summary .aw-bar-w4 { fill: var(--aw-workload-4); }

[role="main"] .assigning-workloads-solution-summary .aw-bar-w5 { fill: var(--aw-workload-5); }

[role="main"] .assigning-workloads-solution-summary .aw-bar-w6 { fill: var(--aw-workload-6); }

[role="main"] .assigning-workloads-solution-summary .aw-bar-w7 { fill: var(--aw-workload-7); }

[role="main"] .assigning-workloads-solution-summary .aw-bar-w8 { fill: var(--aw-workload-8); }

[role="main"] .assigning-workloads-solution-summary .aw-bar-group rect {
    cursor: pointer;
    transition: opacity 0.1s ease;
}

[role="main"] .assigning-workloads-solution-summary .aw-bar-group:hover rect,
[role="main"] .assigning-workloads-solution-summary .aw-bar-group:focus-within rect {
    opacity: 0.8;
}
