/* FP Digital Portal 9 — LiveKit communications and YouTube music */
#view-messages.active,#view-voice.active{display:flex;flex-direction:column;height:calc(100vh - 136px);min-height:650px;overflow:hidden}
.messages-shell-v9{flex:1;min-height:0}
.call-tool-v9{background:color-mix(in srgb,var(--green) 16%,var(--surface))!important;border-color:color-mix(in srgb,var(--green) 40%,var(--border))!important;color:var(--green)!important}
.livekit-signal-strip{display:flex;align-items:center;gap:8px;padding:7px 16px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--accent) 5%,transparent);font-size:.68rem;color:var(--muted)}
.livekit-signal-strip b{color:var(--text);font-size:.68rem}.signal-pulse{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px currentColor}.livekit-signal-strip.online .signal-pulse{background:var(--green)}.livekit-signal-strip.error .signal-pulse{background:var(--danger)}

/* Voice Chat */
.voice-page-head-v9{flex:0 0 auto}.voice-discord-shell-v9{display:grid;grid-template-columns:250px minmax(0,1fr) 260px;flex:1;min-height:0;border:1px solid var(--border);border-radius:22px;overflow:hidden;background:color-mix(in srgb,var(--panel2) 94%,transparent);box-shadow:var(--shadow)}
.voice-channel-rail-v9,.voice-info-rail-v9{min-height:0;overflow:auto;background:color-mix(in srgb,var(--sidebar-bg,var(--panel2)) 92%,#000 8%)}
.voice-channel-rail-v9{border-right:1px solid var(--border);padding:14px}.voice-info-rail-v9{border-left:1px solid var(--border);padding:14px}
.voice-server-head-v9{display:flex;align-items:center;gap:10px;padding:6px 4px 16px;border-bottom:1px solid var(--border)}.voice-server-mark-v9{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--logo-ink,#04111a);font-family:"Space Grotesk";font-weight:800;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 38%,transparent)}.voice-server-head-v9 b,.voice-server-head-v9 small{display:block}.voice-server-head-v9 b{font-size:.78rem}.voice-server-head-v9 small{margin-top:3px;color:var(--muted);font-size:.61rem}
.voice-list-head-v9{display:flex;align-items:center;justify-content:space-between;margin:17px 4px 8px;color:var(--muted);font-size:.61rem;font-weight:800;letter-spacing:.08em}.voice-list-head-v9 button{border:0;background:transparent;color:var(--muted);font-size:1rem}.voice-list-head-v9 button:hover{color:var(--text)}
.voice-room-list-v9,.voice-user-list-v9{display:grid;gap:4px}.voice-room-button-v9{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;width:100%;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);text-align:left}.voice-room-button-v9:hover{background:var(--hover);color:var(--text)}.voice-room-button-v9.active{background:color-mix(in srgb,var(--accent) 15%,var(--surface));border-color:color-mix(in srgb,var(--accent) 32%,var(--border));color:var(--text)}.voice-room-button-v9 .symbol{font-size:.9rem}.voice-room-button-v9 b,.voice-room-button-v9 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-room-button-v9 b{font-size:.72rem}.voice-room-button-v9 small{margin-top:2px;color:var(--muted);font-size:.56rem}.voice-room-button-v9 em{font-style:normal;font-size:.58rem;color:var(--green)}
.voice-user-row-v9{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:9px}.voice-user-row-v9:hover{background:var(--hover)}.voice-user-row-v9 .avatar{position:relative;width:28px;height:28px;flex:0 0 28px}.voice-user-row-v9 .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.voice-user-row-v9 .avatar span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--surface);font-size:.58rem;font-weight:800}.voice-user-row-v9 .avatar i{position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border:2px solid var(--panel2);border-radius:50%;background:var(--green)}.voice-user-row-v9 div:nth-child(2){min-width:0;flex:1}.voice-user-row-v9 b,.voice-user-row-v9 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-user-row-v9 b{font-size:.68rem}.voice-user-row-v9 small{color:var(--muted);font-size:.54rem}.voice-user-row-v9 button{border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:5px 7px;font-size:.55rem}
.voice-stage-v9{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 40%),var(--panel)}.voice-stage-head-v9{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel2) 82%,transparent)}.voice-stage-head-v9>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.voice-stage-head-v9 h3,.voice-stage-head-v9 p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-stage-head-v9 h3{font-size:.94rem}.voice-stage-head-v9 p{margin-top:3px;color:var(--muted);font-size:.61rem}.voice-room-symbol-v9{font-size:1.15rem}.voice-head-actions-v9{display:flex;gap:7px}.voice-head-actions-v9 button{border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);padding:7px 10px;font-size:.62rem}.danger-lite-v9{color:var(--danger)!important;border-color:color-mix(in srgb,var(--danger) 35%,var(--border))!important}
.voice-call-state-v9{display:grid;place-items:center;align-content:center;gap:12px;flex:1;padding:30px;text-align:center}.voice-call-state-v9 h3{font-size:1.1rem}.voice-call-state-v9 p{max-width:460px;color:var(--muted);font-size:.72rem;line-height:1.6}.voice-orb-v9{position:relative;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 25%,var(--panel)),color-mix(in srgb,var(--accent2) 25%,var(--panel)));border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));box-shadow:0 0 45px color-mix(in srgb,var(--accent) 20%,transparent)}.voice-orb-v9 span{font-family:"Space Grotesk";font-size:1.3rem;font-weight:800}.voice-orb-v9 i{position:absolute;inset:-10px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:50%;animation:voicePulseV9 2.6s infinite}.voice-orb-v9 i:nth-child(2){animation-delay:.65s}.voice-orb-v9 i:nth-child(3){animation-delay:1.3s}@keyframes voicePulseV9{0%{transform:scale(.82);opacity:0}30%{opacity:.8}100%{transform:scale(1.38);opacity:0}}
.voice-participant-grid-v9{flex:1;min-height:0;overflow:auto;padding:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-content:center;gap:12px}.voice-participant-card-v9{position:relative;display:grid;place-items:center;align-content:center;gap:12px;min-height:170px;padding:18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--panel2) 96%,transparent));overflow:hidden}.voice-participant-card-v9.speaking{border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 18%,transparent),0 0 30px color-mix(in srgb,var(--green) 12%,transparent)}.voice-participant-avatar-v9{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));font-size:1.15rem;font-weight:800;color:var(--logo-ink,#04111a);overflow:hidden}.voice-participant-avatar-v9 img{width:100%;height:100%;object-fit:cover}.voice-participant-card-v9 b{font-size:.78rem}.voice-participant-card-v9 small{color:var(--muted);font-size:.58rem}.voice-participant-icons-v9{position:absolute;right:10px;bottom:10px;display:flex;gap:5px}.voice-participant-icons-v9 span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(0,0,0,.32);font-size:.62rem}.voice-video-v9{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.voice-video-v9+.voice-participant-overlay-v9{position:absolute;inset:auto 0 0;padding:40px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:white}
.voice-screen-stage-v9{position:absolute;inset:62px 0 72px;z-index:5;background:#030609}.voice-screen-stage-v9 video{width:100%;height:100%;object-fit:contain}.voice-screen-stage-v9 button{position:absolute;right:14px;top:14px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:rgba(0,0,0,.7);color:#fff;padding:8px 11px}
.voice-control-dock-v9{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--panel2) 90%,transparent)}.voice-control-v9{display:grid;place-items:center;gap:2px;min-width:62px;padding:8px 10px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text)}.voice-control-v9:disabled{opacity:.42;cursor:not-allowed}.voice-control-v9:not(:disabled):hover{background:var(--hover);transform:translateY(-1px)}.voice-control-v9.active{background:color-mix(in srgb,var(--accent) 20%,var(--surface));border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.voice-control-v9 span{font-size:.92rem}.voice-control-v9 small{font-size:.52rem}.voice-control-v9.leave{background:color-mix(in srgb,var(--danger) 22%,var(--surface));border-color:color-mix(in srgb,var(--danger) 42%,var(--border));color:#fff}
.voice-info-card-v9{margin-bottom:11px;padding:13px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.voice-quality-v9{display:flex;align-items:center;gap:9px;margin-top:10px}.voice-quality-v9 i{width:10px;height:10px;border-radius:50%;background:var(--muted)}.voice-quality-v9 i.online{background:var(--green);box-shadow:0 0 14px var(--green)}.voice-quality-v9 i.poor{background:var(--yellow)}.voice-quality-v9 b,.voice-quality-v9 small{display:block}.voice-quality-v9 b{font-size:.7rem}.voice-quality-v9 small{margin-top:3px;color:var(--muted);font-size:.55rem}.voice-card-head-v9{display:flex;align-items:center;justify-content:space-between;gap:10px}.voice-card-head-v9 b{font-size:.7rem}.voice-card-head-v9 span{color:var(--muted);font-size:.6rem}.voice-member-list-v9,.voice-activity-v9{display:grid;gap:7px;margin-top:10px}.voice-member-mini-v9,.voice-activity-row-v9{display:flex;align-items:center;gap:8px}.voice-member-mini-v9 .dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.voice-member-mini-v9 b,.voice-member-mini-v9 small,.voice-activity-row-v9 b,.voice-activity-row-v9 small{display:block}.voice-member-mini-v9 b,.voice-activity-row-v9 b{font-size:.62rem}.voice-member-mini-v9 small,.voice-activity-row-v9 small{color:var(--muted);font-size:.52rem}.voice-empty-mini-v9,.voice-loading-v9{padding:12px;color:var(--muted);font-size:.6rem;text-align:center}

/* Call modals and tones */
.call-modal-v9{backdrop-filter:blur(12px)}.incoming-call-card-v9{text-align:center;max-width:390px!important}.incoming-call-card-v9 h3{margin-top:9px;font-size:1.22rem}.incoming-call-card-v9 p{margin-top:6px;color:var(--muted)}.incoming-call-rings-v9,.outgoing-wave-v9{position:relative;display:grid;place-items:center;width:106px;height:106px;margin:0 auto 18px}.incoming-call-rings-v9 span,.outgoing-wave-v9 span{z-index:2;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--logo-ink,#04111a);font-weight:800;font-size:1rem}.incoming-call-rings-v9 i,.outgoing-wave-v9 i{position:absolute;inset:6px;border:2px solid var(--green);border-radius:50%;animation:incomingRingV9 1.6s infinite}.incoming-call-rings-v9 i:nth-child(2),.outgoing-wave-v9 i:nth-child(2){animation-delay:.4s}.incoming-call-rings-v9 i:nth-child(3),.outgoing-wave-v9 i:nth-child(3){animation-delay:.8s}.outgoing-wave-v9 i{border-color:var(--accent)}@keyframes incomingRingV9{0%{transform:scale(.7);opacity:0}35%{opacity:.8}100%{transform:scale(1.28);opacity:0}}.incoming-call-actions-v9{display:flex;justify-content:center;gap:12px;margin-top:20px}.incoming-call-actions-v9 button{min-width:120px;padding:11px 16px;border:0;border-radius:13px;color:white;font-weight:800}.incoming-call-actions-v9 .decline{background:var(--danger)}.incoming-call-actions-v9 .accept{background:var(--green);color:#04120d}.voice-input-meter-v9{height:9px;border-radius:999px;background:var(--surface);overflow:hidden}.voice-input-meter-v9 i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--yellow));transition:width .08s}

/* YouTube music */
.youtube-music-shell-v9{display:grid;grid-template-columns:230px minmax(0,1fr) 330px;min-height:660px;border:1px solid var(--border);border-radius:22px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}.youtube-library-v9,.youtube-player-column-v9{padding:15px;background:color-mix(in srgb,var(--panel2) 94%,transparent)}.youtube-library-v9{border-right:1px solid var(--border)}.youtube-player-column-v9{border-left:1px solid var(--border)}.youtube-brand-v9{display:flex;align-items:center;gap:10px;padding:5px 3px 15px;border-bottom:1px solid var(--border)}.youtube-brand-v9>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#ff0033;color:#fff;font-size:.9rem;box-shadow:0 0 24px rgba(255,0,51,.22)}.youtube-brand-v9 b,.youtube-brand-v9 small{display:block}.youtube-brand-v9 b{font-size:.76rem}.youtube-brand-v9 small{margin-top:3px;color:var(--muted);font-size:.55rem}.youtube-nav-v9{display:grid;gap:5px;margin-top:14px}.youtube-nav-v9 button{padding:10px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);text-align:left;font-size:.68rem}.youtube-nav-v9 button:hover,.youtube-nav-v9 button.active{background:var(--hover);color:var(--text)}.youtube-nav-v9 button.active{border-color:color-mix(in srgb,#ff0033 35%,var(--border));box-shadow:inset 3px 0 #ff0033}.youtube-new-playlist-v9{width:100%;margin:14px 0 8px;padding:9px;border:1px dashed var(--border);border-radius:10px;background:transparent;color:var(--text);font-size:.62rem}.youtube-playlist-list-v9{display:grid;gap:5px;max-height:230px;overflow:auto}.youtube-playlist-button-v9{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:0;border-radius:9px;background:transparent;color:var(--muted);text-align:left;font-size:.62rem}.youtube-playlist-button-v9:hover{background:var(--hover);color:var(--text)}.youtube-playlist-button-v9 span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--surface)}.youtube-now-card-v9{margin-top:14px}
.youtube-browser-v9{min-width:0;padding:16px;overflow:auto}.youtube-search-v9{position:sticky;top:0;z-index:2;background:var(--panel);padding-bottom:11px}.youtube-content-head-v9{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:13px}.youtube-content-head-v9 h3{font-size:.95rem}.youtube-content-head-v9 p{margin-top:4px;color:var(--muted);font-size:.62rem}.youtube-page-actions-v9{display:flex;gap:6px}.youtube-page-actions-v9 button{padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.57rem}.youtube-results-v9{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:12px}.youtube-track-card-v9{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:15px;background:var(--surface);transition:.18s}.youtube-track-card-v9:hover{transform:translateY(-2px);border-color:color-mix(in srgb,#ff0033 38%,var(--border));box-shadow:0 14px 28px rgba(0,0,0,.18)}.youtube-track-art-v9{position:relative;aspect-ratio:16/9;background:#05070a}.youtube-track-art-v9 img{width:100%;height:100%;object-fit:cover}.youtube-track-play-v9{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#ff0033;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.3)}.youtube-track-copy-v9{padding:10px}.youtube-track-copy b{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.68rem;line-height:1.35}.youtube-track-copy small{display:block;margin-top:5px;color:var(--muted);font-size:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.youtube-track-actions-v9{display:flex;gap:5px;padding:0 10px 10px}.youtube-track-actions-v9 button{flex:1;padding:6px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--muted);font-size:.52rem}.youtube-track-actions-v9 button:hover{background:var(--hover);color:var(--text)}.youtube-empty-v9{grid-column:1/-1;display:grid;place-items:center;align-content:center;gap:8px;min-height:380px;text-align:center;color:var(--muted)}.youtube-empty-v9>span{font-size:2rem;color:#ff0033}.youtube-empty-v9 b{color:var(--text)}.youtube-empty-v9 p{font-size:.65rem}
.youtube-player-shell-v9{aspect-ratio:16/9;min-height:200px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#000}.youtube-player-shell-v9 iframe{width:100%;height:100%}.youtube-player-actions-v9{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.youtube-player-actions-v9 button{padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-size:.57rem}.youtube-player-actions-v9 button:last-child{grid-column:1/-1}.youtube-player-actions-v9 button:disabled{opacity:.45}.youtube-queue-v9{margin-top:13px;padding-top:12px;border-top:1px solid var(--border)}.youtube-queue-v9 .voice-card-head-v9 button{border:0;background:transparent;color:var(--muted);font-size:.55rem}.youtube-queue-item-v9{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent)}.youtube-queue-item-v9 img{width:42px;height:25px;border-radius:6px;object-fit:cover}.youtube-queue-item-v9 b,.youtube-queue-item-v9 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-queue-item-v9 b{font-size:.58rem}.youtube-queue-item-v9 small{margin-top:2px;color:var(--muted);font-size:.49rem}.youtube-queue-item-v9 button{border:0;background:transparent;color:var(--muted)}.youtube-empty-queue-v9{padding:18px 6px;color:var(--muted);font-size:.58rem;text-align:center}.youtube-mini-art-v9{background:#ff0033!important;color:#fff!important}.youtube-playlist-picker-v9{display:grid;gap:7px;max-height:430px;overflow:auto}.youtube-playlist-picker-v9 button{display:flex;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);text-align:left}.youtube-playlist-picker-v9 button small{color:var(--muted)}

@media(max-width:1200px){.voice-discord-shell-v9{grid-template-columns:230px minmax(0,1fr)}.voice-info-rail-v9{display:none}.youtube-music-shell-v9{grid-template-columns:210px minmax(0,1fr)}.youtube-player-column-v9{grid-column:1/-1;border-left:0;border-top:1px solid var(--border);display:grid;grid-template-columns:minmax(280px,480px) 1fr;gap:14px}.youtube-player-actions-v9{align-content:start}.youtube-queue-v9{margin-top:0;padding:0;border:0}}
@media(max-width:900px){#view-messages.active,#view-voice.active{height:auto;min-height:0;overflow:visible}.voice-discord-shell-v9{grid-template-columns:1fr;min-height:720px}.voice-channel-rail-v9{border-right:0;border-bottom:1px solid var(--border);max-height:230px}.voice-room-list-v9{display:flex;overflow:auto}.voice-room-button-v9{min-width:180px}.voice-user-list-v9{display:none}.youtube-music-shell-v9{grid-template-columns:1fr}.youtube-library-v9{border-right:0;border-bottom:1px solid var(--border)}.youtube-nav-v9{grid-template-columns:repeat(4,1fr)}.youtube-nav-v9 button{text-align:center}.youtube-playlist-list-v9{display:flex;overflow:auto}.youtube-playlist-button-v9{min-width:150px}.youtube-player-column-v9{grid-column:auto;display:block}.youtube-queue-v9{margin-top:13px;padding-top:12px;border-top:1px solid var(--border)}}
@media(max-width:640px){.voice-control-dock-v9{overflow-x:auto;justify-content:flex-start}.voice-control-v9{min-width:58px}.voice-participant-grid-v9{grid-template-columns:1fr}.youtube-results-v9{grid-template-columns:1fr 1fr}.youtube-nav-v9{grid-template-columns:1fr 1fr}.youtube-content-head-v9{align-items:flex-start;flex-direction:column}.chat-header-tools #openVoiceTab{display:none}}