:root{--bg:#f3f1ec;--bg2:#fff;--panel:#fff;--panel2:#f8f6f1;--line:#ded8cc;--text:#171717;--muted:#6e6a61;--accent:#d47a16;--accent2:#f0a33b;--accentText:#111;--danger:#b83a32;--ok:#267a4b;--shadow:0 18px 45px rgba(0,0,0,.10)}
html[data-theme="dark"]{--bg:#080808;--bg2:#0d0d0d;--panel:#121212;--panel2:#181818;--line:#302b25;--text:#f6f3ed;--muted:#aaa39a;--accent:#e58b1d;--accent2:#f2b24f;--accentText:#090909;--danger:#ef7067;--ok:#55cf8b;--shadow:0 18px 45px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{color-scheme:light}html[data-theme="dark"]{color-scheme:dark}body{margin:0;background:linear-gradient(180deg,var(--bg2),var(--bg));color:var(--text);font:15px Inter,Arial,sans-serif;min-height:100vh;padding-bottom:58px;transition:background .2s,color .2s}a{color:inherit}.top{min-height:76px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);display:flex;align-items:center;justify-content:space-between;padding:10px 4vw;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:14px}.brand img{height:52px;max-width:190px;object-fit:contain}.brand h1{font-size:19px;margin:0;letter-spacing:.2px}.brand small{color:var(--muted)}.top-actions{display:flex;align-items:center;gap:10px}.theme-toggle{width:42px;height:42px;border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer;font-size:18px}.live-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);background:var(--panel2);font-size:12px;font-weight:700}.live-dot{width:8px;height:8px;border-radius:50%;background:#e0332b;box-shadow:0 0 0 5px rgba(224,51,43,.12)}.wrap{width:min(1480px,94vw);margin:24px auto}.grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(320px,.85fr);gap:20px}.card{background:var(--panel);border:1px solid var(--line);padding:17px;box-shadow:var(--shadow)}.video-shell{position:relative}.video{aspect-ratio:16/9;background:#000}.video iframe{width:100%;height:100%;border:0}.video-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px 2px}.video-title h2{margin:0 0 4px;font-size:18px}.video-title p{margin:0}.chat{height:calc(100vh - 154px);min-height:560px;display:flex;flex-direction:column;padding:0}.chat-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 16px;background:var(--panel2)}.messages{flex:1;overflow:auto;padding:8px 13px}.msg{display:flex;gap:10px;padding:11px 3px;border-bottom:1px solid var(--line)}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--panel2);border:1px solid var(--line)}.msg-main{min-width:0;flex:1}.msg b{font-size:13px}.msg p{margin:4px 0 7px;line-height:1.42;word-break:break-word}.msg-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-badge{font-size:9px;background:var(--accent);color:var(--accentText);padding:3px 6px;margin-left:5px;font-weight:800}.reaction-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.reaction-btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:4px 7px;cursor:pointer;font-size:13px}.reaction-btn.active,.reaction-btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel2))}.emoji-picker{display:flex;gap:6px;flex-wrap:wrap;padding:8px 16px;border-top:1px solid var(--line);background:var(--panel2)}.emoji-insert{border:0;background:transparent;font-size:20px;cursor:pointer;padding:4px}.chat-form{display:flex;gap:8px;border-top:1px solid var(--line);padding:11px 16px;background:var(--panel)}.chat-form textarea,input,select{width:100%;background:var(--panel2);border:1px solid var(--line);color:var(--text);padding:11px;border-radius:2px}.chat-form textarea{height:48px;resize:none}.btn{border:1px solid var(--accent);background:var(--accent);color:var(--accentText);padding:10px 15px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}.btn.dark{background:var(--panel2);color:var(--text);border-color:var(--line)}.btn.danger{background:transparent;color:var(--danger);border-color:var(--danger)}.muted{color:var(--muted)}.footer{position:fixed;bottom:0;left:0;right:0;height:46px;background:var(--panel);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;z-index:30;font-size:13px;font-weight:700}.loginbox{width:min(460px,92vw);margin:8vh auto}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:6px;color:var(--text)}.alert{padding:12px;border:1px solid var(--danger);background:color-mix(in srgb,var(--danger) 11%,var(--panel));margin-bottom:12px}.alert.success,.ok{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,var(--panel))}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat strong{font-size:28px;display:block;margin-top:7px;color:var(--accent)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.tab{padding:8px 12px;border:1px solid var(--line);text-decoration:none;background:var(--panel)}.tab.active{background:var(--accent);color:var(--accentText);border-color:var(--accent)}.map{height:480px}.profile{display:flex;gap:12px;align-items:center;padding:14px 16px;background:var(--panel2);border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.accent-line{width:56px;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));margin:10px 0 14px}.form-check{display:flex;align-items:center;gap:8px;margin:8px 0}.form-check input{width:auto}.theme-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-choice{border:1px solid var(--line);padding:12px;background:var(--panel2)}
@media(max-width:900px){.grid,.admin-grid{grid-template-columns:1fr}.chat{height:640px}.stats{grid-template-columns:1fr 1fr}.top{min-height:68px}.brand h1{font-size:15px}.video-bar{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.wrap{width:96vw;margin:10px auto}.card{padding:11px}.brand img{height:40px;max-width:120px}.brand small{display:none}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:22px}.top{padding:8px 2vw}.live-pill{display:none}.chat{height:68vh;min-height:530px}.theme-toggle{width:38px;height:38px}.footer{font-size:12px}}


/* V7 — experiência Legendários */
:root{--radius:18px;--glass:rgba(255,255,255,.78);--glow:rgba(229,139,29,.24)}
html[data-theme="dark"]{--glass:rgba(14,14,14,.78);--glow:rgba(229,139,29,.18)}
body{overflow-x:hidden;background:radial-gradient(circle at 15% -10%,var(--glow),transparent 36%),linear-gradient(145deg,var(--bg2),var(--bg));letter-spacing:.01em}
.ambient{position:fixed;width:42vw;height:42vw;border-radius:50%;filter:blur(100px);opacity:.14;pointer-events:none;z-index:-1;animation:ambientFloat 14s ease-in-out infinite}.ambient-a{background:var(--accent);top:-22vw;right:-12vw}.ambient-b{background:#8d4a0e;bottom:-28vw;left:-15vw;animation-delay:-7s}@keyframes ambientFloat{50%{transform:translate3d(4vw,3vw,0) scale(1.12)}}
.top{border-bottom-color:color-mix(in srgb,var(--accent) 25%,var(--line));box-shadow:0 8px 35px rgba(0,0,0,.08)}.brand img{border-radius:12px}.brand h1{text-transform:uppercase;letter-spacing:.08em}.theme-toggle,.live-pill,.btn,.tab,.card,input,select,textarea{border-radius:var(--radius)}.theme-toggle{transition:transform .25s,box-shadow .25s}.theme-toggle:hover{transform:rotate(12deg);box-shadow:0 0 0 5px var(--glow)}
.stream-wrap{max-width:1640px}.hero-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:var(--radius);background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 12%,var(--panel)),var(--panel));box-shadow:var(--shadow)}.hero-strip strong{font-size:clamp(15px,2vw,21px)}.hero-strip>span:last-child{color:var(--muted);font-size:12px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--accent)}
.card{border-color:color-mix(in srgb,var(--accent) 15%,var(--line));background:var(--glass);backdrop-filter:blur(20px);transition:transform .25s,border-color .25s,box-shadow .25s}.video-shell{padding:10px;border-radius:24px;overflow:hidden}.video{border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.34);position:relative}.video:after{content:"AO VIVO";position:absolute;top:14px;left:14px;background:#d52c24;color:#fff;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.12em;pointer-events:none;animation:livePulse 2s infinite}@keyframes livePulse{50%{box-shadow:0 0 0 9px rgba(213,44,36,0)}}
.chat{border-radius:24px;overflow:hidden}.chat-head{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--panel2)),var(--panel2));position:relative}.chat-head:after{content:"";position:absolute;bottom:0;left:0;width:35%;height:2px;background:var(--accent);animation:scan 3s ease-in-out infinite}@keyframes scan{50%{transform:translateX(185%)}}
.messages{scroll-behavior:smooth;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 3%,transparent));overscroll-behavior:contain}.msg{border:1px solid transparent;border-bottom-color:var(--line);margin:5px 0;padding:11px 9px;border-radius:14px;transition:.22s}.msg:hover{background:color-mix(in srgb,var(--accent) 7%,var(--panel));border-color:color-mix(in srgb,var(--accent) 18%,var(--line));transform:translateX(3px)}.chat-arrive{animation:chatArrive .42s both;animation-delay:var(--delay)}@keyframes chatArrive{from{opacity:0;transform:translateY(12px) scale(.985);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}.avatar{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.reaction-btn{border-radius:999px;transition:transform .15s,background .15s}.reaction-btn:hover{transform:translateY(-2px) scale(1.05)}.emoji-picker{overflow-x:auto;flex-wrap:nowrap}.emoji-insert{transition:transform .15s}.emoji-insert:hover{transform:scale(1.3) rotate(-7deg)}.chat-form{align-items:flex-end}.chat-form textarea{min-height:48px;max-height:100px;border-radius:16px;padding:14px}.send-btn{width:48px;height:48px;border-radius:50%;padding:0;font-size:18px;flex:0 0 48px;transition:transform .18s,box-shadow .18s}.send-btn:hover{transform:translateY(-2px) rotate(-8deg);box-shadow:0 8px 24px var(--glow)}
.security-watermark{position:fixed;inset:0;z-index:19;pointer-events:none;display:flex;align-items:center;justify-content:center;transform:rotate(-24deg);font-size:clamp(12px,1.3vw,18px);font-weight:900;letter-spacing:.14em;color:var(--text);opacity:.035;white-space:nowrap;text-transform:uppercase}.video-shell,.brand img{-webkit-user-drag:none;user-select:none}.messages{user-select:none}.messages input,.messages textarea,.chat-form textarea{user-select:text}
.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-30px;bottom:-35px;width:100px;height:100px;border:20px solid var(--glow);border-radius:50%}.stat strong{font-size:clamp(25px,3vw,38px)}.realtime-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.chart-card{min-height:350px}.chart-box{height:290px}.dashboard-map{height:430px;border-radius:14px;overflow:hidden}.live-update{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.live-update:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);animation:livePulse 2s infinite}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dashboard-heading h2{margin:0}.dashboard-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px}.side-panel{position:sticky;top:96px;height:max-content}.tabs.vertical{display:flex;flex-direction:column}.tabs.vertical .tab{width:100%}.admin-content{min-width:0}
@media(max-width:1050px){.stream-grid{grid-template-columns:1fr}.chat{height:min(700px,72vh)}.realtime-grid{grid-template-columns:1fr}.dashboard-layout{grid-template-columns:1fr}.side-panel{position:static}.tabs.vertical{flex-direction:row;overflow-x:auto;flex-wrap:nowrap}.tabs.vertical .tab{width:auto;white-space:nowrap}}
@media(max-width:680px){body{padding-bottom:52px}.top{position:sticky}.brand div{min-width:0}.brand h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}.top-actions .btn{padding:9px;font-size:0}.top-actions .btn:before{font-size:16px;content:"↗"}.top-actions .btn.danger:before{content:"×"}.hero-strip{grid-template-columns:1fr;gap:5px}.hero-strip>span:last-child{display:none}.stream-wrap{width:100%;margin:8px 0}.stream-grid{gap:10px}.video-shell{padding:5px;border-radius:0;border-left:0;border-right:0}.video{border-radius:8px}.video-bar{padding:10px}.chat{border-radius:0;border-left:0;border-right:0;height:64vh;min-height:480px}.chat-head{padding:12px}.messages{padding:5px 8px}.msg{padding:9px 6px}.emoji-picker{padding:7px 10px}.chat-form{padding:8px 10px;position:sticky;bottom:0}.stats{grid-template-columns:repeat(2,1fr);gap:8px}.card{padding:12px}.realtime-grid{gap:10px}.chart-card{min-height:310px}.chart-box{height:250px}.dashboard-map{height:340px}.footer{height:42px}.security-watermark{font-size:10px}}
@media(max-width:380px){.brand img{max-width:82px}.theme-toggle{width:36px;height:36px}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* V8 — identidade editorial e controles menos arredondados */
:root{--control-radius:7px;--card-radius:12px}
body{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;letter-spacing:0}
.btn,.tab,.theme-toggle,input,select,textarea,.live-pill,.status-chip,.reaction-btn{border-radius:var(--control-radius)!important}
.card,.video-shell,.chat{border-radius:var(--card-radius)!important}
.btn{font-weight:700;letter-spacing:.015em;min-height:42px;padding:10px 16px;box-shadow:none}
.btn:hover{transform:translateY(-1px)}
h1,h2,h3,.brand h1{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;letter-spacing:-.025em}
.subcard{margin-top:18px;background:color-mix(in srgb,var(--card) 88%,var(--accent) 12%)}
.video{position:relative;overflow:hidden}
.broadcast-overlay{position:absolute;left:18px;right:18px;z-index:8;pointer-events:none;opacity:0;transform:translateY(12px);transition:opacity .38s ease,transform .38s ease}
.broadcast-overlay.overlay-top{top:18px;transform:translateY(-12px)}
.broadcast-overlay.overlay-bottom{bottom:18px}
.broadcast-overlay.show{opacity:1;transform:translateY(0)}
.lower-third{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:stretch;max-width:min(920px,94%);margin:0 auto;background:rgba(10,10,12,.9);color:#fff;border-left:5px solid var(--accent);box-shadow:0 16px 42px rgba(0,0,0,.32);backdrop-filter:blur(12px);overflow:hidden}
.lower-kicker{display:flex;align-items:center;padding:12px 15px;background:var(--accent);color:#111;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.lower-text{padding:12px 18px;font-size:clamp(13px,1.25vw,17px);font-weight:700;line-height:1.35}
.lower-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.9);transform-origin:left;animation:lowerProgress var(--duration) linear forwards}
.style-alert{border-left-color:#e33}.style-alert .lower-kicker{background:#e33;color:#fff}
.style-info{border-left-color:#3da5ff}.style-info .lower-kicker{background:#3da5ff;color:#07131d}
.style-celebration{border-left-color:#f3c84b}.style-celebration .lower-kicker{background:#f3c84b;color:#171205}
@keyframes lowerProgress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.secondary-video-card,.meet-companion{margin-top:16px}
.secondary-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}
.status-chip{padding:7px 10px;border:1px solid var(--border);font-size:11px;font-weight:800;text-transform:uppercase}
.secondary-video{border-radius:8px;overflow:hidden}
.meet-companion{display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center;border-left:4px solid #34a853}
.meet-icon{width:58px;height:58px;display:grid;place-items:center;background:#34a853;color:#fff;font-size:28px;font-weight:900;border-radius:10px}
.meet-button{background:#34a853;color:#fff}
.overlay-preview-card{min-height:350px}
.fake-video{height:260px;background:linear-gradient(135deg,#111,#2c2c2c);position:relative;overflow:hidden;margin-top:20px;border-radius:10px}
.fake-live{position:absolute;top:14px;left:14px;background:#d22;color:#fff;padding:6px 9px;font-size:10px;font-weight:900;border-radius:5px}
.preview-lower-third{position:absolute;left:18px;right:18px;bottom:18px;margin:0;max-width:none}
@media(max-width:760px){
 .broadcast-overlay{left:8px;right:8px}.broadcast-overlay.overlay-top{top:8px}.broadcast-overlay.overlay-bottom{bottom:8px}
 .lower-third{max-width:100%;grid-template-columns:1fr}.lower-kicker{padding:7px 10px}.lower-text{padding:9px 11px;font-size:12px}
 .meet-companion{grid-template-columns:48px 1fr}.meet-icon{width:46px;height:46px;font-size:22px}.meet-button{grid-column:1/-1;width:100%;text-align:center}
 .top-actions .btn{padding:8px 10px}.tabs{gap:6px}.tab{padding:9px 10px;font-size:12px}
}

/* V14 — player autônomo, interface multilíngue e proteção pública */
.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}
.language-picker{display:flex;align-items:center}.language-picker select{width:auto;min-width:74px;height:42px;padding:8px 28px 8px 10px;border:1px solid var(--line);background-color:var(--panel2);color:var(--text);font-size:12px;font-weight:800;cursor:pointer}
.access-language{display:flex;justify-content:flex-end;margin-bottom:14px}
.public-protected,.public-protected *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.public-protected input,.public-protected textarea,.public-protected select{-webkit-user-select:text;user-select:text}.public-protected img{-webkit-user-drag:none}
.video iframe{pointer-events:none!important;-webkit-user-select:none;user-select:none}.video-interaction-shield{position:absolute;inset:0;z-index:6;display:block;background:rgba(0,0,0,.001);pointer-events:auto!important;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:default}
.video-control-btn{position:absolute;z-index:30;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:rgba(13,13,13,.78);color:#fff;font:700 13px/1 Arial,sans-serif;display:flex;align-items:center;gap:8px;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s ease,transform .2s ease}
.video-control-btn:hover{background:rgba(229,139,29,.94);transform:translateY(-1px)}
.video-sound-btn{left:12px;bottom:12px;min-height:42px;padding:0 14px}.video-sound-btn span:first-child{font-size:17px}
.video-shell:fullscreen .video-sound-btn,.video-shell.cinema-mode .video-sound-btn{left:clamp(18px,2vw,42px);bottom:clamp(18px,2vw,42px);min-height:clamp(52px,4vw,70px);padding:0 clamp(18px,1.5vw,30px);font-size:clamp(14px,1.1vw,22px)}
@media(max-width:680px){.top{gap:8px}.top-actions{gap:6px}.language-picker select{min-width:66px;height:38px;padding:6px 22px 6px 8px}.video-sound-btn{left:8px;bottom:8px;min-height:38px;padding:0 10px;font-size:12px}.video-sound-btn span:last-child{display:none}.video-sound-btn span:first-child{font-size:18px}}

/* V9 — tema escuro mais leve e confortável */
html[data-theme="dark"]{
  --bg:#171717;
  --bg2:#202020;
  --panel:#262626;
  --panel2:#303030;
  --line:#4a443d;
  --text:#faf7f1;
  --muted:#c5beb4;
  --accent:#e58b1d;
  --accent2:#f3b65a;
  --accentText:#15100a;
  --danger:#ff8a82;
  --ok:#68d99b;
  --shadow:0 16px 38px rgba(0,0,0,.24);
  --glass:rgba(38,38,38,.86);
  --glow:rgba(229,139,29,.16)
}
html[data-theme="dark"] body{background:linear-gradient(180deg,#232323 0%,#181818 100%)}
html[data-theme="dark"] .top{background:rgba(38,38,38,.94)}
html[data-theme="dark"] .footer{background:#242424}
html[data-theme="dark"] .video-shell,
html[data-theme="dark"] .chat,
html[data-theme="dark"] .card{box-shadow:0 14px 34px rgba(0,0,0,.22)}
html[data-theme="dark"] .ambient{opacity:.34}


/* V10 — experiência digital protegida e chat editorial alinhado */
.experience-banner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;align-items:stretch;margin-bottom:18px}
.experience-copy,.secure-connection{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}
.experience-copy{padding:22px 24px;border-left:4px solid var(--accent);position:relative;overflow:hidden}
.experience-copy:after{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-100px;border:28px solid var(--glow);border-radius:50%;pointer-events:none}
.experience-copy strong{display:block;font-size:clamp(22px,2.3vw,34px);line-height:1.08;margin-top:6px;letter-spacing:-.035em}
.experience-copy p{margin:9px 0 0;color:var(--muted);max-width:720px;line-height:1.5}
.secure-connection{display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;padding:18px;border-color:color-mix(in srgb,var(--ok) 45%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--ok) 9%,var(--panel)),var(--panel))}
.secure-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--ok) 50%,var(--line));background:color-mix(in srgb,var(--ok) 12%,var(--panel2));font-size:20px}
.secure-connection b{display:block;font-size:12px;letter-spacing:.11em;color:var(--ok)}
.secure-connection small{display:block;margin-top:4px;color:var(--muted);line-height:1.35}
.secure-status{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 52%,var(--line));padding:6px 8px;background:color-mix(in srgb,var(--ok) 8%,transparent)}
.chat{border-top:3px solid var(--accent)!important}
.chat-head{min-height:70px;padding:13px 15px!important}
.chat-title-group{display:flex;align-items:center;gap:10px;min-width:0}
.chat-live-dot{width:10px;height:10px;border-radius:50%;background:#e23a31;box-shadow:0 0 0 5px rgba(226,58,49,.12);flex:0 0 auto}
.chat-subtitle{font-size:11px;line-height:1.2;margin-top:2px}
.chat-count{font-size:11px;font-weight:700;color:var(--muted);padding:6px 8px;border:1px solid var(--line);background:var(--panel)}
.messages{padding:10px 12px!important}
.msg{align-items:flex-start;margin:0!important;padding:10px 2px!important;border:0!important;gap:9px!important;transform:none!important;background:transparent!important}
.msg:hover{transform:none!important;background:transparent!important}
.avatar{width:36px!important;height:36px!important;flex:0 0 36px;margin-top:2px}
.msg-main{max-width:calc(100% - 45px)}
.msg-author-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 3px 4px}
.msg-author-line b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-author-line small{font-size:10px;white-space:nowrap}
.msg-bubble{display:inline-block;max-width:100%;min-width:92px;background:var(--panel2);border:1px solid var(--line);padding:8px 10px;border-radius:3px 10px 10px 10px;box-shadow:0 5px 14px rgba(0,0,0,.07)}
.msg-bubble p{margin:0!important;line-height:1.42;font-size:13px}
.msg-moderator .msg-bubble{background:color-mix(in srgb,var(--accent) 12%,var(--panel2));border-color:color-mix(in srgb,var(--accent) 42%,var(--line));border-left:3px solid var(--accent)}
.msg-moderator .avatar{box-shadow:0 0 0 2px var(--accent)}
.reaction-row{margin-top:7px!important;gap:4px!important}
.reaction-btn{font-size:12px!important;padding:3px 6px!important;border-radius:5px!important}
.profile{margin:10px 12px;border:1px solid var(--line);background:var(--panel2);padding:13px}
.chat-form{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;align-items:end!important;gap:8px!important;padding:10px 12px!important}
.chat-form textarea{height:44px!important;min-height:44px!important;border-radius:6px!important;padding:11px 12px!important;line-height:1.35}
.send-btn{width:44px!important;height:44px!important;min-height:44px!important;flex-basis:44px!important;border-radius:6px!important;transform:none!important}
.emoji-picker{padding:7px 12px!important;min-height:42px;align-items:center}
@media(max-width:900px){.experience-banner{grid-template-columns:1fr}.secure-connection{grid-template-columns:44px 1fr auto}}
@media(max-width:560px){.experience-banner{gap:8px;margin:8px 8px 10px}.experience-copy{padding:16px;border-left-width:3px}.experience-copy strong{font-size:23px}.experience-copy p{font-size:13px}.secure-connection{grid-template-columns:40px 1fr;padding:13px}.secure-icon{width:38px;height:38px}.secure-status{grid-column:2;justify-self:start}.chat-head{min-height:62px}.messages{padding:7px 8px!important}.msg{padding:8px 0!important}.msg-bubble{padding:8px 9px}.chat-form{padding:8px!important}.emoji-picker{padding:6px 8px!important}}


/* V11 — comunicação dinâmica e segurança fixa no rodapé */
body{padding-bottom:72px}
.experience-banner-single{grid-template-columns:1fr}
.experience-banner-single .experience-copy{min-height:122px;display:flex;flex-direction:column;justify-content:center;transition:opacity .18s ease,transform .18s ease,box-shadow .35s ease}
.experience-banner-single.is-updating .experience-copy{opacity:.32;transform:translateY(3px)}
.experience-banner-single.just-updated .experience-copy{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent),var(--shadow)}
.protected-footer{height:58px;padding:0 max(14px,calc((100vw - 1640px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(16px)}
.footer-security{display:flex;align-items:center;gap:9px;min-width:0}.footer-security>span{font-size:17px}.footer-security strong{display:block;font-size:10px;letter-spacing:.13em;color:var(--ok);line-height:1.1}.footer-security small{display:block;color:var(--muted);font-size:10px;margin-top:2px;white-space:nowrap}.footer-owner{font-size:11px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.live-update-note{display:flex;align-items:center;gap:8px;margin-top:8px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--ok) 38%,var(--line));background:color-mix(in srgb,var(--ok) 7%,var(--panel));font-size:12px;color:var(--muted)}.live-update-note span{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 5px color-mix(in srgb,var(--ok) 12%,transparent);animation:livePulse 2s infinite}
@media(max-width:680px){body{padding-bottom:82px}.protected-footer{height:70px;padding:7px 10px;flex-direction:column;justify-content:center;gap:5px;text-align:center}.footer-security{justify-content:center}.footer-security small{white-space:normal}.footer-owner{font-size:10px}.experience-banner-single .experience-copy{min-height:104px}}

/* V12 — atualização invisível e tela cheia com overlays preservados */
.experience-banner-single .experience-copy{transition:box-shadow .28s ease,border-color .28s ease}
.experience-banner-single.content-updated .experience-copy{border-left-color:var(--accent2);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),var(--shadow)}
.video{position:relative}
.video-fullscreen-btn{position:absolute;z-index:30;right:12px;top:12px;width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:rgba(13,13,13,.72);color:#fff;font:700 22px/1 system-ui,-apple-system,"Segoe UI",sans-serif;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s ease,transform .2s ease}
.video-fullscreen-btn:hover{background:rgba(229,139,29,.92);transform:translateY(-1px)}
.video-shell:fullscreen{width:100vw;height:100vh;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:#000;display:flex;flex-direction:column}
.video-shell:fullscreen .video{flex:1;min-height:0;border-radius:0}
.video-shell:fullscreen .video iframe{position:absolute;inset:0;width:100%;height:100%}
.video-shell:fullscreen .video-bar{display:none}
.video-shell:fullscreen .broadcast-overlay{z-index:25}
.video-shell.cinema-mode{position:fixed;inset:0;z-index:9999;width:100vw;height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:#000;display:flex;flex-direction:column}
.video-shell.cinema-mode .video{flex:1;min-height:0;border-radius:0}
.video-shell.cinema-mode .video iframe{position:absolute;inset:0;width:100%;height:100%}
.video-shell.cinema-mode .video-bar{display:none}
body.cinema-open{overflow:hidden}
.chat-arrive{animation:chatArrive .22s ease both}
@keyframes chatArrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:680px){.video-fullscreen-btn{right:8px;top:8px;width:38px;height:38px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.chat-arrive,.experience-banner-single.content-updated .experience-copy{animation:none;transition:none}}

/* V13 — overlays em escala de televisão na tela cheia */
.video-shell:fullscreen .broadcast-overlay,
.video-shell.cinema-mode .broadcast-overlay{
  left:clamp(28px,4vw,92px);
  right:clamp(28px,4vw,92px);
}
.video-shell:fullscreen .broadcast-overlay.overlay-top,
.video-shell.cinema-mode .broadcast-overlay.overlay-top{
  top:clamp(34px,5vh,88px);
}
.video-shell:fullscreen .broadcast-overlay.overlay-bottom,
.video-shell.cinema-mode .broadcast-overlay.overlay-bottom{
  bottom:clamp(34px,6vh,104px);
}
.video-shell:fullscreen .lower-third,
.video-shell.cinema-mode .lower-third{
  width:min(86vw,1680px);
  max-width:none;
  min-height:clamp(86px,10vh,150px);
  grid-template-columns:auto minmax(0,1fr);
  border-left-width:clamp(7px,.65vw,13px);
  box-shadow:0 clamp(18px,2.4vh,38px) clamp(46px,6vw,100px) rgba(0,0,0,.48);
  backdrop-filter:blur(18px);
}
.video-shell:fullscreen .lower-kicker,
.video-shell.cinema-mode .lower-kicker{
  padding:clamp(18px,2.2vh,34px) clamp(22px,2.4vw,48px);
  font-size:clamp(18px,1.5vw,32px);
  letter-spacing:.14em;
}
.video-shell:fullscreen .lower-text,
.video-shell.cinema-mode .lower-text{
  display:flex;
  align-items:center;
  padding:clamp(18px,2.2vh,34px) clamp(28px,3vw,58px);
  font-size:clamp(24px,2.25vw,52px);
  line-height:1.18;
  font-weight:800;
  text-wrap:balance;
}
.video-shell:fullscreen .lower-progress,
.video-shell.cinema-mode .lower-progress{
  height:clamp(5px,.45vh,9px);
}
.video-shell:fullscreen .video-fullscreen-btn,
.video-shell.cinema-mode .video-fullscreen-btn{
  width:clamp(52px,4vw,76px);
  height:clamp(52px,4vw,76px);
  right:clamp(18px,2vw,42px);
  top:clamp(18px,2vw,42px);
  font-size:clamp(28px,2.2vw,42px);
}
.video-shell:fullscreen .video:after,
.video-shell.cinema-mode .video:after{
  top:clamp(18px,2vw,42px);
  left:clamp(18px,2vw,42px);
  padding:clamp(9px,.8vw,16px) clamp(14px,1.2vw,24px);
  font-size:clamp(13px,1vw,22px);
}
@media (orientation:portrait){
  .video-shell:fullscreen .lower-third,
  .video-shell.cinema-mode .lower-third{
    width:min(92vw,1100px);
  }
  .video-shell:fullscreen .lower-text,
  .video-shell.cinema-mode .lower-text{
    font-size:clamp(22px,4vw,42px);
  }
}
@media(max-width:760px){
  .video-shell:fullscreen .broadcast-overlay,
  .video-shell.cinema-mode .broadcast-overlay{left:14px;right:14px}
  .video-shell:fullscreen .broadcast-overlay.overlay-bottom,
  .video-shell.cinema-mode .broadcast-overlay.overlay-bottom{bottom:max(20px,env(safe-area-inset-bottom))}
  .video-shell:fullscreen .lower-third,
  .video-shell.cinema-mode .lower-third{width:100%;grid-template-columns:1fr;min-height:auto}
  .video-shell:fullscreen .lower-kicker,
  .video-shell.cinema-mode .lower-kicker{padding:10px 14px;font-size:clamp(12px,3.4vw,18px)}
  .video-shell:fullscreen .lower-text,
  .video-shell.cinema-mode .lower-text{padding:14px 16px;font-size:clamp(20px,5vw,34px);line-height:1.2}
}

/* V15 — controles sem conflito, mensagens cinematográficas e painel refinado */
.video-bar{min-height:92px;padding:16px 8px 6px;border-top:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 34%,transparent),transparent)}
.video-title{min-width:0}.video-title p{max-width:780px;line-height:1.5}.video-title .accent-line{margin:8px 0 10px}
.video-actions{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.video-bar .video-control-btn{position:static;min-height:44px;padding:0 16px;border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 13%,var(--panel2));color:var(--text);box-shadow:0 8px 20px rgba(0,0,0,.10)}
.video-bar .video-control-btn:hover{background:var(--accent);color:var(--accentText)}
.video-autoplay-note{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}.video-autoplay-note:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 5px color-mix(in srgb,var(--ok) 12%,transparent)}
.video-shell:fullscreen .video-bar,.video-shell.cinema-mode .video-bar{display:flex;min-height:64px;padding:9px 20px;border:0;background:#111;color:#fff}.video-shell:fullscreen .video-title,.video-shell.cinema-mode .video-title{display:none}.video-shell:fullscreen .video-actions,.video-shell.cinema-mode .video-actions{width:100%;justify-content:flex-end}.video-shell:fullscreen .video-autoplay-note,.video-shell.cinema-mode .video-autoplay-note{display:none}.video-shell:fullscreen .video-bar .video-sound-btn,.video-shell.cinema-mode .video-bar .video-sound-btn{display:flex;min-height:46px;padding:0 18px;color:#fff}
.broadcast-overlay{--exit-y:18px;will-change:opacity,transform,filter}.broadcast-overlay.overlay-top{--exit-y:-18px}
.broadcast-overlay.show .lower-third{animation:lowerThirdEnter .48s cubic-bezier(.2,.8,.2,1) both}
.broadcast-overlay.leaving{animation:lowerThirdExit .68s cubic-bezier(.55,0,.25,1) both}
@keyframes lowerThirdEnter{from{opacity:0;transform:translateY(16px) scale(.985);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes lowerThirdExit{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}60%{opacity:.72}100%{opacity:0;transform:translateY(var(--exit-y)) scale(.975);filter:blur(6px)}}
.experience-copy{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel) 54%,color-mix(in srgb,var(--accent2) 5%,var(--panel)));border-radius:var(--card-radius)}
.stream-page .video-shell{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,var(--accent) 4%),var(--panel));box-shadow:0 24px 65px rgba(0,0,0,.2)}
.stream-page .chat{box-shadow:0 22px 54px rgba(0,0,0,.16)}

body:has(> main.wrap > nav.tabs){background:radial-gradient(circle at 8% -12%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%),linear-gradient(145deg,var(--bg2),var(--bg));padding-bottom:64px}
body:has(> main.wrap > nav.tabs)>.top{min-height:84px;padding-inline:max(24px,calc((100vw - 1580px)/2));border-bottom:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));box-shadow:0 14px 38px rgba(0,0,0,.12)}
body:has(> main.wrap > nav.tabs)>.top .brand img{height:50px;padding:4px;background:color-mix(in srgb,var(--panel2) 78%,transparent);border:1px solid var(--line)}
body:has(> main.wrap > nav.tabs)>.top .brand h1{text-transform:none;letter-spacing:-.02em;font-size:20px}
body:has(> main.wrap > nav.tabs)>.top .brand small{display:block;margin-top:4px;font-size:12px}
body:has(> main.wrap > nav.tabs)>main.wrap{width:min(1580px,95vw);margin:26px auto 38px}
body:has(> main.wrap > nav.tabs) nav.tabs{position:sticky;top:94px;z-index:18;display:flex;gap:6px;padding:8px;margin:0 0 22px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 12px 32px rgba(0,0,0,.1);backdrop-filter:blur(18px);overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
body:has(> main.wrap > nav.tabs) nav.tabs .tab{flex:0 0 auto;border-color:transparent;background:transparent;padding:11px 14px;border-radius:8px!important;color:var(--muted);font-size:12px;font-weight:800;transition:background .18s,color .18s,transform .18s}
body:has(> main.wrap > nav.tabs) nav.tabs .tab:hover{color:var(--text);background:var(--panel2);transform:translateY(-1px)}
body:has(> main.wrap > nav.tabs) nav.tabs .tab.active{color:var(--accentText);background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 25%,transparent)}
body:has(> main.wrap > nav.tabs) main>.card,body:has(> main.wrap > nav.tabs) .admin-grid>.card,body:has(> main.wrap > nav.tabs) .realtime-grid>.card{padding:22px;border-radius:14px!important;border-color:color-mix(in srgb,var(--accent) 17%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 97%,var(--accent) 3%),var(--panel));box-shadow:0 16px 42px rgba(0,0,0,.12)}
body:has(> main.wrap > nav.tabs) .card h2,body:has(> main.wrap > nav.tabs) .card h3{margin-top:0}
body:has(> main.wrap > nav.tabs) .stats{gap:14px}
body:has(> main.wrap > nav.tabs) .stats .stat{min-height:126px;padding:20px;border-top:3px solid var(--accent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,var(--panel)),var(--panel))}
body:has(> main.wrap > nav.tabs) .stats .stat strong{margin-top:12px;line-height:1}
body:has(> main.wrap > nav.tabs) .dashboard-heading{padding:3px 2px 8px}.dashboard-heading h2{font-size:clamp(24px,2vw,34px)}
body:has(> main.wrap > nav.tabs) .form-group{margin-bottom:18px}
body:has(> main.wrap > nav.tabs) .form-group label{font-size:12px;font-weight:800;letter-spacing:.025em}
body:has(> main.wrap > nav.tabs) input,body:has(> main.wrap > nav.tabs) select,body:has(> main.wrap > nav.tabs) textarea{min-height:46px;border-color:color-mix(in srgb,var(--accent) 12%,var(--line));background:color-mix(in srgb,var(--panel2) 88%,var(--panel));transition:border-color .18s,box-shadow .18s,background .18s}
body:has(> main.wrap > nav.tabs) input:focus,body:has(> main.wrap > nav.tabs) select:focus,body:has(> main.wrap > nav.tabs) textarea:focus{outline:0;border-color:var(--accent);background:var(--panel2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
body:has(> main.wrap > nav.tabs) .subcard{padding:18px;background:color-mix(in srgb,var(--accent) 6%,var(--panel2));box-shadow:none;border-style:dashed}
body:has(> main.wrap > nav.tabs) .btn{border-radius:8px!important;transition:transform .18s,box-shadow .18s,background .18s}
body:has(> main.wrap > nav.tabs) .btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.14)}
body:has(> main.wrap > nav.tabs) .table-wrap{border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
body:has(> main.wrap > nav.tabs) table thead th{position:sticky;top:0;z-index:1;background:var(--panel2);color:var(--text);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
body:has(> main.wrap > nav.tabs) table tbody tr{transition:background .15s}body:has(> main.wrap > nav.tabs) table tbody tr:hover{background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
body:has(> main.wrap > nav.tabs) th,body:has(> main.wrap > nav.tabs) td{padding:13px 12px}
body:has(> main.wrap > nav.tabs) .overlay-preview-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel))}
body:has(> main.wrap > nav.tabs) .fake-video{height:310px;box-shadow:inset 0 0 80px rgba(0,0,0,.55),0 15px 34px rgba(0,0,0,.18)}
body:has(> main.wrap > nav.tabs) .preview-lower-third{animation:previewMessageCycle 7s ease-in-out infinite}
@keyframes previewMessageCycle{0%,8%{opacity:0;transform:translateY(14px) scale(.985);filter:blur(4px)}18%,72%{opacity:1;transform:none;filter:none}88%,100%{opacity:0;transform:translateY(16px) scale(.98);filter:blur(5px)}}
@media(max-width:900px){.video-bar{align-items:stretch}.video-actions{justify-content:space-between}.video-autoplay-note{margin-left:auto}body:has(> main.wrap > nav.tabs)>.top{padding-inline:16px}body:has(> main.wrap > nav.tabs) nav.tabs{top:78px}}
@media(max-width:680px){.video-bar{min-height:0;padding:12px 8px 8px}.video-actions{width:100%}.video-bar .video-sound-btn{min-height:40px}.video-bar .video-sound-btn span:last-child{display:inline}.video-autoplay-note{font-size:10px}body:has(> main.wrap > nav.tabs)>main.wrap{width:100%;margin:12px 0 28px}body:has(> main.wrap > nav.tabs) nav.tabs{top:68px;margin:0 8px 12px;border-radius:9px}body:has(> main.wrap > nav.tabs) main>.card,body:has(> main.wrap > nav.tabs) .admin-grid>.card,body:has(> main.wrap > nav.tabs) .realtime-grid>.card{border-radius:0!important;border-left:0;border-right:0;padding:16px}body:has(> main.wrap > nav.tabs) .stats{padding:0 8px}body:has(> main.wrap > nav.tabs) .stats .stat{border-radius:10px!important;border:1px solid var(--line);border-top:3px solid var(--accent);padding:14px;min-height:104px}body:has(> main.wrap > nav.tabs) .dashboard-heading{padding:4px 10px 8px}}
@media(prefers-reduced-motion:reduce){.broadcast-overlay.show .lower-third,.broadcast-overlay.leaving,body:has(> main.wrap > nav.tabs) .preview-lower-third{animation:none!important}}

