.badge-encoding.visitor-live{padding:0 24px 10px;background:transparent;border-radius:0;box-shadow:none;min-width:0}
.badge-guest{display:flex;align-items:center;gap:16px;padding:22px 0 0}.badge-guest>img{width:56px;height:64px;object-fit:cover;border-radius:8px}.badge-guest>div{display:flex;flex-direction:column;gap:3px}.badge-guest small,.badge-guest span{font-size:12px;color:#627791}.badge-guest strong{font-size:20px}
.badge-device{margin:0;display:flex;flex-direction:column;align-items:center;gap:20px;min-width:0}.badge-device figcaption{font-size:12px;color:#627791;text-align:center}.badge-encoding .visitor-live-devices{gap:28px;min-height:345px;padding:30px 0 24px}.badge-encoding .visitor-large-card{box-sizing:content-box}.badge-encoding .visitor-large-screen{box-sizing:border-box}.badge-encoding .visitor-round-card{box-sizing:content-box}
.badge-empty{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;font-size:15px;color:#6c706d}.badge-encoding[data-phase="ready"] .badge-empty,.badge-encoding[data-phase="updating"] .badge-empty{display:none}
.badge-encoding-actions{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:26px}.badge-encoding-actions p{font-size:13px;line-height:1.5;margin:0;color:#627791}.badge-encoding-actions button{flex-shrink:0}.badge-encoding-actions button:disabled{opacity:.65;cursor:wait}.badge-encoding[data-phase="updating"] .visitor-steps [data-visitor-step="waiting"],.badge-encoding[data-phase="ready"] .visitor-steps [data-visitor-step="waiting"],.badge-encoding[data-phase="ready"] .visitor-steps [data-visitor-step="updating"]{border-color:#48a883;color:#092449}
@media(max-width:1100px){.badge-encoding .visitor-live-devices{gap:16px}.badge-encoding .visitor-large-card{width:168px;height:246px;padding:9px}.badge-encoding .visitor-large-screen{height:201px;padding:8px}.badge-encoding .visitor-round-card{width:122px;height:122px}}
@media(max-width:600px){.badge-encoding.visitor-live{padding:0 14px 10px}.badge-encoding .visitor-live-devices{gap:12px;min-height:290px}.badge-encoding .visitor-large-card{width:140px;height:212px;padding:8px}.badge-encoding .visitor-large-screen{height:168px}.badge-encoding .visitor-round-card{width:105px;height:105px}.badge-encoding .visitor-name{font-size:11px}.badge-encoding .visitor-card-meta{margin-top:6px;font-size:7px}.badge-encoding .visitor-round-name{font-size:6px}.badge-encoding .visitor-round-host{font-size:5px}.badge-encoding .visitor-round-logo{font-size:8px}.badge-device figcaption{font-size:10px}.badge-encoding-actions{flex-direction:column;align-items:stretch;gap:12px}.badge-guest strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.badge-encoding *{transition:none!important}}