body.nbs-native-conference-open{overflow:hidden}
.nbs-native-conference{position:fixed;inset:0;z-index:2147483000;display:grid;grid-template-rows:auto 1fr auto;background:#08111f;color:#f8fafc;font-family:inherit;min-width:0;min-height:0}
.nbs-native-conference *{box-sizing:border-box}
.nbs-native-conference button,.nbs-native-conference select,.nbs-native-conference input{font:inherit}
.nbs-native-conference button{appearance:none;border:0}
.nbs-native-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;background:#0f172a;border-bottom:1px solid rgba(255,255,255,.1)}
.nbs-native-header>div:first-child{display:grid;gap:2px;min-width:0}.nbs-native-header strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nbs-native-header span{font-size:12px;color:#94a3b8}.nbs-native-header-actions{display:flex;gap:8px}
.nbs-native-header-button,.nbs-native-side-head button{width:40px;height:40px;border-radius:10px;background:#1e293b;color:#f8fafc;display:grid;place-items:center;cursor:pointer}.nbs-native-header-button:hover,.nbs-native-side-head button:hover{background:#334155}
.nbs-native-header-button svg,.nbs-native-control svg,.nbs-native-side-head svg,.nbs-native-person-state svg,.nbs-native-tile-state svg,.nbs-native-prejoin svg,.nbs-native-waiting-card>svg,.nbs-native-error-card>svg,.nbs-native-audio-unlock svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nbs-native-main{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:0;overflow:hidden}.nbs-native-stage{padding:14px;display:grid;gap:12px;align-content:center;justify-content:center;overflow:auto;min-width:0;min-height:0;background:#08111f}
.nbs-native-stage.is-grid-view{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));grid-auto-rows:minmax(180px,1fr)}
.nbs-native-stage.is-speaker-view{grid-template-columns:minmax(0,1fr) minmax(160px,240px);grid-auto-rows:minmax(120px,1fr)}.nbs-native-stage.is-speaker-view .nbs-native-tile:first-child{grid-row:1/span 4;min-height:420px}
.nbs-native-tile{position:relative;overflow:hidden;min-height:180px;border-radius:16px;background:#111827;border:1px solid rgba(255,255,255,.1);display:grid;place-items:center}.nbs-native-tile.has-video .nbs-native-avatar{display:none}.nbs-native-video{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.nbs-native-video video{width:100%;height:100%;object-fit:cover;background:#020617}.nbs-native-tile.is-screen-share .nbs-native-video video{object-fit:contain}
.nbs-native-avatar,.nbs-native-person-avatar{display:grid;place-items:center;border-radius:999px;background:#2563eb;color:white;font-weight:700}.nbs-native-avatar{width:76px;height:76px;font-size:28px}.nbs-native-person-avatar{width:38px;height:38px;font-size:14px;flex:0 0 auto}
.nbs-native-tile-meta{position:absolute;left:10px;bottom:10px;display:grid;gap:1px;background:rgba(2,6,23,.72);backdrop-filter:blur(6px);padding:6px 9px;border-radius:9px;max-width:calc(100% - 70px)}.nbs-native-tile-meta strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nbs-native-tile-meta small{font-weight:500;color:#cbd5e1}.nbs-native-tile-meta span{font-size:11px;color:#cbd5e1}.nbs-native-tile-state{position:absolute;right:10px;top:10px;display:flex;align-items:center;gap:6px}.nbs-native-tile-state span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(2,6,23,.74)}.nbs-native-tile-state svg{width:15px;height:15px}
.nbs-native-quality{display:block;width:10px;height:10px;border-radius:999px;background:#64748b;border:2px solid rgba(2,6,23,.7)}.nbs-native-quality.is-excellent{background:#22c55e}.nbs-native-quality.is-good{background:#84cc16}.nbs-native-quality.is-poor{background:#f59e0b}.nbs-native-quality.is-lost{background:#ef4444}
.nbs-native-sidebar{width:min(360px,38vw);background:#0f172a;border-left:1px solid rgba(255,255,255,.1);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.nbs-native-sidebar[hidden]{display:none}.nbs-native-side-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.nbs-native-side-head h2{font-size:16px;margin:0}.nbs-native-side-head button{width:34px;height:34px}.nbs-native-participant-list,.nbs-native-waiting-list{overflow:auto;padding:10px}.nbs-native-waiting-list{border-bottom:1px solid rgba(255,255,255,.1)}.nbs-native-waiting-list h3{display:flex;justify-content:space-between;font-size:13px;margin:4px 4px 10px;color:#f8fafc}.nbs-native-waiting-list h3 span{min-width:22px;height:22px;padding:0 6px;border-radius:99px;display:grid;place-items:center;background:#2563eb;font-size:11px}
.nbs-native-participant-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 6px;border-radius:10px}.nbs-native-participant-row:hover{background:rgba(255,255,255,.04)}.nbs-native-person{display:flex;align-items:center;gap:9px;min-width:0}.nbs-native-person>span:last-child{display:grid;min-width:0}.nbs-native-person strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nbs-native-person strong small{font-weight:500;color:#94a3b8}.nbs-native-person small{font-size:11px;color:#94a3b8}.nbs-native-person-state{display:flex;gap:4px;align-items:center;flex:0 0 auto}.nbs-native-person-state>svg{width:16px;height:16px;color:#f59e0b}.nbs-native-person-state .nbs-native-control{width:30px;height:30px}.nbs-native-person-state .nbs-native-control svg{width:15px;height:15px}
.nbs-native-controls{min-height:78px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;background:#0f172a;border-top:1px solid rgba(255,255,255,.1)}.nbs-native-controls[hidden]{display:none}.nbs-native-control{width:46px;height:46px;border-radius:13px;background:#1e293b;color:#f8fafc;display:grid;place-items:center;cursor:pointer;transition:.15s ease}.nbs-native-control:hover{background:#334155;transform:translateY(-1px)}.nbs-native-control.is-active{background:#2563eb}.nbs-native-control.is-danger{background:#b91c1c}.nbs-native-control.is-danger:hover{background:#dc2626}.nbs-native-share-policy{display:flex;align-items:center;gap:6px;padding:0 4px 0 10px;font-size:11px;color:#cbd5e1}.nbs-native-share-policy select,.nbs-native-device-panel select,.nbs-native-prejoin select{appearance:none;border:1px solid rgba(255,255,255,.14);background:#111827;color:#f8fafc;border-radius:10px;padding:9px 30px 9px 10px;min-height:40px}
.nbs-native-loading,.nbs-native-empty,.nbs-native-waiting-card,.nbs-native-error-card,.nbs-native-prejoin{width:min(560px,calc(100vw - 30px));justify-self:center;align-self:center;text-align:center}.nbs-native-loading{display:grid;place-items:center;gap:14px;color:#cbd5e1}.nbs-native-spinner{width:38px;height:38px;border:3px solid rgba(255,255,255,.18);border-top-color:#60a5fa;border-radius:50%;animation:nbs-native-spin .8s linear infinite}@keyframes nbs-native-spin{to{transform:rotate(360deg)}}
.nbs-native-waiting-card,.nbs-native-error-card,.nbs-native-prejoin{padding:28px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#111827;box-shadow:0 20px 70px rgba(0,0,0,.35)}.nbs-native-waiting-card>svg,.nbs-native-error-card>svg,.nbs-native-prejoin-icon svg{width:42px;height:42px;color:#60a5fa;margin-bottom:8px}.nbs-native-error-card>svg{color:#f87171}.nbs-native-waiting-card h2,.nbs-native-error-card h2,.nbs-native-prejoin h2{margin:6px 0 8px;font-size:22px}.nbs-native-waiting-card p,.nbs-native-error-card p,.nbs-native-prejoin p{margin:0 auto 20px;color:#94a3b8;line-height:1.55;max-width:460px}.nbs-native-waiting-card .nbs-secondary,.nbs-native-error-card .nbs-secondary,.nbs-native-prejoin .nbs-primary,.nbs-native-prejoin .nbs-secondary{border-radius:10px;padding:10px 15px;cursor:pointer}.nbs-native-prejoin .nbs-primary{background:#2563eb;color:#fff}.nbs-native-prejoin .nbs-secondary{background:#1e293b;color:#f8fafc}
.nbs-native-prejoin-toggles{display:flex;justify-content:center;gap:10px;margin:16px 0}.nbs-native-prejoin-toggles button{display:flex;align-items:center;gap:7px}.nbs-native-prejoin-toggles button.is-active{outline:2px solid #3b82f6}.nbs-native-prejoin-toggles svg{width:18px;height:18px}.nbs-native-device-grid,.nbs-native-device-panel{display:grid;gap:12px;text-align:left}.nbs-native-device-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:18px 0}.nbs-native-device-grid label,.nbs-native-device-panel label{display:grid;gap:5px}.nbs-native-device-grid label>span,.nbs-native-device-panel label>span{font-size:11px;color:#cbd5e1}.nbs-native-join-now{min-width:150px}
.nbs-native-device-panel{padding:14px;align-content:start;overflow:auto}.nbs-native-chat-list{padding:12px;overflow:auto;display:flex;flex-direction:column;gap:10px}.nbs-native-chat-message{padding:9px 10px;border-radius:12px;background:#111827;border:1px solid rgba(255,255,255,.07)}.nbs-native-chat-message>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.nbs-native-chat-message strong{font-size:12px}.nbs-native-chat-message small{font-size:10px;color:#94a3b8}.nbs-native-chat-message p{margin:5px 0 0;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.nbs-native-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:10px;border-top:1px solid rgba(255,255,255,.08)}.nbs-native-chat-form input{border:1px solid rgba(255,255,255,.14);background:#111827;color:#f8fafc;border-radius:10px;padding:9px 10px;min-width:0}.nbs-native-chat-form .nbs-primary{border-radius:10px;padding:9px 13px;background:#2563eb;color:#fff;cursor:pointer}
.nbs-native-notice{position:absolute;z-index:10;top:74px;left:50%;transform:translateX(-50%);max-width:min(560px,calc(100vw - 24px));padding:10px 14px;border-radius:10px;background:#7f1d1d;color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.3)}.nbs-native-audio-unlock{position:absolute;z-index:11;top:76px;right:18px;display:flex;align-items:center;gap:7px;border-radius:10px;padding:9px 12px;background:#f59e0b;color:#111827;cursor:pointer;font-weight:700}.nbs-native-audio-unlock svg{width:17px;height:17px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.nbs-native-main{position:relative}.nbs-native-sidebar{position:absolute;z-index:5;right:0;top:0;bottom:0;width:min(380px,92vw);box-shadow:-20px 0 40px rgba(0,0,0,.35)}.nbs-native-stage.is-speaker-view{grid-template-columns:1fr;grid-auto-rows:minmax(130px,auto)}.nbs-native-stage.is-speaker-view .nbs-native-tile:first-child{grid-row:auto;min-height:330px}.nbs-native-share-policy{display:none}}
@media(max-width:640px){.nbs-native-header{min-height:56px;padding:8px 10px}.nbs-native-header strong{font-size:14px}.nbs-native-stage{padding:8px;gap:8px}.nbs-native-stage.is-grid-view{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(140px,1fr)}.nbs-native-tile{min-height:140px;border-radius:12px}.nbs-native-avatar{width:54px;height:54px;font-size:20px}.nbs-native-tile-meta{left:6px;bottom:6px;padding:4px 6px;max-width:calc(100% - 45px)}.nbs-native-tile-meta strong{font-size:11px}.nbs-native-tile-meta span{display:none}.nbs-native-tile-state{right:6px;top:6px}.nbs-native-controls{min-height:66px;padding:7px 6px;gap:5px;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.nbs-native-control{width:42px;height:42px;flex:0 0 42px;border-radius:12px}.nbs-native-prejoin,.nbs-native-waiting-card,.nbs-native-error-card{padding:20px 14px}.nbs-native-device-grid{grid-template-columns:1fr}.nbs-native-audio-unlock{right:10px;top:64px}}
