:root{
  --bg:#13041d;--deep:#0d0313;--panel:#251231;--panel2:#321b42;--card:#2a1538;
  --gold:#f2c76b;--gold2:#f8dda0;--pink:#ef5b86;--pink2:#f4a3da;
  --text:#fff7ff;--muted:#d8c8df;--line:rgba(242,199,107,.34);--soft:rgba(255,255,255,.07);
  --shadow:0 18px 60px rgba(0,0,0,.38)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 12% 0,#4a205c 0,#1a0824 42%,#0d0313 100%);color:var(--text)}button,a,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.login-body{min-height:100dvh;display:grid;place-items:center;padding:clamp(14px,3vw,28px);overflow:auto}.login-shell{width:min(1120px,100%);display:grid;grid-template-columns:1.08fr .92fr;gap:24px}.login-hero,.login-card{background:linear-gradient(145deg,rgba(55,25,72,.96),rgba(33,12,45,.97));border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:clamp(22px,4vw,34px)}.login-logo{width:128px;height:128px;object-fit:contain}.eyebrow{letter-spacing:.25em;text-transform:uppercase;color:var(--gold);font-weight:900}.login-hero h1{font-size:clamp(32px,5vw,62px);line-height:1;margin:.2em 0}.login-subtitle{color:var(--muted);font-size:18px}.login-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.login-feature-grid span{padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.05)}.login-tabs{display:flex;gap:8px;margin-bottom:20px}.tab-btn{flex:1;border:1px solid var(--line);background:#241033;color:white;border-radius:16px;padding:13px;font-weight:800}.tab-btn.active,.primary-btn{background:linear-gradient(135deg,var(--gold),#f4a6e7);color:#1b0a22}.login-panel{display:none}.login-panel.active{display:grid;gap:12px}.login-panel label{font-weight:800}.login-panel input{width:100%;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:#160820;color:white}.primary-btn{border:0;border-radius:18px;padding:16px;font-weight:900}.alert{background:#5f1730;border:1px solid #ff8aa8;padding:13px;border-radius:14px;margin-bottom:12px}.hint{color:var(--muted)}

.meeting-body{height:100dvh;overflow:hidden}.meet-app{height:100dvh;padding:10px;display:grid;grid-template-rows:auto 1fr;gap:10px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#2b0e3b,#3b183c);box-shadow:var(--shadow);min-height:96px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand img{width:68px;height:68px;object-fit:contain;flex:0 0 auto}.brand span{font-size:12px;text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-weight:900}.brand h1{font-size:clamp(22px,2.5vw,38px);line-height:1.05;margin:4px 0;white-space:normal}.brand small{color:var(--muted)}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill{border:1px solid var(--line);background:rgba(255,255,255,.08);color:white;border-radius:999px;padding:11px 15px;text-decoration:none;font-weight:850;min-height:44px}.pill.primary{background:linear-gradient(135deg,var(--gold),#efa0d9);color:#1e0d27}.pill.danger{background:linear-gradient(135deg,#fb5e8e,#d53a67)}
.main-grid{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:10px}.stage-panel,.panel{border:1px solid var(--line);border-radius:22px;background:rgba(26,7,36,.92);box-shadow:var(--shadow);overflow:hidden}.stage-panel{min-height:0;display:grid;grid-template-rows:auto 1fr auto}.stage-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);min-height:58px}.stage-head strong.bad{color:#ffb0bf}.device-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.control,.dock-btn{border:1px solid var(--line);border-radius:14px;background:#30183f;color:#fff;padding:10px 13px;font-weight:850}.control.active,.dock-btn.active{background:linear-gradient(135deg,var(--gold),#f1a3df);color:#1c0b24}.premium-grid{height:100%;min-height:0;padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(310px,100%),1fr));grid-auto-rows:minmax(230px,1fr);gap:10px;overflow:auto}.tile{position:relative;border:1px solid rgba(242,199,107,.28);border-radius:22px;background:radial-gradient(circle at 35% 30%,#8b4ca7,#321548 58%,#16091c);overflow:hidden;display:grid;place-items:center;min-height:230px}.tile video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:0;background:#000}.tile.has-video video{opacity:1}.avatar{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffd39d,#e99fed);color:#240c2d;font-size:54px;font-weight:900;border:2px solid rgba(242,199,107,.8)}.tile.has-video .avatar{display:none}.tile footer{position:absolute;left:14px;right:14px;bottom:12px;display:flex;justify-content:space-between;gap:8px;align-items:center;background:rgba(0,0,0,.60);border-radius:14px;padding:10px 12px;backdrop-filter:blur(12px)}.tile footer span{color:#ddd;font-size:13px}.tile.is-speaking{box-shadow:0 0 0 4px rgba(242,199,107,.50),0 0 45px rgba(242,199,107,.35)}.tile.is-speaking .voice-ring{display:block}.voice-ring{display:none;position:absolute;width:158px;height:158px;border-radius:50%;border:3px solid rgba(242,199,107,.8);animation:pulse 1.2s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.95}100%{transform:scale(1.24);opacity:0}}#audioDock{position:fixed;left:-9999px;bottom:0;width:1px;height:1px;overflow:hidden;opacity:.01;pointer-events:none}.bottom-controls{display:flex;justify-content:center;gap:10px;padding:12px;border-top:1px solid rgba(255,255,255,.1);overflow:auto;background:rgba(19,4,29,.7)}.dock-btn.leave{background:#d83e69;text-decoration:none}.side-panel{min-height:0;display:grid;grid-template-rows:290px minmax(0,1fr);gap:10px}.panel{display:grid;grid-template-rows:auto 1fr;min-height:0}.panel header{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.panel h2{margin:0;font-size:22px}.xbtn{border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--gold);border-radius:50%;width:36px;height:36px;font-size:24px}.participants-list{padding:14px;overflow:auto}.participant{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.06);margin-bottom:10px;min-width:0}.participant.has-hand{box-shadow:0 0 0 2px rgba(242,199,107,.25)}.mini-avatar{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#ffd39d,#eaa2e4);display:grid;place-items:center;color:#230c2c;font-weight:900;flex:0 0 auto}.p-info{flex:1;min-width:0}.p-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-info span{color:var(--gold);font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.p-icons{display:flex;gap:4px;flex:0 0 auto}.p-icons span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;font-size:13px}.send-row{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.send-row label{color:var(--gold);font-weight:800}.send-row select{flex:1;min-width:0;background:#21102d;color:white;border:1px solid var(--line);border-radius:14px;padding:10px}.messages-list{overflow:auto;padding:12px}.msg{max-width:86%;background:#33203e;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:9px 12px;margin-bottom:10px;word-break:break-word}.msg.mine{margin-left:auto;background:#4c285c}.msg.private{border-color:var(--gold)}.msg strong{color:var(--gold);font-size:12px}.msg p{margin:4px 0 0}.chat-form{position:relative;display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.1);align-items:center}.chat-form input{flex:1;min-width:0;border:1px solid var(--line);background:#160820;color:white;border-radius:999px;padding:13px 16px}.emoji-btn,.send-btn{border:0;border-radius:50%;width:46px;height:46px;background:linear-gradient(135deg,var(--gold),#f0a4dc);font-weight:900;flex:0 0 auto}.emoji-panel[hidden]{display:none!important}.emoji-panel{position:absolute;left:12px;bottom:66px;width:min(260px,calc(100vw - 36px));display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;background:#20102d;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);z-index:200}.emoji-panel button{border:1px solid rgba(255,255,255,.12);background:#321b42;border-radius:12px;padding:10px;font-size:22px}.participants-hidden .participants-panel{display:none}.chat-hidden .chat-panel{display:none}.participants-hidden.chat-hidden .side-panel{display:none}.participants-hidden.chat-hidden .main-grid{grid-template-columns:1fr}

@media(max-width:1200px){.meeting-body{height:auto;min-height:100dvh;overflow:auto}.meet-app{height:auto;min-height:100dvh}.topbar{align-items:flex-start}.main-grid{grid-template-columns:1fr}.side-panel{grid-template-rows:auto auto}.premium-grid{min-height:58dvh}.top-actions{max-width:100%;justify-content:flex-start}.bottom-controls{position:sticky;bottom:0;z-index:80;background:rgba(22,8,30,.92);backdrop-filter:blur(12px)}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-hero,.login-card{padding:20px;border-radius:22px}.login-feature-grid{grid-template-columns:1fr}.topbar{display:block}.brand{margin-bottom:12px}.brand img{width:54px;height:54px}.brand h1{font-size:23px}.brand span{font-size:10px}.top-actions{display:flex;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.pill{white-space:nowrap;padding:9px 11px;min-height:40px}.stage-head{display:block}.device-actions{margin-top:8px;overflow:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:3px}.control,.dock-btn{white-space:nowrap;padding:9px 11px}.stage-panel{min-height:64dvh}.premium-grid{grid-template-columns:1fr;grid-auto-rows:minmax(260px,46dvh);min-height:50dvh}.avatar{width:104px;height:104px;font-size:42px}.tile footer{left:8px;right:8px;bottom:8px;font-size:13px;display:block}.tile footer span{display:block;margin-top:3px}.bottom-controls{justify-content:flex-start}.side-panel{margin-top:10px}.panel{max-height:72dvh}.panel header{padding:13px}.panel h2{font-size:20px}.participant{padding:10px}.messages-list{min-height:260px}.chat-form{gap:6px;padding:10px}.emoji-btn,.send-btn{width:42px;height:42px}.send-row{display:block}.send-row label{display:block;margin-bottom:6px}.send-row select{width:100%}}
@media(max-width:430px){.meet-app{padding:6px}.topbar,.stage-panel,.panel{border-radius:18px}.brand h1{font-size:20px}.premium-grid{padding:6px}.bottom-controls{gap:6px}.dock-btn{font-size:13px}.messages-list{min-height:220px}}


/* BUILD device permission fix: chat emoji stable */
.emoji-panel[hidden]{display:none!important}
.emoji-panel{position:absolute;left:8px;bottom:64px;width:min(236px,calc(100vw - 36px));max-height:210px;overflow:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:9px;background:rgba(36,16,51,.98);border:1px solid rgba(239,195,106,.55);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.45);z-index:120}
.emoji-panel button{width:46px;height:46px;border-radius:12px;font-size:22px;border:1px solid rgba(255,255,255,.12);background:#321b42;color:#fff}
@media(max-width:760px){.emoji-panel{left:6px;right:auto;bottom:58px;width:min(220px,calc(100vw - 24px));max-height:184px}.emoji-panel button{width:42px;height:42px;font-size:20px}.chat-form{position:sticky;bottom:0;background:rgba(26,7,36,.96);z-index:30}.side-panel{width:100%;min-width:0}.messages-list{max-height:42dvh}}

/* BUILD share-options-premium: layout comme la maquette + menu participants */
.meeting-body{background:
  radial-gradient(circle at 18% -10%,rgba(126,62,150,.45),transparent 34%),
  radial-gradient(circle at 86% 12%,rgba(242,199,107,.16),transparent 32%),
  linear-gradient(135deg,#100318 0%,#170722 48%,#08020d 100%);}
.meet-app{padding:clamp(8px,1vw,14px);gap:12px;}
.topbar{min-height:116px;border-radius:24px;padding:18px 22px;background:linear-gradient(135deg,rgba(27,8,43,.96),rgba(45,17,55,.96));}
.brand img{width:88px;height:88px;filter:drop-shadow(0 8px 22px rgba(0,0,0,.35))}
.brand h1{font-family:Georgia,'Times New Roman',serif;font-weight:800;letter-spacing:-.02em}
.brand small{font-size:15px}.pill{box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}
.pill.primary{color:#fff;background:rgba(255,255,255,.08)}
.pill.primary::before{content:'●';color:#41c77a;margin-right:8px}.pill.danger{box-shadow:0 8px 24px rgba(239,91,134,.35)}
.main-grid{grid-template-columns:minmax(0,1fr) minmax(340px,390px);}
.stage-panel{border-radius:24px;background:linear-gradient(140deg,rgba(42,15,61,.9),rgba(18,7,24,.96));}
.stage-head{display:none}.premium-grid{padding:16px;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));grid-auto-rows:minmax(340px,1fr);gap:14px;}
.tile{border-color:rgba(242,199,107,.55);background:radial-gradient(circle at 35% 30%,#8a4ea4 0%,#553066 44%,#2b1836 72%,#120819 100%)}
.tile.is-screen{background:#030306}.tile.is-screen video{object-fit:contain;background:#050505}.tile.local{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.avatar{box-shadow:0 0 0 14px rgba(242,199,107,.06),0 0 0 28px rgba(242,199,107,.035)}
.bottom-controls{border-radius:999px;justify-self:center;align-self:center;margin:0 auto 4px;padding:12px 18px;border:1px solid rgba(255,255,255,.10);box-shadow:0 14px 45px rgba(0,0,0,.45);width:max-content;max-width:calc(100% - 22px)}
.dock-btn{border-radius:999px;min-width:130px;text-align:center}.dock-btn.leave{background:linear-gradient(135deg,#fb5e8e,#cc315d)}
.side-panel{grid-template-rows:minmax(220px,.42fr) minmax(280px,.58fr)}.panel{border-radius:24px;background:linear-gradient(180deg,rgba(36,13,51,.98),rgba(17,5,25,.98));}
.panel header h2{font-weight:900}.participant{position:relative;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border-color:rgba(242,199,107,.42)}
.p-icons{align-items:center}.participant-menu-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#ffd879;font-weight:900;font-size:18px;line-height:1;display:grid;place-items:center}.participant-menu-btn:hover,.participant-menu-btn:focus{background:rgba(242,199,107,.18);outline:0}
.participant-menu{position:fixed;z-index:9999;background:linear-gradient(180deg,#321a43,#1b0b27);border:1px solid rgba(242,199,107,.50);border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.58);padding:8px;max-height:min(70vh,420px);overflow:auto;color:#fff}.participant-menu .menu-title{font-weight:900;color:#f2c76b;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-menu button{width:100%;text-align:left;border:0;background:transparent;color:#fff;padding:11px 12px;border-radius:12px;font-weight:800}.participant-menu button:hover,.participant-menu button:focus{background:rgba(255,255,255,.10);outline:0}.participant.has-hand::after{content:'✋';position:absolute;top:-9px;right:44px;background:#f2c76b;color:#210a2b;border-radius:999px;padding:2px 8px;font-size:14px;font-weight:900}.send-btn{box-shadow:0 10px 26px rgba(242,199,107,.24)}
@media(max-width:1200px){.topbar{min-height:auto}.brand img{width:68px;height:68px}.main-grid{grid-template-columns:1fr}.premium-grid{grid-auto-rows:minmax(300px,54dvh)}.side-panel{grid-template-rows:auto auto}.bottom-controls{width:100%;border-radius:24px;justify-content:flex-start}}
@media(max-width:760px){.meeting-body{overflow:auto}.meet-app{height:auto;min-height:100dvh}.topbar{padding:14px;border-radius:20px}.brand{gap:10px}.brand img{width:56px;height:56px}.brand h1{font-size:22px}.brand small{font-size:12px}.top-actions{gap:6px}.pill{font-size:13px}.premium-grid{grid-auto-rows:minmax(320px,52dvh);padding:8px}.side-panel{display:block}.panel{margin-top:10px}.bottom-controls{position:sticky;bottom:6px;display:flex;overflow:auto;padding:10px;border-radius:20px}.dock-btn{min-width:112px;font-size:13px}.participant-menu{left:8px!important;right:8px!important;top:auto!important;bottom:74px!important;width:auto!important;max-height:55vh}.messages-list{max-height:38dvh}.emoji-panel{z-index:10000}}

/* BUILD fullstage-redesign-fix-20260709
   Objectif: écran principal plein, barre d’outils en bas, partage d’écran plein cadre. */
html,body.meeting-body{width:100%;height:100%;min-height:100%;overflow:hidden!important;}
.meeting-body .meet-app{
  height:100dvh!important;
  min-height:0!important;
  padding:8px!important;
  gap:8px!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
}
.meeting-body .topbar{
  min-height:82px!important;
  max-height:118px;
  padding:10px 14px!important;
  border-radius:20px!important;
  gap:10px!important;
  overflow:hidden;
}
.meeting-body .brand img{width:62px!important;height:62px!important;}
.meeting-body .brand{min-width:260px;overflow:hidden;}
.meeting-body .brand h1{font-size:clamp(20px,2.2vw,34px)!important;margin:2px 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.meeting-body .brand span{font-size:10px!important;letter-spacing:.22em!important;}
.meeting-body .brand small{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.meeting-body .top-actions{flex:1;min-width:0;display:flex!important;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px;}
.meeting-body .pill{min-height:38px!important;padding:8px 12px!important;font-size:14px!important;white-space:nowrap;flex:0 0 auto;}
.meeting-body .main-grid{
  min-height:0!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(330px,380px)!important;
  gap:8px!important;
}
.meeting-body .stage-panel{
  position:relative!important;
  min-height:0!important;
  height:100%!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr)!important;
  overflow:hidden!important;
  border-radius:22px!important;
}
.meeting-body .stage-head{display:none!important;}
.meeting-body .premium-grid{
  height:100%!important;
  min-height:0!important;
  padding:12px!important;
  padding-bottom:92px!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr))!important;
  grid-auto-rows:minmax(280px,1fr)!important;
  gap:12px!important;
  overflow:auto!important;
  align-content:stretch!important;
}
.meeting-body .tile{
  min-height:0!important;
  height:100%!important;
  border-radius:20px!important;
}
.meeting-body .tile video{width:100%!important;height:100%!important;}
.meeting-body .tile.is-screen video{object-fit:contain!important;background:#050505!important;}
.meeting-body.screen-mode .premium-grid{
  display:block!important;
  padding:12px!important;
  padding-bottom:92px!important;
}
.meeting-body.screen-mode .tile{display:none!important;}
.meeting-body.screen-mode .tile.is-screen{
  display:grid!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
.meeting-body.screen-mode .tile.is-screen video{
  object-fit:contain!important;
  width:100%!important;
  height:100%!important;
}
.meeting-body .bottom-controls{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:16px!important;
  transform:translateX(-50%)!important;
  z-index:250!important;
  margin:0!important;
  width:auto!important;
  max-width:calc(100% - 28px)!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  overflow-x:auto!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  background:rgba(20,6,29,.84)!important;
  border:1px solid rgba(242,199,107,.25)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.55)!important;
  backdrop-filter:blur(16px);
}
.meeting-body .dock-btn{min-width:116px!important;padding:10px 16px!important;border-radius:999px!important;white-space:nowrap!important;}
.meeting-body .dock-btn.active{box-shadow:0 0 0 3px rgba(242,199,107,.16);}
.meeting-body .side-panel{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:minmax(180px,34%) minmax(0,1fr)!important;
  gap:8px!important;
}
.meeting-body .panel{min-height:0!important;border-radius:20px!important;overflow:hidden!important;}
.meeting-body .participants-list,.meeting-body .messages-list{min-height:0!important;overflow:auto!important;}
.meeting-body .chat-panel{grid-template-rows:auto auto minmax(0,1fr) auto!important;}
.meeting-body .participant-menu{z-index:99999!important;}
.meeting-body.participants-hidden .main-grid{grid-template-columns:minmax(0,1fr) minmax(330px,380px)!important;}
.meeting-body.chat-hidden .side-panel{grid-template-rows:minmax(0,1fr)!important;}
.meeting-body.chat-hidden .chat-panel{display:none!important;}
.meeting-body.participants-hidden .participants-panel{display:none!important;}
.meeting-body.participants-hidden.chat-hidden .side-panel{display:none!important;}
.meeting-body.participants-hidden.chat-hidden .main-grid{grid-template-columns:1fr!important;}

@media (min-width:1400px){
  .meeting-body .main-grid{grid-template-columns:minmax(0,1fr) 390px!important;}
  .meeting-body .topbar{min-height:90px!important;}
  .meeting-body .brand img{width:70px!important;height:70px!important;}
}
@media (max-width:1100px){
  html,body.meeting-body{overflow:auto!important;}
  .meeting-body .meet-app{height:auto!important;min-height:100dvh!important;}
  .meeting-body .topbar{display:block!important;max-height:none!important;overflow:visible!important;}
  .meeting-body .brand{min-width:0;margin-bottom:10px;}
  .meeting-body .brand h1{white-space:normal!important;}
  .meeting-body .top-actions{justify-content:flex-start!important;}
  .meeting-body .main-grid{grid-template-columns:1fr!important;height:auto!important;}
  .meeting-body .stage-panel{height:calc(100dvh - 128px)!important;min-height:520px!important;}
  .meeting-body .premium-grid{grid-auto-rows:minmax(360px,1fr)!important;}
  .meeting-body .side-panel{height:auto!important;display:grid!important;grid-template-rows:auto auto!important;}
  .meeting-body .panel{max-height:60dvh;}
}
@media (max-width:760px){
  .meeting-body .meet-app{padding:6px!important;gap:6px!important;}
  .meeting-body .topbar{border-radius:18px!important;padding:10px!important;}
  .meeting-body .brand img{width:52px!important;height:52px!important;}
  .meeting-body .brand h1{font-size:21px!important;}
  .meeting-body .pill{font-size:13px!important;padding:8px 10px!important;}
  .meeting-body .stage-panel{height:62dvh!important;min-height:420px!important;border-radius:18px!important;}
  .meeting-body .premium-grid{padding:8px!important;padding-bottom:82px!important;grid-template-columns:1fr!important;grid-auto-rows:minmax(300px,1fr)!important;}
  .meeting-body.screen-mode .premium-grid{padding:8px!important;padding-bottom:82px!important;}
  .meeting-body .bottom-controls{bottom:8px!important;width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;justify-content:flex-start!important;border-radius:18px!important;padding:9px!important;}
  .meeting-body .dock-btn{min-width:104px!important;font-size:13px!important;padding:9px 12px!important;}
  .meeting-body .side-panel{display:block!important;}
  .meeting-body .panel{margin-top:8px;max-height:64dvh;}
  .meeting-body .emoji-panel{z-index:100000!important;}
}
@media (max-width:430px){
  .meeting-body .stage-panel{height:58dvh!important;min-height:360px!important;}
  .meeting-body .dock-btn{min-width:98px!important;}
  .meeting-body .avatar{width:96px!important;height:96px!important;font-size:42px!important;}
}

/* BUILD cross-browser-audio-final-20260709
   Correctifs: boutons actifs + audio Firefox/Safari/Edge via startAudio + éléments audio non cachés. */
#connectBtn,#audioUnlockBtn,#soundTestBtn,#micBtn,#micBtn2,#camBtn,#camBtn2,#screenBtn,#screenBtn2,#handBtn,#copyBtn,.dock-btn,.control,.pill,.participant-menu-btn,.send-btn,.emoji-btn{
  pointer-events:auto!important;
  position:relative;
  z-index:500!important;
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(242,199,107,.20);
}
.meeting-body .bottom-controls{pointer-events:auto!important;z-index:999!important;}
.meeting-body .stage-panel{isolation:isolate;}
/* Ne pas cacher complètement les audios: certains navigateurs bloquent les éléments offscreen/hidden. */
#audioDock{
  position:fixed!important;
  left:6px!important;
  bottom:6px!important;
  width:18px!important;
  height:18px!important;
  opacity:.001!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:1!important;
  display:block!important;
}
#audioDock audio{display:block!important;width:18px!important;height:18px!important;opacity:.001!important;}
.permission-note{display:none;margin:8px 12px 0;padding:10px 12px;border:1px solid rgba(242,199,107,.35);border-radius:14px;background:rgba(242,199,107,.08);color:#f7e4b6;font-weight:750;}
.meeting-body.media-warning .permission-note{display:block;}