/* V16 — vídeo de espera, troca automática e legendas minimizadas */
.youtube-player-layer{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .72s ease;pointer-events:none}.youtube-player-layer.is-active{z-index:2;opacity:1}
.video:has(#standbyPlayer.is-active):after{display:none}
.video-source-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.video-source-status:before{content:"";width:7px;height:7px;border-radius:50%}.video-source-status.is-standby{color:var(--muted);background:var(--panel2)}.video-source-status.is-standby:before{background:#e4a443;box-shadow:0 0 0 5px rgba(228,164,67,.12)}.video-source-status.is-live{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 42%,var(--line));background:color-mix(in srgb,var(--ok) 8%,var(--panel2))}.video-source-status.is-live:before{background:#e0332b;box-shadow:0 0 0 5px rgba(224,51,43,.13);animation:livePulse 2s infinite}
.source-switched .video{animation:sourceSwitchGlow .9s ease both}@keyframes sourceSwitchGlow{0%{box-shadow:0 20px 60px rgba(0,0,0,.34)}35%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 68%,transparent),0 22px 70px rgba(0,0,0,.46)}100%{box-shadow:0 20px 60px rgba(0,0,0,.34)}}
.source-switch-card{border-style:solid!important;border-left:4px solid var(--accent)!important}.source-flow{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border:1px solid var(--line);background:var(--panel);font-size:10px;font-weight:900;letter-spacing:.07em}.source-flow span{padding:7px 9px;border:1px solid var(--line);background:var(--panel2)}.source-flow span:last-child{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.source-flow b{color:var(--accent);font-size:10px}
@media(max-width:760px){.video-actions{flex-wrap:wrap}.video-source-status{order:3}.source-flow{align-items:stretch;flex-direction:column;text-align:center}.source-flow b{padding:2px}}
@media(prefers-reduced-motion:reduce){.youtube-player-layer,.source-switched .video{transition:none!important;animation:none!important}}

/* V17 — presença em tempo real nos mapas */
.map-status-legend{display:flex;flex-direction:column;gap:7px;padding:10px 12px;border:1px solid rgba(0,0,0,.18);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(0,0,0,.16);color:#24221f;font:700 11px/1.2 Arial,sans-serif}.map-status-legend span{display:flex;align-items:center;gap:8px;white-space:nowrap}.map-status-legend i{width:10px;height:10px;border-radius:50%;display:block}.map-status-legend i.online{background:#32d17d;box-shadow:0 0 0 4px rgba(50,209,125,.18)}.map-status-legend i.offline{background:#aaa49a}

/* V18 — chats separados por dia de treinamento */
.chat-day-title{margin-top:3px;color:var(--accent);font-size:12px;font-weight:900;line-height:1.25}.chat-day-grid{align-items:stretch}.chat-active-day{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,color-mix(in srgb,var(--ok) 9%,var(--panel)),var(--panel))}.chat-day-active-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.chat-day-active-row h2{margin:8px 0 5px}.chat-active-chip{color:var(--ok)!important;border-color:color-mix(in srgb,var(--ok) 40%,var(--line))!important;background:color-mix(in srgb,var(--ok) 9%,var(--panel2))!important;white-space:nowrap}.chat-day-messages>.section-title{margin-bottom:16px}.archived-chat-note{margin:14px 0;padding:13px 15px;border-left:4px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--panel2));color:var(--muted);font-weight:700}.chat-day-messages .chat-form{border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--panel2)}
@media(max-width:680px){.chat-day-title{font-size:11px}.chat-day-active-row{align-items:flex-start;flex-direction:column}.chat-day-messages>.section-title{align-items:flex-start;flex-direction:column}.chat-day-grid{grid-template-columns:1fr}}

