/* SD-WAN page: application aware routing simulator */
.aar-path{transition:stroke .3s ease}
.aar-path.q-good{stroke:var(--teal)}
.aar-path.q-fair{stroke:#F59E0B}
.aar-path.q-poor{stroke:#E11D48}
.aar-path.q-down{stroke:#E11D48;stroke-dasharray:6 8;opacity:.6}
.tag.q-good rect{fill:#CCFBF1;stroke:#99F6E4}.tag.q-good text{fill:#115E59}
.tag.q-fair rect{fill:#FEF3C7;stroke:#FDE68A}.tag.q-fair text{fill:#92400E}
.tag.q-poor rect,.tag.q-down rect{fill:#FFE4E6;stroke:#FECDD3}.tag.q-poor text,.tag.q-down text{fill:#9F1239}
.sim-group .sim-h{display:flex;justify-content:space-between;align-items:center}
.sim-switch{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted);cursor:pointer}
.sim-switch input{accent-color:var(--orange)}
.sim-out .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:-1px}
.sim-out .dot.p-orange{background:var(--orange)}.sim-out .dot.p-pink{background:var(--pink)}.sim-out .dot.p-cyan{background:var(--cyan)}.sim-out .dot.p-navy{background:var(--navy)}
.sim-out td.ok{color:var(--teal-strong);font-weight:600}
.sim-out td.warn{color:#B45309;font-weight:600}
.sim input[type=range]:disabled{opacity:.4}
/* Phase 2: tables beside each other in routing, path selection and operations */
.sd-tables{gap:24px;margin-top:28px;align-items:start}
.sd-tables .sub-title{margin-top:0}
@media (max-width:900px){.sd-tables{grid-template-columns:minmax(0,1fr)}}
.sd-tables .principles{grid-template-columns:minmax(0,1fr)}