:root{--bg:#0d1111;--side:#121a15;--panel:#16201a;--panel2:#1c2821;--border:#2b3a32;--text:#f6f5f3;--muted:#9cacb3;--subtle:#6c7d73;--brand:#38d169;--brandsoft:#a7f3c2;--green:#68d391;--red:#fb7185;--radius:16px}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brandsoft);outline-offset:2px}.hidden{display:none!important}.icons{position:absolute;width:0;height:0;overflow:hidden}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}svg use{pointer-events:none}.icons symbol{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.layout{display:flex;min-height:100vh;min-height:100dvh}.sidebar{width:262px;min-width:262px;background:var(--side);border-right:1px solid #2d3039;display:flex;flex-direction:column;padding:26px 15px 17px}.brand{display:flex;align-items:center;gap:12px;padding:0 9px;margin-bottom:56px}.brand-mark{position:relative;background:var(--brand);color:#19161a;width:45px;height:45px;display:grid;place-items:center;font-size:27px;letter-spacing:-2px;font-weight:950;border-radius:14px}.brand-ping{position:absolute;top:-2px;right:-2px;border:3px solid var(--side);background:#fff;width:11px;height:11px;border-radius:100%}.brand strong{display:block;font-size:23px;letter-spacing:-1.1px;font-weight:850;line-height:1}.period{color:var(--brand)}.brand small{display:block;font-size:8px;letter-spacing:1.8px;color:var(--subtle);font-weight:800;margin-top:8px}.side-heading{font-size:10px;font-weight:850;letter-spacing:1.7px;color:#7f8695;padding:0 12px;margin-bottom:14px;display:flex;justify-content:space-between}.side-dash{width:11px;height:2px;background:var(--brand);margin-top:6px}.room-item{height:44px;display:flex;align-items:center;gap:13px;padding:0 14px;border-radius:9px;font-weight:760;color:#f6e1d8;background:#1e382a;border-left:2px solid var(--brand)}.hash{color:var(--brand);font-size:24px;font-weight:500}.room-current{margin-left:auto;height:6px;width:6px;border-radius:50%;background:var(--brand)}.side-members{margin-top:39px}.count{color:#c9cdd5;font-size:10px;background:#292c35;border-radius:5px;padding:2px 8px;letter-spacing:0}.participants{overflow-y:auto;flex:1}.empty-participants{color:#737b8a;font-size:12px;line-height:1.7;padding:0 11px}.person{display:flex;align-items:center;gap:11px;padding:10px;border-radius:9px;min-height:51px}.person-avatar,.identity-avatar,.voice-avatar,.msg-avatar{background:#363b4a;color:#e6e7f1;border-radius:14px;display:grid;place-items:center;font-weight:800;flex-shrink:0;position:relative}.person-avatar{width:31px;height:31px;border-radius:11px;font-size:12px;transition:box-shadow .18s}.person-name{font-size:13px;color:#c8cbd4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:115px}.person-flag,.person-muted{font-size:10px;margin-left:auto;color:#9fa6b4;flex-shrink:0}.person-flag{color:var(--brandsoft)}.person-muted{color:var(--red)}.person.speaking .person-avatar{box-shadow:0 0 0 2px var(--green),0 0 14px #68d2a240}.person.speaking .person-name{color:#fff}.side-bottom{border:1px solid #323640;background:#1d2028;padding:13px;display:flex;align-items:center;gap:10px;border-radius:11px}.secure-dot{height:8px;width:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #68d2a218;flex-shrink:0}.side-bottom strong{display:block;font-size:11px;font-weight:700}.side-bottom small{display:block;color:var(--muted);margin-top:4px;font-size:10px}.main-panel{flex:1;display:flex;flex-direction:column;min-width:0;min-height:100vh;min-height:100dvh}.topbar{height:76px;flex-shrink:0;border-bottom:1px solid #2d3038;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.room-heading{display:flex;gap:12px;align-items:center}.room-heading strong{display:block;font-size:17px}.room-heading small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.top-actions{display:flex;align-items:center;gap:16px}.status-pill{color:#a4abb8;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700}.status-dot{height:7px;width:7px;background:#737987;border-radius:50%}.status-pill.connected .status-dot{background:var(--green)}.status-pill.connecting .status-dot{background:#e2c578;animation:pulse 1.3s infinite}.top-button,.button-secondary,.button-subtle{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:#23252d;border-radius:9px;color:#f1f1f4;padding:10px 14px;font-weight:730;font-size:12px}.top-button svg,.button-secondary svg,.button-subtle svg{width:16px;height:16px}.top-button:hover,.button-secondary:hover,.button-subtle:hover{background:#30313a}.room-area{flex:1;display:flex;min-height:0}.welcome{margin:auto;text-align:center;padding:40px 20px 45px;max-width:710px;width:100%}.welcome-tag{font-size:10px;display:inline-flex;align-items:center;gap:10px;color:var(--brandsoft);background:#352722;border:1px solid #264833;padding:10px 14px;border-radius:30px;letter-spacing:1.2px;font-weight:800}.welcome-tag .secure-dot{background:var(--brand);box-shadow:none;height:6px;width:6px}.welcome-icon{height:106px;width:106px;position:relative;display:grid;place-items:center;margin:29px auto 21px}.welcome-icon span{display:grid;place-items:center;border:2px solid #38d169;border-radius:28px;height:81px;width:81px;background:#392820;font-weight:900;font-size:47px;color:var(--brand);position:relative;z-index:2;transform:rotate(-4deg)}.welcome-icon i{position:absolute;inset:1px;border:1px solid #254330;border-radius:50%}.welcome-icon i:last-child{inset:-14px;border-color:#332822}.welcome h1{font-size:clamp(34px,4.1vw,56px);line-height:1.12;letter-spacing:-2.9px;margin:8px 0 16px;font-weight:860}.welcome em{font-style:normal;color:var(--brand)}.welcome>p{font-size:14px;max-width:440px;line-height:1.8;color:var(--muted);margin:0 auto 28px}.welcome-form{border:1px solid var(--border);background:#1a1c22;max-width:440px;margin:0 auto;text-align:left;border-radius:17px;padding:21px 24px 19px;box-shadow:0 20px 45px #00000019}.welcome-form label,.dialog label,.chat-form label{display:block;color:#aeb4c2;font-size:10px;letter-spacing:1.2px;font-weight:800;margin-bottom:9px}.welcome-form input,.dialog .copy-row input{width:100%;border:1px solid #363945;background:#11141a;border-radius:8px;color:#f5f6f8;padding:13px 14px;outline:none}.welcome-form input:focus,.dialog .copy-row input:focus{border-color:var(--brand)}.code-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:17px 0}.code-row span{font-size:9px;font-weight:780;letter-spacing:1.3px;color:var(--subtle);display:block}.code-row strong{display:block;margin-top:7px;font-family:ui-monospace,monospace;color:#c9ced7;font-size:12px;overflow:hidden;text-overflow:ellipsis;max-width:190px}.code-row button{white-space:nowrap;font-size:11px;padding:9px 10px}.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--brand);border:1px solid var(--brand);color:#211719;border-radius:9px;font-weight:850;padding:12px 16px;font-size:12px}.button-primary:hover{background:#65eba0}.button-primary svg{width:17px;height:17px}.welcome-form>.button-primary{width:100%;padding:14px}.welcome-form>small{display:block;text-align:center;color:var(--subtle);font-size:10px;margin-top:15px;line-height:1.7}.conference{height:100%;min-height:0;min-width:0;display:flex;flex:1}.call-stage{flex:1;min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;padding:25px 27px;overflow:auto}.stage-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.kicker,.chat-kicker{font-size:9px;letter-spacing:1.6px;color:var(--brand);font-weight:860}.stage-head h2{font-size:22px;margin:8px 0 0;letter-spacing:-.5px}.stage-head h2 span{font-size:13px;color:var(--muted);padding-left:4px}.live-indicator{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:1.1px;color:#94beab;font-weight:800;background:#213329;border:1px solid #284332;padding:9px 10px;border-radius:20px}.live-indicator span{height:6px;width:6px;background:var(--green);border-radius:50%}.call-empty{text-align:center;display:flex;flex-direction:column;align-items:center;padding:15px 10px 7px}.empty-illustration{height:140px;width:140px;display:grid;place-items:center;position:relative;margin-bottom:3px}.orbit{position:absolute;border:1px solid #3e3636;border-radius:50%;inset:9px}.orbit-two{inset:-5px;border-color:#302a2a}.empty-center{width:82px;height:82px;border-radius:25px;display:grid;place-items:center;background:#29252a;border:1px solid #28503a;color:var(--brand)}.empty-center svg{height:40px;width:40px}.call-empty h3{font-size:21px;letter-spacing:-.45px;margin:9px 0}.call-empty p{max-width:380px;font-size:12px;line-height:1.7;color:var(--muted);margin:2px 0 18px}.call-empty .button-secondary{padding:10px 14px}.voice-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:17px 0 15px}.voice-card{background:#1d2028;border:1px solid #323640;min-height:114px;border-radius:13px;padding:16px 14px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;transition:border-color .2s,box-shadow .2s}.voice-card.speaking{border-color:var(--green);box-shadow:0 0 0 1px #68d2a226,0 0 18px #68d2a21d}.voice-avatar{height:47px;width:47px;border-radius:15px;font-size:21px;transition:box-shadow .2s}.voice-card.speaking .voice-avatar{box-shadow:0 0 0 4px #68d2a239}.voice-name{font-size:12px;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.voice-state{font-size:10px;color:#8d96a6}.voice-card.speaking .voice-state{color:var(--green)}.voice-eq{display:flex;align-items:center;gap:2px;height:12px}.voice-eq i{height:3px;width:3px;background:#626c7c;border-radius:3px}.speaking .voice-eq i{background:var(--green);animation:eq .55s ease-in-out infinite alternate}.speaking .voice-eq i:nth-child(2){animation-delay:.13s}.speaking .voice-eq i:nth-child(3){animation-delay:.27s}.speaking .voice-eq i:nth-child(4){animation-delay:.07s}.stream-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.screen-tile{border:1px solid #393e48;border-radius:14px;background:#06090d;overflow:hidden;position:relative;aspect-ratio:16/9;min-height:190px}.screen-tile video{height:100%;width:100%;object-fit:contain;display:block}.screen-overlay{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#05070de8);padding:25px 13px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.screen-label{font-size:11px;font-weight:770;text-shadow:0 1px 3px #000}.tile-tools{display:flex;gap:7px;align-items:center}.tile-tools button{color:white;background:#30333aeb;border:1px solid #585960;border-radius:7px;width:30px;height:30px;display:grid;place-items:center}.tile-tools button:hover{background:#474950}.tile-tools button svg{height:15px;width:15px}.tile-tools input[type=range]{accent-color:var(--brand);width:70px;height:6px}.tile-status{position:absolute;top:10px;left:10px;border-radius:7px;padding:6px 8px;background:#171a20bd;font-size:9px;font-weight:800;letter-spacing:.5px;color:#d9dfeb}.audio-unlock{position:sticky;bottom:8px;z-index:3;background:var(--brand);color:#151515;border:0;border-radius:8px;padding:10px 15px;align-self:center;font-size:12px;font-weight:820;display:flex;align-items:center;gap:8px}.audio-host{position:absolute;height:0;width:0;overflow:hidden}.chat-panel{width:338px;flex-shrink:0;border-left:1px solid var(--border);background:#171920;min-height:0;display:flex;flex-direction:column}.chat-heading{height:99px;flex-shrink:0;padding:19px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start}.chat-heading strong{display:block;font-size:16px;margin:7px 0 3px}.chat-heading small{color:var(--subtle);font-size:10px}.icon-btn{background:#292c35;border:1px solid #383b44;color:#b6bdc9;height:31px;width:31px;border-radius:8px;display:grid;place-items:center}.icon-btn svg{width:15px;height:15px}.chat-messages{overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;padding:21px 16px}.chat-empty{margin:auto 0;text-align:center;color:#9a9fad;font-size:12px;line-height:1.75;padding:20px}.chat-empty svg{display:block;margin:0 auto 12px;width:31px;height:31px;color:#65eba0}.chat-empty strong{display:block;color:#e5e2e0;margin-bottom:7px;font-size:14px}.chat-msg{display:flex;gap:10px;min-width:0;align-items:flex-start}.chat-msg.self{flex-direction:row-reverse}.msg-avatar{height:30px;width:30px;border-radius:10px;font-size:11px;background:#363947}.chat-msg.self .msg-avatar{background:#294b37;color:#dcfce7}.msg-body{min-width:0;max-width:calc(100% - 41px)}.msg-info{display:flex;align-items:baseline;gap:8px;margin:0 0 5px}.chat-msg.self .msg-info{justify-content:flex-end}.msg-info strong{font-size:11px;color:#e3e5eb}.msg-info time{color:#697280;font-size:9px}.chat-msg p{margin:0;background:#242832;border:1px solid #323742;border-radius:3px 10px 10px 10px;color:#e1e5ec;font-size:12px;padding:10px 11px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.chat-msg.self p{border-radius:10px 3px 10px 10px;background:#213e2d;border-color:#31563d}.chat-form{border-top:1px solid var(--border);padding:15px 14px;flex-shrink:0}.chat-form label{font-size:9px}.chat-input-wrap{display:flex;gap:8px;background:#11141a;border:1px solid #373b46;border-radius:10px;padding:6px}.chat-input-wrap:focus-within{border-color:var(--brand)}.chat-input-wrap input{min-width:0;flex:1;background:transparent;border:0;color:white;font-size:12px;padding:8px 6px;outline:none}.chat-input-wrap button{background:var(--brand);color:#181312;border:0;border-radius:8px;width:34px;display:grid;place-items:center}.chat-input-wrap button svg{height:16px;width:16px}.chat-form>small{display:block;color:#606979;font-size:10px;margin-top:7px}.controlbar{height:90px;flex-shrink:0;border-top:1px solid var(--border);background:#191b21;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px}.identity{display:flex;align-items:center;gap:11px;min-width:178px}.identity-avatar{height:39px;width:39px;background:#4a3836;color:#dcfce7}.identity strong{display:block;font-size:12px}.identity small{display:block;margin-top:6px;color:var(--subtle);font-size:10px}.controls{display:flex;align-items:center;gap:6px}.control-button{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;min-width:76px;height:63px;color:#a8adbb;background:none;border:0;border-radius:10px;padding:8px 9px}.control-button:hover:not(:disabled){background:#2b2d36;color:white}.control-button svg{height:20px;width:20px}.control-button span{font-size:10px;font-weight:650;white-space:nowrap}.control-button.active{color:var(--red)}.control-button.sharing{color:var(--green)}.control-button.hangup{background:#48252f;color:#ff91a2;min-width:64px}.control-button.hangup:hover:not(:disabled){background:#63303c}.separator{width:1px;height:28px;background:#333742;margin:0 3px}.footer-summary{display:flex;align-items:center;gap:6px;min-width:110px;font-size:11px;color:#8b92a1;justify-content:flex-end}.footer-summary svg{height:16px;width:16px}.unread{background:var(--brand);color:#151515;border-radius:15px;display:inline-grid;place-items:center;font-size:9px;min-width:16px;padding:0 4px;margin-left:2px}.dialog-backdrop{position:fixed;inset:0;z-index:20;background:#000a;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(7px)}.dialog{background:#1c1f26;border:1px solid #40444e;border-radius:17px;padding:24px;width:min(96vw,455px);box-shadow:0 30px 100px #0008}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.dialog h2{font-size:21px;margin:0;letter-spacing:-.6px}.dialog p{color:#a1a7b3;font-size:12px;line-height:1.8;margin:4px 0 22px}.copy-row{display:flex;gap:9px}.copy-row input{min-width:0;font-size:11px}.settings-dialog{max-width:465px;max-height:calc(100vh - 38px);display:flex;flex-direction:column}.settings-dialog .dialog-heading .kicker{display:block;margin-bottom:8px}.settings-scroll{overflow-y:auto;min-height:0;padding-right:6px}.settings-scroll h3{font-size:12px;letter-spacing:.2px;margin:24px 0 15px;color:#fff}.settings-scroll h3:first-child{margin-top:8px}.setting-line{display:flex;align-items:center;justify-content:space-between;color:#b4bbca;font-size:12px;margin:10px 0 8px}.setting-line label{font-size:12px;letter-spacing:0;margin:0;color:#b4bbca;font-weight:550}.setting-line output{color:var(--brandsoft);font-size:11px}.settings-scroll input[type=range]{width:100%;accent-color:var(--brand)}.check-line{display:flex!important;align-items:center;gap:9px;font-size:12px!important;letter-spacing:0!important;text-transform:none;color:#c8cdd6!important;margin:17px 0 0!important;font-weight:600!important}.check-line input{accent-color:var(--brand);height:16px;width:16px}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setting-grid label{display:flex;flex-direction:column;gap:8px;margin:0;color:#b9beca;font-size:11px;letter-spacing:0;font-weight:600}.setting-grid label.span-2{grid-column:span 2}.setting-grid select{appearance:auto;background:#11141b;border:1px solid #3a3e4a;border-radius:8px;padding:11px;color:#eee;min-width:0}.dialog .setting-help{font-size:11px;color:#777f90;margin:15px 0;line-height:1.7}.dialog-footer{margin-top:12px;padding-top:14px;border-top:1px solid #30333d;display:flex;justify-content:flex-end}.toast{position:fixed;bottom:104px;left:50%;transform:translateX(-50%);max-width:min(90vw,480px);z-index:100;padding:13px 18px;border-radius:9px;background:#32343f;border:1px solid #565864;color:#fff;box-shadow:0 10px 40px #0008;text-align:center;font-size:12px;line-height:1.5}
@keyframes eq{from{height:3px}to{height:12px}}@keyframes pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:1280px){.sidebar{width:220px;min-width:220px}.chat-panel{width:310px}.footer-summary{display:none}.controlbar{padding:0 12px}.identity{min-width:130px}}
@media(max-width:1000px){.sidebar{width:188px;min-width:188px}.brand small{font-size:7px}.chat-panel{width:270px}.topbar{padding:0 16px}.control-button{min-width:59px}.control-button span{font-size:9px}.call-stage{padding:18px 16px}}
@media(max-width:780px){.sidebar{display:none}.topbar{height:62px}.room-heading strong{font-size:15px}.room-heading small{font-size:10px}.room-area{min-height:0}.conference{flex-direction:column}.chat-panel{width:100%;max-height:45vh;border-left:0;border-top:1px solid var(--border);flex:1;min-height:190px}.call-stage{min-height:220px}.call-empty{padding:0}.call-empty .empty-illustration{height:95px;width:95px}.call-empty .empty-center{height:57px;width:57px;border-radius:17px}.call-empty .empty-center svg{width:28px;height:28px}.call-empty h3{font-size:17px}.call-empty p{font-size:11px}.voice-cards{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.voice-card{min-height:96px}.controlbar{height:83px}.controls{margin:auto}.identity{display:none}.control-button{min-width:48px;padding:5px}.control-button span{font-size:9px}.separator{margin:0}.toast{bottom:95px}}
@media(max-width:490px){.topbar{padding:0 12px}.status-pill{font-size:0}.status-pill .status-dot{width:8px;height:8px}.top-actions{gap:11px}.top-button{padding:9px 10px}.top-button span{display:none}.welcome{padding:25px 12px}.welcome h1{letter-spacing:-1.8px}.welcome-form{padding:17px}.stream-grid{grid-template-columns:1fr}.screen-tile{min-height:170px}.stage-head h2{font-size:18px}.live-indicator{font-size:8px}.controls{gap:1px}.control-button{min-width:46px}.control-button span{font-size:8px}.control-button svg{height:19px}.controlbar{padding:0 4px}.setting-grid{grid-template-columns:1fr}.setting-grid label.span-2{grid-column:span 1}}

/* Rumble 3.1: volume/mute individual e diagnóstico de mídia */
.voice-card{min-height:152px;justify-content:flex-start}
.voice-card .voice-eq{flex-shrink:0}
.member-sound{display:flex;align-items:center;width:100%;gap:7px;margin-top:5px;padding:6px 2px 1px;border-top:1px solid #343944}
.member-mute{height:25px;width:25px;min-width:25px;display:grid;place-items:center;cursor:pointer;border:1px solid #404657;background:#252a34;color:#d6dce6;border-radius:7px}
.member-mute.is-muted{color:#ff9498;border-color:#784251}
.member-mute svg{width:14px;height:14px}
.member-volume{width:100%;min-width:20px;flex:1;height:18px;cursor:pointer;accent-color:var(--brand)}
.member-volume-output{font-size:10px;color:#d3d5df;min-width:34px;text-align:right;font-variant-numeric:tabular-nums}
.call-health{margin:2px 0 14px;padding:9px 12px;display:flex;align-items:center;gap:9px;border:1px solid #353b48;border-radius:9px;background:#21252e;color:#9da8b7;font-size:11px;line-height:1.5}
.call-health .health-light{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#70d8a0}
.call-health .health-message{flex:1}
.call-health.health-error{border-color:#8f4e51;background:#37272d;color:#ffbdbe}
.call-health.health-error .health-light{background:#f18e8e}
.health-retry{cursor:pointer;background:#37cb69;border:0;color:#1c1412;font-size:11px;font-weight:700;padding:7px 11px;border-radius:7px}
@media(max-width:490px){.voice-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.member-sound{gap:10px}.call-health{flex-wrap:wrap}}

/* Rumble v4 — atividades, efeitos sonoros e diagnóstico TURN */
.event-toggle{height:34px;width:34px;border:1px solid #3b3f4a;background:#252832;color:#e2c2b8;display:grid;place-items:center;border-radius:10px;transition:background .15s,color .15s}
.event-toggle svg{height:17px;width:17px}.event-toggle:hover{background:#37303a}.event-toggle.is-muted{color:#7f8695}
.room-activity{display:flex;align-items:center;gap:9px;min-width:0;background:#1d2028;border:1px solid #30343d;border-radius:11px;padding:9px 13px;margin:0 0 15px;color:#a6aebc;font-size:11px}
.room-activity.has-activity{border-color:#2c543c;color:#b6efce}
.activity-led{height:7px;width:7px;border-radius:50%;background:#66d5a1;flex-shrink:0;box-shadow:0 0 0 4px #66d5a115}
#activityText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.turn-chip{font-weight:740;white-space:nowrap;font-size:10px;color:#78dab0;background:#264035;padding:5px 8px;border-radius:20px}
.turn-chip[data-mode="stun"],.turn-chip[data-mode="pending"]{background:#32343f;color:#b8aab0}
.turn-chip[data-mode="error"]{background:#4b3038;color:#ff9fab}
.effect-test{display:flex;align-items:center;gap:12px}.effect-test input{min-width:0;flex:1}
.effect-test-button{border:1px solid #436851;background:#372f32;color:#dcfce7;border-radius:8px;font-size:11px;font-weight:700;padding:9px 11px;white-space:nowrap}
.effect-test-button:hover{background:#4b3735}
@media(max-width:500px){.room-activity{gap:6px;padding:8px 9px;font-size:10px}.turn-chip{font-size:9px}.event-toggle{width:31px;height:31px}}

/* Rumble v4.2: always feature shared screens above voice controls. */
.stream-grid:not(:empty){margin:10px 0 8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr))}
.stream-grid:not(:empty) .screen-tile{min-height:260px;aspect-ratio:16/9}
@media(max-width:590px){.stream-grid:not(:empty){grid-template-columns:1fr}.stream-grid:not(:empty) .screen-tile{min-height:170px}}

.app-version{font-size:9px;color:#757f8f;font-weight:700;margin-left:9px}

/* Rumble v5.0 — more air, less dashboard, contextual lives and advertisements */
:root{--brand:#38d169;--side:#14161d;--panel:#1a1d25;--bg:#101219}
.sidebar{padding-top:22px;gap:0}
.brand{margin-bottom:34px}
.ad-rail-label{display:flex;justify-content:space-between;align-items:center;letter-spacing:1.8px;font-size:9px;color:#848d9c;font-weight:800;padding:0 9px;margin-bottom:12px}
.ad-rail-label span{font-size:9px;letter-spacing:.4px;color:#6e7686;background:#242832;padding:5px 7px;border-radius:5px}
.ad-rail{display:grid;gap:10px;padding:0 2px 8px}
.ad-slot{position:relative;display:flex;flex-direction:column;isolation:isolate;gap:8px;overflow:hidden;border:1px solid #39404e;border-radius:13px;text-decoration:none;color:#f9f3ed;padding:19px 14px;min-height:174px;background:linear-gradient(130deg,#1d3527 0%,#26262c 61%,#1a1c25 100%)}
.ad-slot::after{content:'';position:absolute;inset:auto -44px -90px auto;width:155px;height:155px;border-radius:50%;background:#38d16924;z-index:-1;pointer-events:none}
.ad-slot-primary .ad-art{height:23px;display:flex;gap:5px;align-items:center}
.ad-art i{width:14px;height:19px;background:#38d169;border-radius:4px 4px 8px 4px;transform:rotate(-24deg)}
.ad-art i+i{height:12px;background:#c5efd4;transform:rotate(23deg)}
.ad-tag{font-size:8px;letter-spacing:1.2px;font-weight:800;color:#a7e5ba;position:relative}
.ad-slot strong{font-size:17px;line-height:1.22;letter-spacing:-.5px;max-width:185px;position:relative}
.ad-slot small{font-size:10px;line-height:1.45;color:#c9afb0;position:relative}
.ad-cta{font-size:9px;letter-spacing:.3px;font-weight:750;color:#e2ffed;margin-top:auto;position:relative}
.ad-slot-secondary{min-height:95px;background:linear-gradient(145deg,#212e34,#1c212b);gap:7px;padding:14px}
.ad-slot-secondary strong{font-size:12px;line-height:1.25;letter-spacing:0}
.ad-slot-secondary small{color:#9cabb6}
.ad-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;z-index:-2}
.side-members{margin-top:28px}
.participants{min-height:65px}
.side-bottom{margin-top:8px}
.topbar{height:72px;background:#171a22}
.controlbar{background:#171a22}
.call-stage{max-width:1320px;width:100%;margin:0 auto;padding:20px 26px}
.stage-head{margin-bottom:18px}
.call-empty{min-height:120px;display:flex;align-items:center;justify-content:flex-start;gap:15px;padding:15px 18px!important;background:#20242e;border:1px dashed #3c4452;border-radius:14px;text-align:left}
.call-empty .empty-center{width:46px;height:46px;min-width:46px;border-radius:12px;background:#263c30;display:grid;place-items:center;color:#65eba0;box-shadow:none}
.call-empty .empty-center svg{width:24px;height:24px}
.call-empty h3{margin:0 0 7px;font-size:14px;letter-spacing:-.15px}
.call-empty p{max-width:none;margin:0;font-size:11px;line-height:1.6;color:#aab1bd}
.call-empty .button-secondary{margin-left:auto;white-space:nowrap}
.call-empty .empty-illustration{display:none}
.voice-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,205px));gap:13px;align-content:start}
.voice-card{min-height:154px;background:#222630;border:1px solid #323946;border-radius:14px;padding:14px;transition:border-color .2s,transform .2s;justify-content:flex-start;position:relative;overflow:hidden}
.voice-card.speaking{border-color:#5eb88c;box-shadow:inset 0 0 0 1px #5eb88c48,0 0 20px #5eb88c13}
.voice-card.is-live{border-color:#35ad6b}
.voice-card .voice-avatar{height:45px;width:45px}
.voice-live-preview{position:relative;display:block;width:100%;height:90px;border:1px solid #3f7250;border-radius:8px;overflow:hidden;background:repeating-linear-gradient(25deg,#27272e 0 8px,#343039 8px 16px);padding:0;margin-bottom:12px}
.voice-live-preview video{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;pointer-events:none}
.voice-live-preview span{position:absolute;bottom:4px;left:5px;right:5px;background:#15141acc;color:#d1fae5;font-size:9px;letter-spacing:.8px;font-weight:850;padding:6px 7px;border-radius:5px}
.voice-live-preview:focus-visible{outline:2px solid var(--brand)}
.voice-card.is-live .voice-avatar{display:none}
.stream-viewer{background:#191c24;border:1px solid #363c49;border-radius:15px;padding:12px;margin-bottom:18px}
.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 6px 12px}
.viewer-header strong{display:block;margin-top:4px;font-size:13px}
.viewer-actions{display:flex;align-items:center;gap:8px}
.viewer-actions .button-subtle{font-size:11px;padding:8px 11px;border:1px solid #424754;border-radius:8px;background:#272b35;color:#ddd}
.stream-viewer .stream-grid{margin:0!important;display:block}
.stream-viewer .screen-tile{width:100%;aspect-ratio:16/9;max-height:60vh;min-height:220px}
.floating-viewer-dialog{background:#1c2028;border:1px solid #525763;box-shadow:0 30px 100px #000c;border-radius:16px;padding:12px;width:min(94vw,1150px);max-height:94vh;display:flex;flex-direction:column}
.floating-video-host{min-height:180px;overflow:auto}
.floating-video-host .screen-tile{width:100%;min-height:280px;aspect-ratio:16/9;max-height:75vh}
.floating-viewer-dialog:fullscreen,.stream-viewer:fullscreen{width:100vw;height:100vh;max-height:none;border:0;border-radius:0;background:#090b10}
.floating-viewer-dialog:fullscreen .screen-tile,.stream-viewer:fullscreen .screen-tile{max-height:calc(100vh - 70px);height:calc(100vh - 70px)}
.dialog.create-room-dialog{width:min(95vw,480px)}
.create-room-dialog>label{display:block;font-size:10px;letter-spacing:1.3px;font-weight:800;color:#c3c6d1;margin:17px 0 8px}
.create-room-dialog>input,.create-room-dialog>select{width:100%;background:#10131a;border:1px solid #3e4451;border-radius:9px;padding:12px;color:#f7f7f7}
.custom-url-row{display:flex;align-items:center;overflow:hidden;border:1px solid #434956;background:#10131a;border-radius:9px}
.custom-url-row span{padding:12px;border-right:1px solid #343945;font-size:12px;color:#949dac;white-space:nowrap}
.custom-url-row input{flex:1;min-width:0;border:0;background:transparent;padding:12px;color:white;outline:0}
.create-room-dialog .field-hint{display:block;color:#818b9a;font-size:10px;line-height:1.5;margin-top:8px}
.create-room-dialog .capacity-note{font-size:11px;color:#bfe5cd;background:#2f5d392e;border:1px solid #4383556b;padding:11px;border-radius:9px;margin:16px 0}
.create-room-dialog .dialog-footer{margin-top:16px}
.device-toolbar{display:flex;align-items:center;gap:11px;justify-content:space-between;margin-bottom:12px}
.device-toolbar span{font-size:11px;color:#8995a5}
.device-toolbar button{font-size:10px;background:#2a303a;border:1px solid #4b5260;color:#eee;padding:7px 10px;border-radius:8px}
.settings-scroll select{width:100%;color:#eee}
@media(max-width:1250px){.sidebar{width:225px;min-width:225px}.ad-slot strong{font-size:15px}.ad-slot{min-height:154px}.ad-slot-secondary{min-height:95px}.call-stage{padding:16px}}
@media(max-width:780px){.voice-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.call-stage{padding:14px}.call-empty{padding:13px!important}.call-empty .button-secondary{padding:9px}.stream-viewer .screen-tile{min-height:170px}}
@media(max-width:500px){.voice-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.voice-card{padding:9px}.voice-live-preview{height:72px}.voice-card .voice-name{font-size:11px}.call-empty{flex-wrap:wrap}.call-empty .button-secondary{margin:0}.floating-viewer-dialog{padding:7px}.floating-video-host .screen-tile{min-height:155px}.device-toolbar{align-items:start}.stream-viewer .screen-tile{min-height:155px}}
.mobile-ad{display:none}
@media(max-width:780px){.mobile-ad{display:flex;gap:8px;align-items:center;background:linear-gradient(100deg,#3b2c2c,#27242d);border-bottom:1px solid #53433f;padding:9px 15px;text-decoration:none;color:#fff;min-height:52px}.mobile-ad span{font-size:8px;letter-spacing:1.1px;color:#c5efd4;font-weight:850}.mobile-ad strong{font-size:11px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-ad small{font-size:9px;color:#aeb5bf}}
@media(max-width:470px){.mobile-ad small{display:none}}


/* nerdcall v6 overrides */
.brand-mark{color:#08110a}.brand-ping{background:#d1fae5}.room-item,.button-primary{color:#08110a}.button-primary:hover{background:#4ade80}.welcome-tag{color:#a7f3c2;background:#183125;border-color:#274834}.welcome-tag .secure-dot{background:var(--brand)}.welcome-icon span{border-color:#2c7c49;background:#163122;color:#8ef5b7}.welcome-icon i{border-color:#24553a}.welcome-icon i:last-child{border-color:#1d3d2d}.participants-clean{margin-top:24px;min-height:18px}.side-bottom-clean{margin-top:auto;background:#18221c;border-color:#2c3a31}.field-optional{font-weight:600;letter-spacing:0;color:var(--subtle);font-size:10px}.welcome-actions-row{display:flex;gap:10px;margin:16px 0}.welcome-actions-row .button-subtle{flex:1}.welcome-form input[type=password]{margin-top:0}.settings-intro{background:#15221b;border:1px solid #284133;border-radius:12px;padding:12px 14px;margin-bottom:16px}.settings-intro strong{display:block;font-size:12px;margin-bottom:6px}.settings-intro small{display:block;color:#afbac2;line-height:1.6}.settings-advanced{margin-top:16px;border:1px solid #2d3b33;border-radius:12px;background:#141d18}.settings-advanced summary{cursor:pointer;list-style:none;padding:12px 14px;font-size:12px;font-weight:700;color:#d7efe0}.settings-advanced summary::-webkit-details-marker{display:none}.settings-advanced-body{padding:0 14px 14px}.profile-dialog input,.profile-dialog select,.create-room-dialog input,.create-room-dialog select{width:100%;border:1px solid #363945;background:#11141a;border-radius:8px;color:#f5f6f8;padding:13px 14px;outline:none}.profile-actions{display:flex;gap:10px;justify-content:space-between}.profile-actions .button-subtle,.profile-actions .button-primary{flex:1}.profile-dialog .dialog-footer{border-top:0;padding-top:20px}.msg-avatar,.identity-avatar,.voice-avatar,.person-avatar{box-shadow:none}.mobile-ad strong{color:#d8ffe6}@media(max-width:560px){.welcome-actions-row{flex-direction:column}.profile-actions{flex-direction:column}}

/* nerdcall 6.1 — onboarding, tabs, green visual polish */
.sidebar{background:#111b16}
.brand{margin-bottom:36px}
.brand-mark{color:#082014}
.ad-slot{background:linear-gradient(140deg,#1b3626 0%,#1c2923 65%,#141c19 100%);border-color:#2d5037}
.ad-slot::after{background:#38d16915}
.ad-slot .ad-art i{background:#38d169}
.ad-slot .ad-art i+i{background:#bbf7d0}
.ad-slot-secondary{background:linear-gradient(145deg,#1a2b22,#18201e)}
.ad-slot-primary .ad-cta,.ad-tag{color:#b7f7cd}
.sidebar>.participants{display:none!important}
.topbar,.controlbar{background:#121b16;border-color:#2e3d33}
.welcome{max-width:750px;padding-top:40px;padding-bottom:40px}
.welcome-tag{border-color:#315b3e;background:#1a3324}
.welcome h1{max-width:640px;margin:10px auto 16px;letter-spacing:-2.3px}
.welcome>p{margin-bottom:30px}
.choice-panel{max-width:650px;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 auto 20px;text-align:left}
.choice-card{width:100%;min-height:168px;padding:24px 21px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;text-align:left;border:1px solid #31473a;background:linear-gradient(135deg,#1b2720 0%,#171e1b 100%);border-radius:18px;color:#f2f6f2;transition:border-color .18s,transform .18s,background .18s}
.choice-card:hover{border-color:#38d169;transform:translateY(-3px);background:#1c3022}
.choice-card>span:nth-child(2){display:flex;flex-direction:column;gap:6px}
.choice-card strong{font-size:17px;letter-spacing:-.4px}
.choice-card small{font-size:11px;line-height:1.6;color:#a9bab0}
.choice-icon{width:46px;height:46px;background:#234531;color:#93f6b5;border:1px solid #376246;border-radius:13px;display:grid;place-items:center}
.choice-icon svg{width:22px;height:22px}
.choice-arrow{position:absolute;opacity:0;pointer-events:none}
.welcome-form{max-width:492px;box-shadow:0 18px 65px #0003;margin-top:0;background:#18231c;border-color:#2d4b36}
.form-head{display:flex;justify-content:space-between;align-items:flex-start;text-align:left;gap:16px;margin-bottom:21px}
.form-head h2{font-size:24px;letter-spacing:-.65px;margin:9px 0 8px}
.form-head p{font-size:12px;line-height:1.55;color:#9db0a5;margin:0}
.form-head .icon-btn{flex-shrink:0}
.welcome-form label{margin:17px 0 9px}
.welcome-form label:first-of-type{margin-top:8px}
.welcome-form input{width:100%;background:#0f1813;border-color:#365040;padding:13px 14px;color:#e6f9e9;border-radius:10px}
.welcome-form>.button-primary{margin-top:22px;color:#082013}
.welcome-profile-link{display:flex;align-items:center;justify-content:center;gap:8px;color:#a5c6af;border:0;background:transparent;font-size:11px;padding:13px 16px;margin:7px auto 0;font-weight:660}
.welcome-profile-link:hover{color:#b5f5c9}
.welcome-profile-link svg{width:13px;height:13px}
.welcome-form .field-optional{color:#819f89}
.dialog{background:#18211b;border-color:#395143}
.dialog input[type=text],.dialog input[type=password],.dialog select{background:#101914;border-color:#354b3b}
.dialog .copy-row input{background:#101914}
.create-room-dialog{max-height:90vh;overflow-y:auto}
.create-room-dialog .capacity-note{background:#1d3725;border-color:#355c41;color:#b5e1c3}
.custom-url-row{background:#101914;border-color:#354b3b}
.event-toggle{background:#182d20;border-color:#305340;color:#a8edbd}
.event-toggle:hover{background:#244732}
.voice-card{background:#19251e;border-color:#324a39}
.voice-card.is-live{border-color:#41b86c}
.voice-live-preview{border-color:#397c53;background:#18271e}
.voice-live-preview span{color:#d5fce0;background:#0f2916eb}
.chat-empty svg{color:var(--brand)}
.chat-msg.self p{background:#23402d;border-color:#3d6849}
.chat-msg.self .msg-avatar{background:#275337;color:#d7ffe5}
.call-empty{background:#19241d;border-color:#345540}
.call-empty .empty-center{background:#23402d;border-color:#376648;color:#97e8b0}
.room-activity.has-activity{border-color:#426d4e;color:#c9f1d5}
.call-health .health-retry{background:#38d169;color:#081b0d}
.settings-dialog.settings-redesign{width:min(94vw,505px);max-width:505px;padding:23px 24px 18px}
.settings-redesign .dialog-heading{margin-bottom:15px;align-items:start}
.settings-redesign .dialog-heading h2{font-size:24px;margin:6px 0 4px}
.settings-redesign .dialog-heading p{font-size:11px;margin:0;color:#92ad9a}
.settings-tabs{background:#101a14;border:1px solid #2e4a38;border-radius:12px;padding:5px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:17px}
.settings-tab{border:0;background:none;color:#91ac9a;font-weight:710;font-size:12px;border-radius:8px;padding:11px 10px}
.settings-tab:hover{color:#fff;background:#24382a}
.settings-tab.selected{background:#2d5e3d;color:#eafff0;box-shadow:0 2px 10px #0003}
.settings-scroll.settings-main{max-height:min(56vh,480px);overflow:auto;padding:0 5px 0 1px}
.settings-page{min-height:240px;padding:2px 2px 16px}
.settings-section-heading{display:flex;flex-direction:column;gap:5px;margin:7px 0 18px}
.settings-section-heading strong{font-size:14px;color:#f2f7f3}
.settings-section-heading span{font-size:11px;line-height:1.5;color:#8fa796}
.simple-field{display:flex!important;flex-direction:column;gap:7px;color:#c7dac9!important;text-transform:none;letter-spacing:0!important;font-size:12px!important;margin:0 0 15px!important}
.simple-field select{background:#0f1c14;border:1px solid #334e3a;color:#eefaf0;border-radius:9px;min-height:43px;padding:9px;font-size:12px}
.settings-text-button{border:1px solid #3d644a;color:#afeec0;background:#1b3524;border-radius:9px;padding:9px 13px;font-size:11px;font-weight:710;margin:0 0 8px;cursor:pointer}
.settings-text-button:hover{background:#24482f}
.settings-separator{height:1px;background:#304538;margin:23px 0}
.settings-main .setting-line{margin:17px 0 11px;font-size:12px;color:#d4e2d5}
.settings-main input[type=range]{accent-color:#38d169;display:block;width:100%;margin-bottom:11px}
.settings-toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:14px;margin:20px 0!important;font-size:12px!important;color:#f1f5f1!important;letter-spacing:0!important;text-transform:none!important;font-weight:650!important}
.settings-toggle-row strong{display:block;font-size:12px;color:#f0f6f0;margin-bottom:6px}
.settings-toggle-row small{display:block;color:#90ab9b;font-size:10px;font-weight:400;line-height:1.5;max-width:305px}
.settings-toggle-row input[type=checkbox]{width:19px;height:19px;flex-shrink:0;accent-color:#38d169;cursor:pointer}
.settings-advanced{border-color:#365b41;background:#15271b;margin-top:22px}
.settings-advanced summary{color:#b6f6ca;padding:14px}
.settings-advanced .setting-grid{margin-bottom:14px}
.settings-advanced .setting-grid select{background:#0f1c14;border-color:#334e3a}
.settings-redesign .dialog-footer{margin-top:6px;padding-top:16px}
.settings-redesign .dialog-footer .button-primary{width:100%;font-size:13px;min-height:43px;color:#0c1a11}
.settings-redesign .settings-advanced summary{font-size:12px}
.profile-dialog{max-height:90vh;overflow-y:auto}
@media(max-width:720px){.choice-panel{max-width:520px}.choice-card{min-height:145px;padding:18px 15px}.settings-dialog.settings-redesign{padding:17px}.welcome{max-width:560px}}
@media(max-width:510px){.choice-panel{grid-template-columns:1fr;gap:10px}.choice-card{min-height:92px;flex-direction:row;align-items:center;padding:16px}.choice-card strong{font-size:15px}.choice-icon{height:40px;width:40px;flex-shrink:0}.welcome-icon{display:none}.welcome{padding:22px 14px}.welcome h1{font-size:33px;line-height:1.12}.welcome>p{font-size:12px;margin-bottom:22px}.welcome-form{padding:19px 18px}.form-head h2{font-size:21px}.settings-scroll.settings-main{max-height:58vh}.settings-redesign .dialog-heading h2{font-size:21px}}

/* nerdcall v6.2 — entrada simples e preferências em painel amplo */
.welcome-identity{width:min(100%,650px);margin:0 auto 5px;padding:14px 16px;background:linear-gradient(115deg,#1b2b21,#141e19);border:1px solid #35533e;border-radius:16px;display:flex;align-items:flex-end;gap:14px;text-align:left}
.welcome-identity-main{flex:1;min-width:0}
.welcome-identity-main label{display:block;font-size:10px;font-weight:800;letter-spacing:1.25px;color:#bbdbc4;margin-bottom:10px}
.welcome-identity input{width:100%;min-width:0;height:48px;border-radius:10px;border:1px solid #345641;background:#0d1711;color:#fff;padding:0 15px;font-weight:650;font-size:14px;outline:none;transition:border-color .18s,box-shadow .18s}
.welcome-identity input::placeholder{color:#7e9985;font-weight:450}
.welcome-identity input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #38d16922}
.identity-or{font-size:12px;color:#83958a;margin-bottom:17px}
.welcome-login-btn{height:48px;min-width:139px;padding:0 16px;border-radius:10px;background:#1d3a27;border:1px solid #376746;color:#d5f9df;font-weight:750;display:flex;justify-content:center;align-items:center;gap:9px;white-space:nowrap}
.welcome-login-btn:hover{background:#275734;border-color:#52b973}
.welcome-login-btn svg{height:17px;width:17px}
.identity-hint{font-size:11px!important;margin:0 auto 18px!important;color:#91ad99!important;max-width:650px!important;text-align:left}
.welcome-identity:focus-within{border-color:#4c8d60}
.choice-panel{margin-top:0}

.settings-dialog.settings-redesign{width:min(94vw,920px);max-width:920px;height:min(740px,calc(100dvh - 52px));max-height:calc(100dvh - 26px);padding:0;display:flex;flex-direction:column;overflow:hidden;border-radius:20px;border-color:#375542;box-shadow:0 40px 130px #000a}
.settings-redesign>.dialog-heading{padding:28px 33px 22px;border-bottom:1px solid #2c4434;margin-bottom:0;background:#1b2920;align-items:flex-start;flex-shrink:0}
.settings-redesign>.dialog-heading h2{font-size:28px;margin:6px 0 5px}
.settings-redesign>.dialog-heading p{font-size:12px}
.settings-redesign>.dialog-heading .icon-btn{width:37px;height:37px;border-radius:10px;background:#26332b}
.settings-body-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:0;flex:1}
.settings-redesign .settings-tabs{border:0;border-right:1px solid #2d4435;margin:0;border-radius:0;background:#142017;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px;padding:29px 15px;min-width:0}
.settings-nav-caption{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#739c7f;margin:0 0 10px;padding-left:12px}
.settings-redesign .settings-tab{text-align:left;display:flex;gap:13px;align-items:center;justify-content:flex-start;padding:15px 13px;border-radius:12px;color:#b7cbbb;transition:background .16s;border:1px solid transparent}
.settings-redesign .settings-tab svg{width:19px;height:19px;flex-shrink:0;color:#84ba92}
.settings-redesign .settings-tab strong{font-size:13px;display:block;font-weight:750;line-height:1.2;color:inherit}
.settings-redesign .settings-tab small{font-size:10px;color:#819b87;display:block;margin-top:5px;white-space:normal}
.settings-redesign .settings-tab:hover{background:#21392a;border-color:#335f40}
.settings-redesign .settings-tab.selected{background:#244b33;color:#e3ffe9;border-color:#386f4a;box-shadow:none}
.settings-redesign .settings-tab.selected svg{color:#5ff08d}
.settings-redesign .settings-tab.selected small{color:#b7dfc3}
.settings-nav-tip{margin-top:auto;display:flex;gap:10px;align-items:flex-start;padding:12px 8px;color:#7fa98b;font-size:10px;line-height:1.65;border-top:1px solid #284230}
.settings-nav-tip .secure-dot{height:6px;width:6px;margin-top:4px;box-shadow:none}
.settings-scroll.settings-main{max-height:none;min-height:0;padding:30px 34px 28px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#365b44 transparent;background:#19251c}
.settings-redesign .settings-page{padding:0;min-height:0}
.settings-redesign .settings-section-heading{margin:0 0 18px}
.settings-redesign .settings-section-heading strong{font-size:17px}
.settings-redesign .settings-section-heading span{font-size:12px;color:#98b4a0;margin-top:2px}
.audio-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.settings-redesign .simple-field{font-size:12px!important;gap:9px}
.settings-redesign .simple-field select{min-height:49px;font-size:13px;padding:11px 12px;background:#101a13}
.settings-redesign .settings-text-button{padding:11px 16px;font-size:12px;margin-top:5px}
.settings-redesign .settings-separator{margin:28px 0 25px}
.settings-redesign .settings-main .setting-line{font-size:12px;margin:19px 0 11px}
.settings-redesign .settings-main input[type=range]{height:22px;cursor:pointer;margin-bottom:21px}
.settings-redesign .settings-toggle-row{padding:14px 16px;background:#142218;border:1px solid #2c4633;border-radius:12px}
.settings-redesign .settings-toggle-row strong{font-size:13px}
.settings-redesign .settings-toggle-row small{font-size:11px;max-width:400px}
.settings-redesign .settings-advanced{margin-top:20px}
.settings-redesign .settings-advanced summary{font-size:13px;padding:17px}
.settings-redesign>.dialog-footer{margin:0;border-top:1px solid #2c4535;padding:18px 32px;background:#17211b;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}
.settings-footer-note{color:#85a58f;font-size:11px}
.settings-redesign .dialog-footer .button-primary{width:auto;min-width:182px;min-height:44px;padding:12px 22px;font-size:13px}
/* Conta opcional — identidade consistente com as salas */
.account-dialog{width:min(94vw,490px)}
.account-intro{margin:8px 0 0!important}
.auth-mode-tabs{border:1px solid #36533e;background:#101b14;border-radius:11px;padding:5px;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:20px 0}
.auth-mode-tabs button{background:none;border:0;color:#abc6b1;padding:11px;border-radius:8px;font-weight:750}
.auth-mode-tabs button.selected{background:#2d6a41;color:#effff2}
.account-dialog label{display:block;color:#b3d5bd;font-size:10px;letter-spacing:1.1px;margin:14px 0 9px;font-weight:800}
.account-dialog input{width:100%;padding:13px 14px;border:1px solid #385241;border-radius:10px;background:#0f1913;color:#f4fff6;outline:none}
.account-dialog input:focus{border-color:#38d169}
.account-dialog #authSubmit{display:flex;width:100%;justify-content:center;margin-top:24px;padding:14px}
.auth-footnote{font-size:11px!important;text-align:center;margin:13px 0 0!important;color:#90af99!important}
.account-signed{display:flex;gap:16px;align-items:center;padding:17px 0}
.account-signed strong{display:block;font-size:16px}
.account-signed small{display:block;color:#a1bbaa;margin-top:5px}
.account-avatar{height:60px;width:60px;display:grid;place-items:center;color:#0a1c10;background:#38d169;border-radius:17px;font-size:25px;font-weight:900}
.auth-account-actions{display:flex;gap:12px;margin-top:20px}
.auth-account-actions button{flex:1}
@media(max-width:760px){
 .settings-dialog.settings-redesign{height:min(790px,calc(100dvh - 20px));width:min(96vw,690px)}
 .settings-redesign>.dialog-heading{padding:19px 20px 15px}
 .settings-body-layout{display:flex;flex-direction:column}
 .settings-redesign .settings-tabs{display:flex;flex-direction:row;padding:8px 12px;border-right:0;border-bottom:1px solid #2c4735;gap:5px}
 .settings-nav-caption,.settings-nav-tip,.settings-redesign .settings-tab small{display:none}
 .settings-redesign .settings-tab{flex:1;justify-content:center;text-align:center;gap:8px;padding:11px 8px}
 .settings-redesign .settings-tab strong{font-size:12px}
 .settings-scroll.settings-main{padding:22px 20px}
 .settings-redesign>.dialog-footer{padding:13px 18px}
 .settings-footer-note{display:none}
 .settings-redesign .dialog-footer .button-primary{width:100%}
}
@media(max-width:510px){
 .welcome-identity{padding:13px;gap:10px;flex-wrap:wrap}
 .welcome-identity-main{width:100%;flex:auto}
 .identity-or{margin:0;font-size:11px}
 .welcome-login-btn{height:41px;min-width:125px;padding:0 12px}
 .identity-hint{font-size:10px!important;margin:8px auto 17px!important}
 .audio-device-grid{grid-template-columns:1fr;gap:0}
 .settings-redesign .settings-tab svg{width:16px;height:16px}
 .settings-redesign .settings-tab{gap:5px}
 .settings-scroll.settings-main{padding:18px 16px}
 .settings-redesign>.dialog-heading h2{font-size:22px}
}

/* nerdcall v6.3: audio continuity and music mode help */
.audio-help{margin-top:14px;border:1px solid #2d5540;border-radius:12px;padding:13px 15px;background:#112119;color:#c1d9c9}.audio-help summary{color:#b5f1c9;cursor:pointer;font-size:13px;font-weight:800}.audio-help p{font-size:12px;line-height:1.7;margin:12px 0 0}.audio-help code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#f3f7f3}.settings-page .settings-toggle-row small{line-height:1.5}