/* V19 — identificação obrigatória e relatório de frequência */
.participant-access-page{background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent) 12%,var(--bg2)),var(--bg) 55%)}.participant-access-card{width:min(560px,94vw);margin:3vh auto 76px;padding:24px}.participant-access-card>.brand{margin-bottom:22px}.participant-access-card h2{margin:8px 0}.attendance-consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0;padding:13px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);font-size:12px;font-weight:700;line-height:1.45}.attendance-consent input{flex:0 0 auto;width:auto;margin-top:2px}.participant-enter-btn{width:100%;min-height:48px}.participant-access-card input[type=file]{padding:9px}.participant-switch{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--panel2);color:var(--muted);font-size:10px;font-weight:900;text-decoration:none;text-transform:uppercase;white-space:nowrap}.participant-switch:hover{color:var(--accent);border-color:var(--accent)}.attendance-stats .attendance-time-total{font-size:clamp(19px,2vw,28px)}.attendance-filter{margin-top:18px}.attendance-filter form{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end}.attendance-filter .form-group{margin:0}.attendance-person{display:flex;align-items:center;gap:10px;min-width:220px}.attendance-person img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--panel2)}.attendance-person div{display:flex;flex-direction:column;gap:3px}.attendance-person small,.attendance-date{display:block;color:var(--muted);font-size:11px}.attendance-duration{display:inline-flex;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--panel2));color:var(--accent);font-weight:900;white-space:nowrap}.attendance-online{color:var(--ok);font-weight:900;white-space:nowrap}.attendance-table td{vertical-align:middle}
@media(max-width:680px){.participant-access-card{width:100%;margin:0 0 58px;border-left:0;border-right:0;border-radius:0!important;padding:18px 14px}.participant-access-card>.brand{align-items:flex-start;flex-direction:column}.participant-switch span:last-child{display:none}.participant-switch{min-width:38px;justify-content:center;padding:7px}.stream-page .top-actions{gap:4px}.stream-page .live-pill{padding:7px}.stream-page .live-pill #online{display:none}.attendance-filter form{grid-template-columns:1fr}.attendance-stats{grid-template-columns:repeat(2,1fr)}}
.map-marker-online{animation:mapMarkerPulse 1.8s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(50,209,125,.8))}.map-marker-offline{opacity:.78}.map-popup-online{color:#168a4d}.map-popup-offline{color:#77736c}@keyframes mapMarkerPulse{50%{stroke-width:5;fill-opacity:1;filter:drop-shadow(0 0 10px rgba(50,209,125,.95))}}
@media(prefers-reduced-motion:reduce){.map-marker-online{animation:none!important}}

/* V21 — operação em tempo real vinculada à transmissão */
.dashboard-operation-heading{margin-bottom:10px}.dashboard-training-selector{margin-bottom:18px;padding:14px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel))}.dashboard-training-selector form{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.dashboard-training-selector form>div{flex:1;min-width:0}.dashboard-training-selector label{display:block;margin-bottom:7px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.dashboard-training-selector select{width:100%;min-height:44px;font-weight:800}.dashboard-training-selector .status-chip{flex:0 0 auto;margin-bottom:5px}.dashboard-operation-heading .eyebrow{display:block;margin-bottom:6px}
@media(max-width:680px){.dashboard-training-selector{margin-inline:8px!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:12px!important}.dashboard-training-selector form{align-items:stretch;flex-direction:column;gap:10px}.dashboard-training-selector .status-chip{align-self:flex-start;margin:0}}

/* V22 — entrada simplificada e fotografia opcional */
.access-step{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--ok) 36%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--ok) 7%,var(--panel2))}.access-step>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--ok);color:#07180f;font-weight:1000}.access-step div{display:flex;flex-direction:column;gap:2px}.access-step strong{color:var(--ok);font-size:10px;letter-spacing:.08em}.access-step small{color:var(--muted);font-size:11px}.participant-photo-optional{margin:4px 0 14px;border:1px solid var(--line);border-radius:9px;background:var(--panel2)}.participant-photo-optional summary{padding:12px 13px;cursor:pointer;color:var(--muted);font-size:12px;font-weight:800}.participant-photo-optional[open] summary{border-bottom:1px solid var(--line);color:var(--text)}.participant-photo-optional .form-group{margin:0;padding:12px}.access-error{border-left-width:4px}.access-reassurance{margin:10px 0 0;text-align:center;color:var(--muted);font-size:11px}.participant-enter-btn:disabled{cursor:wait;opacity:.72;filter:saturate(.65)}