:root{
  --bg:#04090b;--panel:#0b1519;--panel2:#101d22;--line:#22343a;
  --text:#eef7f8;--muted:#91a7ad;--green:#19d37e;--blue:#2877d8;
  --red:#d93e52;--gold:#d4af37;--radius:20px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at top,#10232b,#04090b 42%);color:var(--text);font-family:Arial,sans-serif}
body{padding:24px}
a{color:inherit}
.shell{max-width:1220px;margin:auto}
.topbar,.card{border:1px solid var(--line);background:rgba(8,19,23,.94);border-radius:var(--radius)}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;margin-bottom:18px}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px;height:34px;object-fit:contain}
.brand strong{display:block}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.card{padding:20px;margin-bottom:18px}
.hero{text-align:center;padding:26px 12px}.hero h1{font-size:clamp(32px,5vw,58px);margin:0 0 10px}.hero p{color:var(--muted);max-width:780px;margin:auto;line-height:1.6}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.field{display:grid;gap:7px}.field span{font-size:11px;letter-spacing:.12em;color:#9eb1b7;text-transform:uppercase}
input,select{width:100%;padding:14px 15px;border-radius:14px;border:1px solid var(--line);background:#050c0f;color:var(--text);font-size:15px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#122126;color:white;border-radius:14px;padding:13px 16px;text-decoration:none;font-weight:700;cursor:pointer}
.btn.primary{background:linear-gradient(135deg,#2877d8,#1857a8);border-color:#3f8ce8}
.btn.green{background:linear-gradient(135deg,#19b96f,#0b8b50);border-color:#2ae28c}
.btn.red{background:linear-gradient(135deg,#d93e52,#982637);border-color:#ea5a6c}
.actions{display:flex;flex-wrap:wrap;gap:10px}
.chip{border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:11px;letter-spacing:.08em}
.chip.on{border-color:rgba(25,211,126,.55);color:#64f1ac;background:rgba(25,211,126,.08)}
.chip.off{color:#c0ccd0}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.stat{padding:16px;border:1px solid var(--line);border-radius:16px;background:#081115}.stat span{display:block;color:var(--muted);font-size:11px}.stat strong{font-size:25px;display:block;margin-top:7px}
.camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.camera-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:#081216}
.camera-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.camera-head h3{margin:0}
.meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.meta div{border:1px solid var(--line);border-radius:12px;padding:10px}.meta span{display:block;color:var(--muted);font-size:10px}.meta strong{font-size:13px}
.video-wrap{aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;border:1px solid var(--line)}
.video-wrap video,.video-wrap iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}
.controls{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.preloader{position:fixed;inset:0;background:#030708;z-index:9999;display:grid;place-items:center;transition:.5s}
.preloader.hide{opacity:0;visibility:hidden}
.preloader-box{text-align:center}.pulse{width:88px;height:88px;margin:18px auto;border-radius:50%;border:2px solid var(--green);display:grid;place-items:center;animation:pulse 1.2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 18px rgba(25,211,126,0)}0%{box-shadow:0 0 0 0 rgba(25,211,126,.28)}}
.notice{padding:13px 15px;border-radius:14px;margin-bottom:14px;border:1px solid var(--line);background:#0b171b}
.notice.error{border-color:#73313a;background:#2a1015}.notice.success{border-color:#17643e;background:#0d2b1d}.notice.warn{border-color:#806c22;background:#29230d}
.login-wrap{max-width:560px;margin:7vh auto}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.tab{padding:12px;border-radius:12px;border:1px solid var(--line);background:#0c171b;color:white;cursor:pointer}.tab.active{border-color:var(--green);color:#69efb0}
.hidden{display:none!important}.small{font-size:12px;color:var(--muted);line-height:1.5}.footer{text-align:center;color:var(--muted);font-size:12px;padding:18px}
.steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.step{padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px}.step.active{border-color:var(--green);color:#68efaf}
.code{font-family:monospace;padding:12px;border-radius:12px;background:#050c0f;border:1px solid var(--line);word-break:break-word}
@media(max-width:800px){
 body{padding:12px}.grid,.camera-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}
 .topbar{align-items:flex-start;gap:10px}.topbar .actions{justify-content:flex-end}
}


/* i9Cam Global PWA Boot */
.i9-global-preloader{
  position:fixed;
  inset:0;
  z-index:999999;
  overflow:hidden;
  background:#000;
  display:grid;
  place-items:center;
  opacity:1;
  visibility:visible;
  transition:opacity .65s ease, visibility .65s ease;
}
.i9-global-preloader.i9-preloader-hide{
  opacity:0;
  visibility:hidden;
}
.i9-deep-space{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.15) 0 1px,transparent 1.5px),
    radial-gradient(circle at 75% 31%,rgba(255,255,255,.11) 0 1px,transparent 1.5px),
    radial-gradient(circle at 61% 78%,rgba(59,255,114,.11) 0 1px,transparent 1.5px),
    radial-gradient(circle at 37% 64%,rgba(255,255,255,.08) 0 1px,transparent 1.5px),
    radial-gradient(ellipse at center,#050807 0%,#000 64%,#000 100%);
  background-size:170px 170px,220px 220px,260px 260px,310px 310px,100% 100%;
  animation:i9SpaceDrift 18s linear infinite;
}
.i9-pulse-core{
  position:absolute;
  width:min(52vw,620px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(35,255,105,.30) 0%,rgba(21,223,91,.18) 24%,rgba(14,194,75,.06) 48%,transparent 72%);
  filter:blur(8px);
  animation:i9PulseGreen 1.85s ease-in-out infinite;
}
.i9-preloader-mark{
  position:relative;
  z-index:2;
  width:min(72vw,760px);
  max-height:40vh;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(38,255,107,.16));
  animation:i9LogoFloat 2.6s ease-in-out infinite;
}
.i9-preloader-footer{
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  bottom:max(7px,env(safe-area-inset-bottom));
  text-align:center;
  font-size:4px;
  font-weight:400;
  letter-spacing:.08em;
  color:rgba(255,255,255,.42);
}
@keyframes i9PulseGreen{
  0%,100%{transform:scale(.82);opacity:.42}
  50%{transform:scale(1.16);opacity:1}
}
@keyframes i9LogoFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-4px) scale(1.012)}
}
@keyframes i9SpaceDrift{
  from{background-position:0 0,0 0,0 0,0 0,center}
  to{background-position:170px 80px,-120px 220px,180px -90px,-170px 110px,center}
}
@media (prefers-reduced-motion:reduce){
  .i9-pulse-core,.i9-preloader-mark,.i9-deep-space{animation:none}
}

.i9-install-app{
  position:fixed;right:16px;bottom:18px;z-index:99990;
  border:1px solid rgba(40,119,216,.75);border-radius:999px;
  padding:12px 16px;background:#1764bd;color:#fff;font-weight:700;
  box-shadow:0 14px 40px rgba(0,0,0,.45);cursor:pointer
}
.i9-install-app[hidden]{display:none!important}


/* Account security · v1.0.6 */
.account-shell{max-width:1220px;margin:0 auto}
.account-card{max-width:620px;margin:28px auto;text-align:left;padding:34px}
.account-card h1{margin:6px 0 8px;font-size:30px}
.account-icon{
  width:62px;height:62px;border-radius:20px;
  display:flex;align-items:center;justify-content:center;
  font-size:28px;background:rgba(15,205,129,.10);
  border:1px solid rgba(15,205,129,.35);margin-bottom:18px
}
.password-form{display:grid;gap:18px;margin-top:24px}
.password-input{display:flex;align-items:center;gap:8px}
.password-input input{flex:1}
.password-toggle{
  width:48px;height:48px;border-radius:14px;border:1px solid var(--line);
  background:rgba(255,255,255,.03);color:var(--text);cursor:pointer
}
.password-rules{
  display:grid;gap:6px;padding:14px 16px;border-radius:16px;
  border:1px solid var(--line);background:rgba(255,255,255,.018);
  color:var(--muted);font-size:12px
}
.password-rules span.valid{color:#20d895}
.account-submit{width:100%;justify-content:center;min-height:52px}
.security-lock{
  margin-top:18px;text-align:center;color:var(--muted);
  font-size:11px;letter-spacing:.03em
}
@media(max-width:700px){
  .account-card{margin:18px 0;padding:24px 18px}
  .account-card h1{font-size:25px}
}


/* i9Cam Power Connect v1.1.0 */
.central-shell{max-width:1420px}
.obs-bar,.section-head,.share-card,.request-card,.live-info{display:flex;align-items:center;justify-content:space-between;gap:16px}
.obs-bar{margin:18px 0;padding:16px 20px;border:1px solid rgba(38,137,255,.30);border-radius:18px;background:rgba(19,81,145,.10)}
.obs-bar>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.obs-bar small{grid-column:2;color:var(--muted);margin-top:3px}
.obs-dot{width:11px;height:11px;border-radius:50%;background:#19d98b;box-shadow:0 0 18px rgba(25,217,139,.8);grid-row:1/3}
.stat-action{display:flex;align-items:center;justify-content:center}
.invite-main{min-height:48px}
.share-card{margin:16px 0;align-items:flex-start}
.share-link{flex:1;padding:14px;border-radius:14px;background:rgba(0,0,0,.25);border:1px solid var(--line);font-size:12px;word-break:break-all}
.whatsapp{background:#15b967!important;border-color:#20da7e!important;color:#fff!important}
.eyebrow{font-size:10px;letter-spacing:.14em;color:#7fd1f5}
.pending-section{margin-top:18px}
.pending-list{display:grid;gap:12px;margin-top:16px}
.request-card{padding:14px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.018)}
.request-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(22,190,126,.12);border:1px solid rgba(22,190,126,.35);font-weight:800;font-size:19px}
.request-info{display:grid;gap:3px;flex:1}
.request-info span,.request-info small{color:var(--muted)}
.empty-state{padding:26px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px}
.central-section{margin-top:25px}
.live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:15px}
.live-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(3,17,24,.80)}
.live-preview{position:relative;aspect-ratio:16/9;background:#000}
.live-preview iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.slot-label{position:absolute;left:12px;top:12px;z-index:2;background:rgba(0,0,0,.7);padding:7px 10px;border-radius:999px;font-size:10px;letter-spacing:.10em}
.live-status{position:absolute;right:12px;top:12px;z-index:2}
.live-info{padding:15px}
.live-info h3{margin:0 0 4px}
.camera-metrics{font-size:11px;color:var(--muted)}
.join-shell{max-width:850px;margin:0 auto}
.join-card{max-width:620px;margin:30px auto;padding:35px}
.waiting-card{text-align:center}
.wait-pulse{width:88px;height:88px;border-radius:50%;margin:0 auto 18px;background:radial-gradient(circle,#25df91 0 12%,rgba(37,223,145,.20) 13% 42%,transparent 43%);animation:i9wait 1.8s infinite}
@keyframes i9wait{50%{transform:scale(1.12);filter:brightness(1.25)}}
@media(max-width:900px){
 .live-grid{grid-template-columns:1fr}
 .share-card,.obs-bar,.section-head{align-items:stretch;flex-direction:column}
 .request-card{align-items:flex-start;flex-wrap:wrap}
}


/* i9Cam v1.1.1 · UX refinement */
:root{
  --action:#188b67;
  --action-hover:#1da879;
  --soft:#112126;
  --soft-hover:#172b31;
}
.brand-lg img{width:104px;height:52px}
.brand-lg strong{font-size:16px}
.btn{transition:.18s ease}
.btn:disabled,.tool-btn:disabled{opacity:.42;cursor:not-allowed}
.btn-main{background:var(--action);border-color:rgba(70,220,166,.42);color:#fff}
.btn-main:hover{background:var(--action-hover)}
.btn-secondary{background:#14262c;border-color:#294149;color:#eef7f8}
.btn-quiet{background:rgba(255,255,255,.025);border-color:var(--line);color:#b8c7cb}
.btn-exit{padding:9px 12px;font-size:11px}
.btn-small{padding:9px 11px;font-size:11px;border-radius:11px}
.chip.ready{border-color:rgba(212,175,55,.42);color:#edd273;background:rgba(212,175,55,.07)}

.login-v111{max-width:520px}
.login-brand-card{padding:18px 22px}
.login-card{padding:28px}
.login-card h1{margin:7px 0 7px}
.login-form{display:grid;gap:15px;margin-top:22px}
.login-form .btn-main{width:100%;min-height:50px}
.pin-field input{text-align:center;font-size:25px;letter-spacing:.32em;font-weight:700}

.guest-shell{max-width:760px}
.guest-topbar{padding:14px 16px}
.guest-head-actions{align-items:center}
.camera-panel{padding:16px}
.camera-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.camera-primary-actions .btn{min-height:48px}
.camera-tool-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}
.tool-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 9px;border:1px solid var(--line);border-radius:13px;background:#122126;color:#dce8eb;font-weight:700;cursor:pointer}
.tool-icon{font-size:16px}
.tool-btn.mic-on{background:rgba(20,153,98,.17);border-color:rgba(40,210,137,.52);color:#72edb5}
.tool-btn.mic-off{background:rgba(201,52,69,.17);border-color:rgba(224,72,89,.56);color:#ff8f9d}
.tool-btn.danger-soft{background:rgba(255,255,255,.025);color:#d7e1e4}
.settings-card{padding:0;overflow:hidden}
.settings-card summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;cursor:pointer;font-weight:700}
.settings-card summary::-webkit-details-marker{display:none}
.settings-card summary small{color:var(--muted);font-weight:400}
.settings-body{display:grid;gap:16px;padding:0 20px 20px;border-top:1px solid var(--line);padding-top:18px}

.compact-master{max-width:1280px}
.master-topbar{padding:13px 16px;margin-bottom:10px}
.master-actions{align-items:center}
.master-statusline{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 13px;margin-bottom:10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);font-size:12px;color:#c7d4d7}
.muted-status{color:var(--muted)}
.master-command-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.invite-command-card,.pending-compact{padding:16px;margin-bottom:12px}
.command-title{display:flex;justify-content:space-between;align-items:center;gap:12px}
.command-title h2{font-size:19px;margin:4px 0 0}
.invite-result{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:13px}
.invite-meta{display:grid;gap:3px;font-size:11px}
.invite-meta span{color:var(--muted)}
.compact-help{margin:13px 0 0}
.compact-empty{padding:16px}
.compact-stats{grid-template-columns:repeat(3,1fr);margin-bottom:8px}
.compact-stats .stat{padding:12px 14px}
.compact-stats .stat strong{font-size:21px;margin-top:3px}
.compact-live-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.compact-live-grid .live-card{border-radius:16px}
.compact-live-grid .live-info{padding:10px;display:block}
.compact-live-grid .live-info .actions{margin-top:9px}
.compact-live-grid .live-info h3{font-size:14px}
.compact-live-grid .slot-label{padding:5px 8px;font-size:9px}
.compact-live-grid .live-status{padding:5px 8px;font-size:9px}
.central-section{margin-top:12px}
.central-section .section-head{margin-bottom:8px}
.central-section .section-head h2{margin:3px 0 0}

@media(max-width:980px){
  .master-command-grid{grid-template-columns:1fr}
  .compact-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .invite-result{grid-template-columns:1fr}
}
@media(max-width:700px){
  .brand-lg img{width:88px;height:44px}
  .guest-topbar,.master-topbar{align-items:center}
  .guest-topbar .brand span{max-width:145px}
  .camera-primary-actions{grid-template-columns:1fr 1fr}
  .camera-tool-row{grid-template-columns:repeat(3,1fr)}
  .tool-btn{font-size:10px;padding:10px 5px}
  .master-statusline{align-items:flex-start;flex-direction:column}
  .compact-live-grid{grid-template-columns:1fr}
  .compact-stats{grid-template-columns:repeat(3,1fr)}
  .compact-stats .stat{padding:10px}
  .compact-stats .stat span{font-size:9px}
}


/* i9Cam v2.0 Clean Architecture */
.brand.brand-lg img,
.brand-lg img,
.topbar .brand img,
.login-brand-card .brand img{
  width:150px !important;
  height:48px !important;
  object-fit:contain !important;
  object-position:left center !important;
  flex:0 0 150px;
}
.login-brand-card .brand img{width:165px!important;height:54px!important;flex-basis:165px}
.i9-preloader-mark{
  width:min(360px,72vw)!important;
  height:auto!important;
  object-fit:contain!important;
}
.i9-preloader-footer{
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:600!important;
  letter-spacing:.08em!important;
  opacity:.88!important;
  color:#e7f0f2!important;
  text-shadow:0 1px 12px rgba(0,0,0,.7);
  bottom:34px!important;
}
.new-invite-form{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:min(430px,100%);
}
.new-invite-form input{
  min-width:210px;
  flex:1;
  background:#071318;
  color:#f6fafb;
  border:1px solid #243b42;
  border-radius:12px;
  padding:12px 13px;
}
.invite-result{
  grid-template-columns:auto auto minmax(240px,1fr) auto!important;
  align-items:stretch!important;
}
.invite-person,.pin-box,.link-box{
  border:1px solid var(--line);
  border-radius:13px;
  background:rgba(255,255,255,.018);
  padding:11px 13px;
}
.invite-person{display:grid;align-content:center;gap:4px;min-width:145px}
.invite-person span,.pin-box small,.link-box small{font-size:9px;letter-spacing:.12em;color:#7fd1f5}
.pin-box{display:grid;justify-items:center;align-content:center;min-width:125px}
.pin-box strong{font-size:21px;letter-spacing:.09em;white-space:nowrap}
.copy-mini{border:0;background:none;color:#7fd1f5;font-size:9px;cursor:pointer;padding:4px}
.link-box{min-width:0}
.link-box .share-link{margin-top:5px;padding:8px 0;border:0;background:none}
.invite-actions{align-content:center;display:grid!important;gap:7px!important}
.invited-name{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
.invited-name small{font-size:9px;letter-spacing:.14em;color:#7fd1f5}
.invited-name strong{font-size:19px}
@media(max-width:900px){
  .brand.brand-lg img,.brand-lg img,.topbar .brand img{width:126px!important;height:42px!important;flex-basis:126px}
  .login-brand-card .brand img{width:145px!important;height:48px!important;flex-basis:145px}
  .new-invite-form{min-width:100%;flex-direction:column;align-items:stretch}
  .new-invite-form input{min-width:0}
  .invite-result{grid-template-columns:1fr 1fr!important}
  .link-box,.invite-actions{grid-column:1/-1}
}


/* v2.1 · Voz TáOn */
.taon-countdown{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(0,8,11,.82);
  backdrop-filter:blur(16px);
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease,visibility .22s ease;
}
.taon-countdown.show{opacity:1;visibility:visible}
.taon-countdown-card{
  width:min(430px,92vw);
  min-height:330px;
  display:grid;
  justify-items:center;
  align-content:center;
  gap:18px;
  padding:34px 24px;
  border:1px solid rgba(52,218,148,.34);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(9,31,37,.96),rgba(2,12,16,.98));
  box-shadow:0 28px 80px rgba(0,0,0,.5),0 0 50px rgba(38,210,139,.08);
  text-align:center;
}
.taon-countdown-card img{
  width:min(230px,70vw);
  height:auto;
  object-fit:contain;
}
.taon-countdown-card span{
  color:#e8f5f3;
  font-size:clamp(20px,5vw,28px);
  font-weight:600;
  letter-spacing:.02em;
}
.taon-countdown-card strong{
  min-height:104px;
  display:grid;
  place-items:center;
  color:#43dda1;
  font-size:clamp(68px,20vw,112px);
  line-height:1;
  text-shadow:0 0 34px rgba(67,221,161,.34);
}


/* v2.2 · Central dinâmica de colaboradores */
.master-icon-actions{display:flex;gap:9px;align-items:center}
.icon-action{
  width:42px;height:42px;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:12px;
  background:rgba(255,255,255,.025);color:#f4f8f9;
  text-decoration:none;font-size:18px;line-height:1;
}
.icon-action:hover{border-color:#3e6874;background:rgba(255,255,255,.055)}
.icon-exit{font-size:20px}
.empty-camera-state{
  min-height:210px;display:grid;place-items:center;align-content:center;
  gap:8px;border:1px dashed #29434a;border-radius:20px;
  background:rgba(255,255,255,.012);text-align:center;padding:28px;
}
.empty-camera-state strong{font-size:20px}
.empty-camera-state span{font-size:12px;color:#91a3a8}
.empty-camera-icon{font-size:42px;color:#42d999;opacity:.65}
.dynamic-live-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:16px;
}
.collaborator-card{overflow:hidden}
.collaborator-info{padding-bottom:10px}
.collaborator-controls{
  display:grid;
  grid-template-columns:72px 72px minmax(120px,1fr) minmax(120px,1fr) 108px;
  gap:8px;padding:0 13px 13px;align-items:stretch;
}
.control-button,.control-slider,.control-select{
  min-height:58px;border:1px solid var(--line);border-radius:12px;
  background:#08161b;color:#eef5f6;
}
.control-button{
  display:grid;place-items:center;align-content:center;gap:2px;
  cursor:pointer;font-size:18px;
}
.control-button span,.control-slider span,.control-select span{
  font-size:8px;letter-spacing:.12em;color:#8fa4aa;
}
.control-button.command-sent{border-color:#39d796;box-shadow:0 0 0 2px rgba(57,215,150,.12)}
.control-slider,.control-select{display:grid;align-content:center;gap:5px;padding:8px 10px}
.control-slider input{width:100%}
.control-select select{width:100%;background:#071217;color:#fff;border:0;font-size:11px}
.disconnect-control{color:#ff9a9a}
.technical-row{display:flex;justify-content:flex-end;padding:0 13px 13px}
.technical-link{
  border:0;background:none;color:#6c8f98;font-size:9px;letter-spacing:.08em;cursor:pointer;
}
@media(max-width:760px){
 .collaborator-controls{grid-template-columns:1fr 1fr}
 .control-slider,.control-select,.disconnect-control{grid-column:1/-1}
}


/* v3.1 · Preloader somente na abertura do PWA */
.i9-global-preloader[hidden]{display:none!important}
.i9-global-preloader{
  opacity:0;
  visibility:hidden;
}
.i9-global-preloader.i9-preloader-show{
  opacity:1;
  visibility:visible;
}
.i9-global-preloader.i9-preloader-hide{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

/* v3.1 · Instalar App */
.i9-install-app{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9990;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 16px;
  border:1px solid #2f8cff;
  border-radius:14px;
  background:rgba(2,12,17,.92);
  color:#eaf5ff;
  box-shadow:0 12px 34px rgba(0,0,0,.34);
  backdrop-filter:blur(12px);
  cursor:pointer;
}
.i9-install-app:hover,
.i9-install-app:focus-visible{
  border-color:#42db9b;
  outline:none;
}
.i9-install-app:disabled{
  opacity:.55;
  cursor:wait;
}
.i9-install-app[hidden]{display:none!important}
.i9-install-app span{font-size:17px}
.i9-install-app strong{
  font-size:10px;
  letter-spacing:.12em;
}
@media(max-width:720px){
  .i9-install-app{
    right:12px;
    bottom:12px;
    min-height:44px;
    padding:0 14px;
  }
}


/* v3.2 · UX consolidada */
.compact-toast{
  display:inline-flex!important;
  width:auto!important;
  max-width:min(520px,calc(100vw - 32px));
  min-height:42px;
  align-items:center;
  padding:9px 14px!important;
  margin:8px 0 14px!important;
  border-radius:12px!important;
  font-size:13px!important;
}
.compact-toast:empty{display:none!important}

.dynamic-live-grid{
  grid-template-columns:repeat(auto-fit,minmax(260px,340px))!important;
  justify-content:start;
}
.collaborator-card{
  max-width:340px;
}
.camera-preview-shell{
  position:relative;
  aspect-ratio:16/9;
  min-height:0!important;
  overflow:hidden;
  background:#031014;
}
.camera-preview-shell iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
.camera-preview-shell:fullscreen{
  width:100vw;
  height:100vh;
  max-width:none;
  aspect-ratio:auto;
  background:#000;
}
.camera-preview-shell:fullscreen iframe{
  width:100vw;
  height:100vh;
}
.fullscreen-camera{
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:4;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(71,219,157,.65);
  border-radius:10px;
  background:rgba(2,12,16,.72);
  color:#eafff6;
  cursor:pointer;
}
.live-status{
  font-size:8px!important;
  padding:5px 8px!important;
  min-height:auto!important;
}

/* Estados visuais mobile: bordas apenas */
.guest-actions .btn,
.guest-toolbar button,
#connect,
#switch,
#micToggle,
#stop{
  background:transparent!important;
  border:1px solid #2f8cff!important;
  color:#eaf3ff!important;
  transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease;
}
#connect.is-active,
#micToggle.is-active,
.guest-toolbar button.is-active{
  border-color:#38d894!important;
  box-shadow:0 0 0 2px rgba(56,216,148,.10);
}
#micToggle.is-inactive{
  border-color:#2f8cff!important;
  color:#a8bbca!important;
}
#switch.is-processing,
#connect.is-processing{
  border-color:#2f8cff!important;
  opacity:.65;
  cursor:wait;
}
#switch.is-active{
  border-color:#38d894!important;
}
#stop{
  border-color:#e1525b!important;
  color:#ffb4b9!important;
}
#stop.is-danger-active{
  border-color:#ff3344!important;
  box-shadow:0 0 0 2px rgba(255,51,68,.12);
  transform:scale(.98);
}
#connect:disabled,
#switch:disabled{
  opacity:.55;
}
@media(max-width:720px){
  .dynamic-live-grid{grid-template-columns:1fr!important}
  .collaborator-card{max-width:none}
  .guest-actions,.guest-toolbar{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  #stop{grid-column:1/-1}
}


/* v3.3 · Arlon global, PIN mobile e correção de estouro */
html,body,
button,input,select,textarea,
.btn,.tool-btn,.control-button,.chip,.eyebrow,
h1,h2,h3,h4,h5,h6,strong,b,small,span,a,p,label,summary{
  font-family:"Arlon","Arial Nova","Helvetica Neue",Arial,sans-serif!important;
  font-weight:200!important;
}
body{font-weight:200!important}
strong,b,h1,h2,h3,h4,h5,h6{
  font-weight:200!important;
  letter-spacing:.005em;
}

/* Convite: conteúdo nunca invade os botões */
.invite-command-card,
.invite-result,
.invite-person,
.pin-box,
.link-box,
.invite-actions{
  min-width:0;
}
.invite-result{
  grid-template-columns:minmax(118px,.75fr) minmax(112px,.62fr) minmax(190px,1.5fr) minmax(142px,.82fr)!important;
  width:100%;
  overflow:hidden;
}
.link-box{
  overflow:hidden;
}
.link-box .share-link{
  display:block;
  width:100%;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:normal;
  line-height:1.25;
}
.invite-actions{
  width:100%;
  align-self:stretch;
}
.invite-actions .btn{
  width:100%;
  max-width:100%;
  min-width:0;
  white-space:normal;
  line-height:1.08;
  text-align:center;
  padding-inline:10px;
}
.command-title{
  min-width:0;
}
.new-invite-form{
  max-width:100%;
}
.new-invite-form input{
  width:100%;
  max-width:100%;
}

/* PIN mobile: área de toque e leitura estáveis */
.pin-field input{
  width:100%;
  min-height:56px;
  box-sizing:border-box;
  font-size:23px!important;
  letter-spacing:.24em!important;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
.login-form .btn{
  touch-action:manipulation;
}

/* Frase 10% menor no mobile */
@media(max-width:700px){
  .login-card h1{
    font-size:90%!important;
    line-height:1.12;
  }
}

/* Central adaptável sem colisão */
@media(max-width:1180px){
  .master-command-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:900px){
  .invite-result{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    overflow:visible;
  }
  .link-box,
  .invite-actions{
    grid-column:1/-1;
  }
  .invite-actions{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:560px){
  .invite-command-card,
  .pending-compact{
    padding:13px!important;
  }
  .command-title{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .invite-result{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .invite-person,
  .pin-box,
  .link-box,
  .invite-actions{
    grid-column:1!important;
    width:100%;
    box-sizing:border-box;
  }
  .invite-actions{
    grid-template-columns:1fr!important;
  }
  .invite-actions .btn{
    min-height:44px;
  }
  .pin-box strong{
    font-size:19px!important;
  }
}


/* =========================================================
   i9Cam v3.5 · TuViuCast Mobile Home
   ========================================================= */
.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}

body.i9-tuviu-login{
  min-height:100svh;
  padding:0;
  overflow-x:hidden;
  background:#01050b url('/assets/tuviucast-mobile-bg.webp') center top/cover fixed no-repeat;
  font-family:"Arlon","Arial Nova","Helvetica Neue",Arial,sans-serif;
}
body.i9-tuviu-login::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    linear-gradient(180deg,rgba(0,3,10,.18) 0%,rgba(1,7,15,.34) 34%,rgba(1,7,15,.92) 65%,#01050b 100%),
    radial-gradient(circle at 50% 21%,rgba(26,112,234,.15),transparent 36%);
}
.tvc-mobile-shell{
  position:relative;z-index:1;width:min(100%,520px);min-height:100svh;
  margin:0 auto;padding:18px 14px 24px;display:grid;gap:14px;
}
.tvc-engine-bar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 12px 11px;border:1px solid rgba(37,91,145,.52);
  border-radius:20px;background:linear-gradient(145deg,rgba(2,12,23,.89),rgba(3,18,31,.73));
  box-shadow:0 12px 40px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(14px);
}
.tvc-engine-bar>img{width:184px;max-width:50%;height:54px;object-fit:contain;object-position:left center}
.tvc-security{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(31,92,151,.42);border-radius:15px;background:rgba(2,12,24,.52)}
.tvc-security>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #20e665;border-radius:10px;color:#20e665;font-weight:800}
.tvc-security div{display:grid;line-height:1.1}.tvc-security strong{font-size:11px}.tvc-security small{font-size:8px;color:#aebcc8;margin-top:4px}

.tvc-brand-stage{
  min-height:310px;padding:20px 10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
}
.tvc-brand-stage>img{
  width:min(92%,430px);height:205px;object-fit:contain;
  filter:drop-shadow(0 12px 26px rgba(0,0,0,.48));
}
.tvc-invite-note{
  width:min(96%,430px);display:flex;align-items:center;justify-content:center;gap:12px;
  margin-top:2px;padding:16px 14px;border:1px solid rgba(48,91,139,.56);border-radius:18px;
  background:linear-gradient(145deg,rgba(4,17,33,.88),rgba(3,13,26,.76));
  box-shadow:0 18px 42px rgba(0,0,0,.30);backdrop-filter:blur(14px);text-align:left;
}
.tvc-invite-note>b{color:#ff284f;font-size:24px}
.tvc-invite-note p{margin:0;font-size:15px;line-height:1.48;color:#f4f6f9}
.tvc-invite-note strong{color:#f0b52f}.tvc-invite-note span{font-size:13px;color:#d0d8e0}.tvc-invite-note em{color:#18a9ff;font-style:normal;font-weight:700}

.tvc-login-card{
  overflow:hidden;border:1px solid rgba(50,97,151,.62);border-radius:24px;
  background:linear-gradient(160deg,rgba(3,17,32,.95),rgba(1,10,21,.92));
  box-shadow:0 22px 55px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.025);
  backdrop-filter:blur(17px);
}
.tvc-access-title{display:flex;align-items:center;gap:12px;padding:22px 20px 0;color:#25a9ff;letter-spacing:.065em}
.tvc-access-title>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #1598ef;border-radius:13px;font-size:21px}
.tvc-access-title strong{font-size:14px;font-weight:600}
.tvc-login-card h1{margin:23px 18px 18px;text-align:center;font-size:25px;font-weight:400;letter-spacing:.005em}
.tvc-login-card h1 em{color:#1ba8ff;font-style:normal;font-weight:600}
.tvc-form{padding:0 18px;margin:0;gap:15px}
.tvc-pin-wrap{display:block}
.tvc-pin-wrap input{
  height:82px;margin:0;border:1.5px solid #159ff7;border-radius:20px;
  background:linear-gradient(180deg,rgba(1,10,19,.88),rgba(2,14,26,.96));
  color:#f4f8fb;text-align:center;font-size:31px;font-weight:300;
  letter-spacing:.46em;padding-left:.46em;box-shadow:inset 0 9px 26px rgba(0,0,0,.26);
}
.tvc-pin-wrap input::placeholder{color:#6e7987;opacity:1}
.tvc-pin-wrap input:focus{outline:none;border-color:#39b9ff;box-shadow:0 0 0 3px rgba(18,159,242,.12),0 0 24px rgba(18,159,242,.11)}
.tvc-connect-btn{
  width:100%;min-height:68px;border:1px solid #20dd72;border-radius:18px;cursor:pointer;
  background:linear-gradient(180deg,#13b862,#078d46);color:#fff;
  font-family:inherit;font-size:19px;font-weight:600;letter-spacing:.18em;
  box-shadow:inset 0 1px rgba(255,255,255,.16),0 14px 30px rgba(1,91,45,.22);
}
.tvc-connect-btn span{margin-right:8px}.tvc-connect-btn:active{transform:translateY(1px)}
.tvc-private{display:flex;align-items:center;gap:12px;padding:20px 18px 18px;color:#c9d0d7;font-size:12px}
.tvc-private i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#4a5664)}
.tvc-private i:last-child{background:linear-gradient(90deg,#4a5664,transparent)}
.tvc-benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(49,73,97,.58);padding:18px 8px 20px}
.tvc-benefits div{display:grid;justify-items:center;text-align:center;gap:4px;padding:0 8px;border-right:1px solid rgba(56,76,96,.44)}
.tvc-benefits div:last-child{border-right:0}.tvc-benefits b{font-size:27px;line-height:1}.tvc-benefits div:nth-child(1) b{color:#ffd52d}.tvc-benefits div:nth-child(2) b{color:#ff2856}.tvc-benefits div:nth-child(3) b{color:#2685ff}
.tvc-benefits strong{font-size:12px;font-weight:500}.tvc-benefits span{font-size:10px;color:#b5c0ca;line-height:1.3}

.tvc-engine-note{
  display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 16px;
  border:1px solid rgba(47,91,139,.52);border-radius:19px;background:rgba(3,16,29,.78);
  text-align:center;backdrop-filter:blur(12px)
}
.tvc-engine-note img{width:77px;height:28px;object-fit:contain}.tvc-engine-note p{margin:0;font-size:12px;line-height:1.45;color:#eef1f4}.tvc-engine-note strong{color:#ff394d}
.tvc-footer{text-align:center;color:#d7dbe1;font-size:11px;letter-spacing:.015em;padding:2px 0 10px}.tvc-footer b{margin:0 7px;color:#8793a0}.tvc-footer strong{color:#f3b329}

@media(max-width:410px){
  .tvc-mobile-shell{padding-inline:10px}.tvc-engine-bar>img{width:158px}.tvc-security{padding:7px}.tvc-security strong{font-size:9px}
  .tvc-brand-stage{min-height:280px}.tvc-brand-stage>img{height:184px}.tvc-login-card h1{font-size:22px}
  .tvc-pin-wrap input{height:74px;font-size:28px}.tvc-connect-btn{min-height:62px;font-size:17px}
}
@media(min-width:700px){
  body.i9-tuviu-login{background-position:center 20%}.tvc-mobile-shell{padding-top:26px;padding-bottom:32px}
}

/* Premium clean preloader */
.i9-global-preloader{
  background:#01060d!important;display:grid!important;place-items:center!important;
}
.i9-loader-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(11,71,126,.25),transparent 34%),linear-gradient(180deg,#020912,#01050a)}
.i9-loader-orbit{
  position:absolute;width:min(74vw,330px);aspect-ratio:1;border-radius:50%;
  background:conic-gradient(from 0deg,#d62839,#f1ba2d,#20d978,#1d93ff,#173c90,#d62839);
  padding:3px;filter:drop-shadow(0 0 22px rgba(40,130,255,.20));
  animation:i9OrbitSpin 3.6s linear infinite;
}
.i9-loader-orbit::before{content:"";display:block;width:100%;height:100%;border-radius:50%;background:#020a13;box-shadow:inset 0 0 45px rgba(13,79,133,.24)}
.i9-loader-core{position:relative;z-index:2;display:grid;justify-items:center;text-align:center;width:min(68vw,300px)}
.i9-loader-tuviu{width:min(64vw,270px);height:116px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.45))}
.i9-loader-engine{width:min(45vw,180px)!important;height:52px!important;margin-top:2px;object-fit:contain!important;filter:none!important;animation:none!important}
.i9-loader-core strong{margin-top:24px;font-size:18px;font-weight:500}.i9-loader-core span{margin-top:8px;color:#b9c5d0;font-size:13px}
.i9-loader-progress{position:absolute;z-index:3;bottom:13%;width:min(72vw,310px);height:4px;border-radius:999px;background:#142535;overflow:hidden}
.i9-loader-progress i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d978,#1ba8ff);animation:i9Progress 3.3s ease-in-out forwards;box-shadow:0 0 12px #22d978}
.i9-preloader-footer{font-size:9px!important;font-weight:400!important;bottom:5.5%!important;color:rgba(225,234,242,.62)!important}
@keyframes i9OrbitSpin{to{transform:rotate(360deg)}}@keyframes i9Progress{from{width:8%}to{width:100%}}
@media(prefers-reduced-motion:reduce){.i9-loader-orbit,.i9-loader-progress i{animation:none}}


/* =========================================================
   v3.8 · REBUILD STABLE
   ========================================================= */
html,body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,p,span,strong,small,label,a{
  font-family:"Arlon","Arial Nova","Helvetica Neue",Arial,sans-serif!important;
}

.master-topbar,.master-statusline,.invite-command-card,.pending-compact,.stat,.collaborator-card{
  border-color:#175d7d!important;
}
.master-topbar{
  background:linear-gradient(145deg,#06131a,#02090d)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.03);
}
.master-brand-stable{display:grid!important;grid-template-columns:auto auto 1fr;align-items:center;gap:20px}
.master-engine-logo{width:172px!important;height:62px!important;object-fit:contain}
.master-brand-text{display:grid;gap:4px}
.master-brand-text span{color:#20b8ff;font-size:11px;letter-spacing:.17em}
.master-brand-text strong{font-size:28px;font-weight:400}
.master-tuviu-logo{justify-self:end;width:145px;height:64px;object-fit:contain}

.collaborator-card{
  overflow:hidden;border:1.5px solid #17709a!important;border-radius:22px!important;
  background:linear-gradient(160deg,#06131a,#030b10)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.42),0 0 0 1px rgba(25,162,226,.05);
}
.camera-preview-shell{min-height:300px;background:#000!important;border-bottom:1px solid #175d7d}
.camera-preview-shell iframe{display:block;width:100%;height:100%;min-height:300px;border:0;background:#000}
.collaborator-info{padding:18px 18px 10px!important}
.collaborator-info h3{font-size:23px!important;font-weight:400!important;margin-bottom:4px}
.camera-metrics{font-size:12px!important;color:#478ca4!important}

.stable-controls{
  display:grid!important;grid-template-columns:1fr 1.45fr .72fr!important;
  gap:10px!important;padding:10px 16px 14px!important;align-items:stretch!important;
}
.stable-audio-toggle,.stable-zoom,.stable-cam-stack{
  min-height:88px;border:1px solid #175d7d;border-radius:15px;
  background:linear-gradient(180deg,#071a23,#041117);
  color:#eefaff;box-sizing:border-box;
}
.stable-audio-toggle{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  padding:10px;cursor:pointer;
}
.stable-audio-icon{font-size:25px;line-height:1}
.stable-audio-toggle strong{font-size:12px;letter-spacing:.08em}
.stable-audio-toggle small{font-size:8px;color:#9cb1bb}
.stable-audio-toggle.is-on{
  border-color:#1b9ee8;box-shadow:0 0 0 1px rgba(27,158,232,.22),0 0 18px rgba(27,158,232,.1);
}
.stable-audio-toggle.is-off{border-color:#c52f47;background:linear-gradient(180deg,#251117,#11070a)}
.stable-zoom{display:grid;align-content:center;gap:5px;padding:10px 12px}
.stable-zoom>span{font-size:9px;letter-spacing:.12em;color:#8aabb8}
.stable-zoom-row{display:grid;grid-template-columns:30px 1fr 30px;gap:7px;align-items:center}
.stable-zoom-step{
  width:30px;height:30px;border:1px solid #1b769e;border-radius:50%;
  background:#071922;color:#fff;font-size:18px;cursor:pointer;
}
.stable-zoom output{text-align:center;font-size:10px;color:#c8d7dd}
.stable-cam-stack{display:grid;grid-template-rows:24px 1fr 1fr;overflow:hidden;padding:0}
.stable-cam-title{
  display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(23,93,125,.9);
  color:#8aabb8;font-size:9px;letter-spacing:.16em;font-weight:600;
}
.stable-cam-action{
  border:0;border-radius:0;background:transparent;color:#eefaff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:7px;min-height:0;padding:5px 7px;
  transition:background .18s ease,transform .18s ease,opacity .18s ease;
}
.stable-cam-action+ .stable-cam-action{border-top:1px solid rgba(23,93,125,.9)}
.stable-cam-action span{font-size:19px;line-height:1}
.stable-cam-action small{font-size:8px;letter-spacing:.1em;color:#a9c0c9}
.stable-cam-switch:hover{background:rgba(25,157,220,.12)}
.stable-cam-disconnect:hover{background:rgba(213,42,68,.13)}
.stable-cam-disconnect small{color:#ff8798}
.stable-cam-action:active{transform:scale(.97)}
.stable-cam-action.is-busy{opacity:.55;pointer-events:none}
.stable-obs-row{padding:0 16px 14px!important}
.stable-obs-copy{
  width:100%;min-height:42px!important;border:1px solid #2184ad!important;border-radius:12px!important;
  background:linear-gradient(180deg,#0b2936,#061922)!important;
  color:#e5f7ff!important;font-size:12px!important;font-weight:600!important;letter-spacing:.06em!important;
}
.camera-offline-now,.camera-disconnecting{opacity:.48;filter:grayscale(.72);pointer-events:none}
.live-status.disconnecting{border-color:#d68b20!important;color:#ffc86b!important;background:rgba(214,139,32,.12)!important}
body.modal-open{overflow:hidden}
.i9-confirm-modal[hidden]{display:none!important}
.i9-confirm-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}
.i9-confirm-backdrop{position:absolute;inset:0;background:rgba(0,5,8,.78);backdrop-filter:blur(7px)}
.i9-confirm-panel{
  position:relative;z-index:1;width:min(430px,100%);border:1px solid #176f96;border-radius:22px;
  background:linear-gradient(155deg,#081a22,#030b10 72%);padding:30px 28px 25px;text-align:center;
  box-shadow:0 28px 80px rgba(0,0,0,.62),0 0 42px rgba(23,112,154,.12);
}
.i9-confirm-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#8aa5af;font-size:27px;cursor:pointer}
.i9-confirm-icon{font-size:34px;margin-bottom:10px}
.i9-confirm-panel h3{margin:6px 0 9px;font-size:25px;font-weight:400;color:#f1fbff}
.i9-confirm-panel p{margin:0 auto 23px;max-width:345px;color:#9eb2bb;font-size:13px;line-height:1.55}
.i9-confirm-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px}
.i9-confirm-danger{border:1px solid #ce3d55!important;background:linear-gradient(180deg,#ba2942,#7d1729)!important;color:#fff!important}
.i9-confirm-danger:disabled{opacity:.55;cursor:wait}

@media(max-width:900px){
  .master-brand-stable{grid-template-columns:auto 1fr}
  .master-tuviu-logo{display:none}
  .stable-controls{grid-template-columns:1fr 1.3fr .72fr!important}
}
@media(max-width:560px){
  .master-engine-logo{width:136px!important;height:50px!important}
  .master-brand-text strong{font-size:22px}
  .camera-preview-shell,.camera-preview-shell iframe{min-height:235px}
  .stable-controls{grid-template-columns:1fr 1fr!important}
  .stable-cam-stack{grid-column:1/-1;grid-template-columns:70px 1fr 1fr;grid-template-rows:72px;min-height:72px}
  .stable-cam-title{border-bottom:0;border-right:1px solid rgba(23,93,125,.9)}
  .stable-cam-action + .stable-cam-action{border-top:0;border-left:1px solid rgba(23,93,125,.9)}
  .stable-audio-toggle,.stable-zoom{min-height:82px}
  .i9-confirm-actions{grid-template-columns:1fr}
}


/* v3.13 · Fluxo PIN restaurado e destacado */
.invite-command-card{
  border-color:rgba(0,201,255,.48)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.22), inset 0 0 0 1px rgba(0,201,255,.05);
}
.invite-command-card .command-title h2{font-size:clamp(20px,2vw,28px)!important;line-height:1.05}
.invite-main{
  min-height:48px!important;
  padding-inline:18px!important;
  border-radius:14px!important;
  letter-spacing:.045em!important;
  box-shadow:0 0 0 1px rgba(0,201,255,.2),0 9px 25px rgba(0,163,255,.16)!important;
}
.pin-flow-help{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px;
  color:rgba(222,245,255,.72);font-size:12px;letter-spacing:.025em
}
.pin-flow-help span{
  display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;
  border:1px solid rgba(0,201,255,.22);background:rgba(0,201,255,.055)
}
.pin-flow-help i{font-style:normal;color:#00c9ff}
.pin-box{border-color:rgba(0,255,149,.35)!important;background:rgba(0,255,149,.045)!important}
.pin-box strong{font-variant-numeric:tabular-nums;letter-spacing:.12em}
@media(max-width:560px){
  .new-invite-form{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .invite-main{width:100%!important}
  .pin-flow-help{gap:6px}.pin-flow-help i{display:none}.pin-flow-help span{width:100%;justify-content:center}
}

/* =========================================================
   v3.15 · USB DIRECT · MODO ESTÚDIO (CONGELADO)
   ========================================================= */
.usb-direct-entry{
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;
  margin-top:14px;padding:13px 14px;border:1px solid rgba(24,132,180,.52);
  border-radius:16px;background:linear-gradient(145deg,rgba(3,24,34,.9),rgba(2,13,20,.82));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 30px rgba(0,0,0,.22);
}
.usb-direct-copy{display:grid;gap:3px;min-width:0}
.usb-direct-kicker{font-size:8px;letter-spacing:.18em;color:#27bdf2}
.usb-direct-copy strong{font-size:13px;font-weight:500;color:#edfaff}
.usb-direct-copy small{font-size:9px;line-height:1.35;color:#7f9ca9}
.usb-direct-button{
  min-width:88px;height:42px;border:1px solid #1b8dbc;border-radius:12px;
  background:linear-gradient(180deg,#0d3444,#071d28);color:#eafaff;
  font-size:10px;font-weight:600;letter-spacing:.08em;cursor:pointer;
  box-shadow:0 8px 20px rgba(0,0,0,.2);transition:transform .18s ease,border-color .18s ease;
}
.usb-direct-button span{display:inline-grid;place-items:center;margin-right:4px;padding:3px 5px;border-radius:5px;background:#1599cf;color:#001016;font-size:8px}
.usb-direct-button:hover{border-color:#2bc6ff}.usb-direct-button:active{transform:scale(.97)}
body.usb-modal-open{overflow:hidden}
.usb-direct-modal[hidden]{display:none!important}
.usb-direct-modal{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:18px}
.usb-direct-backdrop{position:absolute;inset:0;background:rgba(0,5,9,.84);backdrop-filter:blur(9px)}
.usb-direct-panel{
  position:relative;z-index:1;width:min(680px,100%);max-height:min(90svh,760px);overflow:auto;
  border:1px solid #176f96;border-radius:24px;padding:28px;
  background:linear-gradient(155deg,#081b24,#020a0f 72%);
  box-shadow:0 32px 90px rgba(0,0,0,.7),0 0 50px rgba(22,132,183,.12);
}
.usb-direct-close{position:absolute;right:14px;top:10px;width:38px;height:38px;border:0;background:transparent;color:#8aa8b5;font-size:28px;cursor:pointer}
.usb-direct-badge{display:inline-flex;padding:6px 9px;border:1px solid rgba(34,188,242,.38);border-radius:999px;color:#38c9ff;font-size:8px;letter-spacing:.15em;background:rgba(20,139,190,.08)}
.usb-direct-panel h2{margin:13px 0 7px;font-size:clamp(24px,5vw,34px);font-weight:300;color:#f1fbff}
.usb-direct-intro{margin:0 0 18px;color:#8da7b3;font-size:12px;line-height:1.55}
.usb-direct-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.usb-method-card{border:1px solid rgba(23,93,125,.82);border-radius:17px;padding:15px;background:rgba(4,19,27,.78)}
.usb-method-card.is-primary{border-color:rgba(24,164,218,.82);box-shadow:inset 0 0 0 1px rgba(24,164,218,.06)}
.usb-method-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.usb-method-head>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #1b91bf;border-radius:10px;color:#38caff;font-size:12px}
.usb-method-head div{display:grid;gap:2px}.usb-method-head strong{font-size:12px;font-weight:500}.usb-method-head small{font-size:8px;color:#7193a1}
.usb-method-card ol{margin:0;padding-left:19px;color:#a9bdc6;font-size:10px;line-height:1.6}
.usb-method-card li+li{margin-top:5px}.usb-method-card b{color:#eaf8fd;font-weight:500}
.usb-direct-status{display:flex;align-items:center;gap:10px;margin-top:13px;padding:12px 13px;border:1px solid rgba(28,140,98,.5);border-radius:14px;background:rgba(13,93,61,.09)}
.usb-status-dot{width:9px;height:9px;border-radius:50%;background:#24db83;box-shadow:0 0 12px rgba(36,219,131,.65)}
.usb-direct-status div{display:grid;gap:2px}.usb-direct-status strong{font-size:10px;font-weight:500}.usb-direct-status small{font-size:8px;color:#88a99c}
.usb-direct-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:14px}
.usb-direct-actions .btn{min-height:44px;border-radius:13px;font-size:10px;letter-spacing:.06em}
.usb-direct-note{margin:11px 0 0;color:#657f8b;font-size:8px;line-height:1.45;text-align:center}
@media(max-width:560px){
  .usb-direct-entry{grid-template-columns:1fr}.usb-direct-button{width:100%}
  .usb-direct-panel{padding:24px 16px 18px;border-radius:20px}
  .usb-direct-methods{grid-template-columns:1fr}
  .usb-direct-actions{grid-template-columns:1fr}
}

/* =========================================================
   v3.16 · USB DIRECT NO PAINEL MASTER · CONGELADO
   ========================================================= */
.usb-master-card{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:100%;border-color:rgba(24,164,218,.42);background:linear-gradient(145deg,rgba(5,25,35,.95),rgba(2,12,18,.92))}
.usb-master-head{align-items:flex-start}.usb-chip{border-color:rgba(41,189,244,.45);color:#38c9ff;background:rgba(14,119,162,.12)}
.usb-master-copy{margin:0;color:#8ca7b3;font-size:11px;line-height:1.55}
.usb-master-open{width:100%;min-height:46px;border-radius:13px;letter-spacing:.08em}
@media(max-width:980px){.master-command-grid{grid-template-columns:1fr}.usb-master-card{min-height:auto}}