.svg-wrap{display:flex;justify-content:center;margin:2rem 0}
.svg-card{width:100%;max-width:680px;background:#fff;border:1px solid #e5e2da;border-radius:14px;padding:1.5rem;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.svg-card h2{margin:0 0 .5rem 0;font-size:1.4rem}
.svg-sub{margin:0 0 1rem 0;color:#666}
.svg-btn{display:inline-block;padding:.8rem 1.2rem;border-radius:999px;border:0;background:#2f5d50;color:#fff;font-size:1rem;cursor:pointer}
.svg-btn:hover{background:#274d43}
.svg-status{margin:.8rem 0;color:#444}
.svg-meters{margin:.6rem 0 1rem 0}
.svg-meter{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:#555}
.svg-meter .bar{flex:1;height:10px;background:#eee;border-radius:999px;overflow:hidden}
#svg-mic-level{height:100%;width:0%;background:#4caf50;transition:width .1s linear}
.svg-transcript{min-height:120px;max-height:320px;overflow:auto;border-top:1px solid #eee;margin-top:1rem;padding-top:1rem}
.svg-line{margin:.35rem 0;line-height:1.45}
.svg-line.user{color:#234}
.svg-line.agent{color:#3a3a3a}