/* AV over IP and meeting rooms page: figure text, the bandwidth chart and the three tools */

/* ---------- figure text and shapes ---------- */
.motion-svg .avip-mono{font-family:var(--font-mono);font-size:13px;fill:var(--ink);text-anchor:start}
.motion-svg .avip-mono.o{fill:var(--orange-strong)}
.motion-svg .avip-bl{font-size:13px;font-weight:600;fill:var(--ink);text-anchor:end}
.motion-svg .avip-bv{font-family:var(--font-mono);font-size:12.5px;fill:var(--muted);text-anchor:start}
.motion-svg .avip-bar{fill:rgba(6,182,212,.22);stroke:var(--cyan);stroke-width:1.5;transition:fill .3s ease,stroke .3s ease}
.motion-svg .avip-bar.m-hl{fill:rgba(249,115,22,.32);stroke:var(--orange)}

/* ---------- tools ---------- */
.avip-tool{margin-top:26px}
.avip-tool h3{font-size:var(--fs-h4);margin:0 0 8px}
.avip-small{font-size:.9rem;color:var(--muted);margin:10px 0 0;max-width:80ch}
.avip-tool-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;margin-top:14px;align-items:start}
.avip-tool-grid > *{min-width:0}
.avip-in{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-content:start;min-width:0}
.avip-field{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;font-size:.88rem;font-weight:600;color:var(--ink)}
.avip-field output{font-family:var(--font-mono);color:var(--orange-strong)}
.avip-field select{font:inherit;font-weight:500;font-size:.92rem;padding:8px 10px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink);width:100%;max-width:100%;min-width:0;text-overflow:ellipsis}
.avip-tool input[type=range]{width:100%;accent-color:var(--orange)}
.avip-checks{display:grid;gap:8px;font-size:.92rem;color:var(--ink)}
.avip-checks label{display:flex;gap:10px;align-items:center;cursor:pointer}
.avip-checks input{width:18px;height:18px;accent-color:var(--orange)}
.avip-dl{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;margin:0;font-size:.92rem}
.avip-dl dt{color:var(--muted)}
.avip-dl dd{margin:0;font-weight:600;color:var(--ink);font-family:var(--font-mono);font-size:.88rem;overflow-wrap:anywhere}
.avip-verdict{margin:12px 0 0;padding:10px 12px;border-radius:10px;font-size:.92rem;border:1px solid var(--line)}
.avip-verdict.ok{background:#F0FDFA;border-color:#99F6E4}
.avip-verdict.warn{background:#FFFBEB;border-color:#FDE68A}
.avip-verdict.bad{background:#FFF1F2;border-color:#FECDD3}
.no-js .avip-js{display:none}

/* ---------- tables and configs ---------- */
.table-wrap .avip-narrow{min-width:0}
.table-wrap .avip-facts{min-width:0}
.avip-facts td:first-child,.avip-narrow td:first-child{font-weight:600;color:var(--ink)}
.avip-facts td:first-child{white-space:nowrap}
.cfg{margin:12px 0 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}
.avip-tabs{margin-top:26px}

@media (max-width:860px){
  .avip-tool-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .avip-dl{grid-template-columns:1fr;gap:2px}
  .avip-dl dd{margin-bottom:8px}
  .avip-facts td:first-child{white-space:normal}
}