/* Load balancing and application delivery page */
.motion-svg .val{font-size:14px;fill:var(--ink);text-anchor:start}
.motion-svg .mono{font-family:var(--font-mono);font-size:13px;fill:var(--ink);text-anchor:start}
.motion-svg .mono.o{fill:var(--orange-strong)}
.motion-svg .mono .rd{fill:var(--orange-strong);font-weight:600}
.motion-svg .mono .rt{fill:var(--teal-strong);font-weight:600}
.motion-svg .seg{font-size:12px;font-weight:600;fill:var(--ink);text-anchor:middle}
.motion-svg .seg.start{text-anchor:start}
.motion-svg .segb{font-family:var(--font-mono);font-size:11px;fill:var(--muted);text-anchor:middle}
.motion-svg .wq-q{stroke:#fff;stroke-width:1}
.pkt rect{stroke:#fff;stroke-width:1.5}
.cfg-wrap{margin-top:22px}
.cfg-cap{font-size:.9rem;color:var(--muted);margin:0 0 8px}
.cfg{margin:0;padding:16px 18px;background:var(--navy);color:#E2E8F0;border-radius:var(--radius);overflow:auto;font-size:.82rem;line-height:1.65}
.cfg code{font-size:inherit;background:none;color:inherit;padding:0}
.mtu-field{display:grid;gap:6px;font-size:.85rem;font-weight:600;color:var(--ink)}
.mtu-field select{font:inherit;font-weight:500;padding:8px 10px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink)}
.lb-sim{margin-top:22px;display:grid;gap:14px}
.lb-sim .sub-title{margin:0}
.lb-sim .muted{margin:0;color:var(--muted);font-size:.95rem}
.lb-controls{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:flex-end}
.lb-controls .sim-switch{font-size:.88rem;padding-bottom:8px}
.lb-bars{display:grid;gap:10px}
.lb-row{display:grid;grid-template-columns:72px minmax(0,1fr) 190px;gap:12px;align-items:center;font-size:.88rem}
.lb-row span{font-weight:600;color:var(--ink)}
.lb-bar{height:14px;border-radius:7px;background:var(--line);overflow:hidden}
.lb-bar i{display:block;height:100%;background:var(--orange);border-radius:7px;transition:width .5s ease}
.lb-row output{font-family:var(--font-mono);font-size:.82rem;color:var(--muted);white-space:nowrap}
.lb-sim .motion-note{margin:0}
@media (prefers-reduced-motion:reduce){.lb-bar i{transition:none}}
@media (max-width:560px){.lb-row{grid-template-columns:64px minmax(0,1fr)}.lb-row output{grid-column:2}}
.table-note{margin:10px 0 0;color:var(--muted);font-size:.92rem}
