.call-quality { min-width: 0; }
.call-quality label { display: grid; gap: 8px; margin: 14px 0; max-width: 420px; }
.call-quality input { box-sizing: border-box; width: 100%; padding: 12px; border: 1px solid #e6d4c8; border-radius: 10px; font: inherit; }
.call-quality button { border: 1px solid #e6baa0; border-radius: 10px; background: #fff9f4; color: #9c400a; padding: 9px 12px; font: inherit; cursor: pointer; margin: 4px 0; }
.call-quality button:disabled { opacity: .5; cursor: not-allowed; }
.call-quality small { display: block; color: #766960; margin-top: 6px; }
.call-quality td { max-width: 350px; white-space: normal; overflow-wrap: anywhere; }
.call-quality .quality-critical { border-left: 3px solid #ba2e1c; padding: 12px; background: #fff2eb; }
.call-quality .quality-source { overflow-wrap: anywhere; }
.call-quality pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.call-quality :focus-visible { outline: 3px solid #f4a66f; outline-offset: 2px; }