/* Aurora Pro PeerJS collaboration panel */

#proCollabModal {
 position: fixed;
 inset: 0;
 z-index: 120;
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 1rem;
 background: rgba(2, 6, 23,.72);
 backdrop-filter: blur(8px);
 opacity: 0;
 visibility: hidden;
 transition: opacity.25s ease, visibility.25s;
}

#proCollabModal.open {
 opacity: 1;
 visibility: visible;
}

#proCollabModal.pro-collab-card {
 width: min(26rem, 100%);
 border-radius: 1.15rem;
 padding: 1.25rem;
 background: rgba(15, 23, 42,.97);
 border: 1px solid rgba(34, 211, 238,.22);
 box-shadow: 0 28px 70px -24px rgba(0, 0, 0,.9);
}

.pro-collab-code {
 font-size: 1.75rem;
 font-weight: 900;
 letter-spacing:.22em;
 color: #67e8f9;
 text-align: center;
 padding:.75rem;
 border-radius:.75rem;
 background: rgba(34, 211, 238,.08);
 border: 1px dashed rgba(34, 211, 238,.35);
}

#proCollabBadge {
 display: none;
 align-items: center;
 gap:.35rem;
 padding:.35rem.65rem;
 border-radius: 999px;
 background: rgba(34, 211, 238,.12);
 border: 1px solid rgba(34, 211, 238,.25);
 font-size: 10px;
 font-weight: 700;
 color: #67e8f9;
}

#proCollabBadge.on {
 display: inline-flex;
}

#proCollabBadge.dot {
 width: 7px;
 height: 7px;
 border-radius: 50%;
 background: #34d399;
 box-shadow: 0 0 8px rgba(52, 211, 153,.8);
}