/* ItnaOne Connect V1.11.4.5 — immersive call layout for Android Chrome + iPhone Safari/PWA. */
html.rt-call-document,
html.rt-call-document body{height:100%;min-height:100%;background:#050d19!important}
html.rt-call-document body{margin:0!important;overflow:hidden!important;overscroll-behavior:none!important}

/* The normal workspace chrome must never cover an active call. */
html.rt-call-document body .itnaone-gmail-topbar,
html.rt-call-document body .itnaone-mobile-dock,
html.rt-call-document body .itnaone-bottom-nav,
html.rt-call-document body .mobile-bottom-nav,
html.rt-call-document body .bottom-nav,
html.rt-call-document body .bottom-dock{display:none!important}

html.rt-call-document body .mail-app-shell,
html.rt-call-document body .itnaone-view-stage,
html.rt-call-document body main,
html.rt-call-document body .platform-main{
  width:100%!important;max-width:none!important;min-width:0!important;
  height:var(--rt-call-vh,100vh)!important;min-height:0!important;
  margin:0!important;padding:0!important;background:#050d19!important;overflow:hidden!important
}
html.rt-call-document .rt-native-call-page,
html.rt-call-document .rt-messenger-call-page,
html.rt-call-document #rtCallPage{
  width:100%!important;max-width:none!important;height:var(--rt-call-vh,100vh)!important;
  min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#050d19!important
}
html.rt-call-document .rt-native-call-stage{
  position:relative!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;
  height:var(--rt-call-vh,100vh)!important;min-height:0!important;margin:0!important;
  padding:max(10px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom))!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;
  background:radial-gradient(circle at 50% 14%,#173a6d 0,#0b2448 27%,#07162b 58%,#040b16 100%)!important
}

html.rt-call-document .rt-native-call-top{
  flex:0 0 auto!important;min-height:44px!important;padding:0 2px!important;gap:8px!important
}
html.rt-call-document .rt-native-back{
  min-height:40px!important;padding:0 11px 0 7px!important;border-radius:999px!important;
  background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.10)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:.9rem!important
}
html.rt-call-document .rt-native-call-top .rt-call-time-chip{
  min-width:70px!important;height:40px!important;justify-content:center!important;padding:0 10px!important;
  font-size:.82rem!important;background:rgba(255,255,255,.085)!important
}
html.rt-call-document .rt-native-secure{display:none!important}

html.rt-call-document .rt-network-badge{
  left:14px!important;top:58px!important;min-height:30px!important;padding:5px 9px!important;
  font-size:10.5px!important;z-index:40!important;background:rgba(5,16,33,.72)!important
}

html.rt-call-document .rt-native-media-stage{
  position:relative!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;
  margin:8px 0!important;border-radius:24px!important;overflow:hidden!important;
  background:linear-gradient(180deg,rgba(8,22,44,.70),rgba(2,7,15,.92))!important;
  border:1px solid rgba(255,255,255,.08)!important
}
html.rt-call-document .rt-native-media-stage #rtRemoteVideo{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important
}
html.rt-call-document .rt-native-media-stage #rtLocalVideo{
  position:absolute!important;right:10px!important;top:10px!important;bottom:auto!important;z-index:45!important;
  width:clamp(86px,27vw,116px)!important;height:clamp(116px,36vw,154px)!important;
  border-radius:18px!important;border:2px solid rgba(255,255,255,.82)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.36)!important;background:#0a1220!important;object-fit:cover!important
}
html.rt-call-document .rt-native-video-name{
  left:10px!important;right:auto!important;bottom:10px!important;max-width:calc(100% - 132px)!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important
}
html.rt-call-document .rt-native-audio-identity{padding:20px 16px!important}
html.rt-call-document .rt-native-call-avatar{width:96px!important;height:96px!important;font-size:1.8rem!important}
html.rt-call-document .rt-native-audio-identity h1{font-size:1.55rem!important;margin:15px 0 4px!important}
html.rt-call-document .rt-native-audio-identity p{font-size:.9rem!important}
html.rt-call-document .rt-native-audio-identity small{font-size:.7rem!important}
html.rt-call-document .rt-native-rings span{width:142px!important;height:142px!important}

html.rt-call-document .rt-permission-panel{
  flex:0 0 auto!important;margin:0 0 8px!important;padding:9px!important;border-radius:16px!important;
  grid-template-columns:36px minmax(0,1fr)!important;gap:8px!important
}
html.rt-call-document .rt-permission-icon{width:36px!important;height:36px!important;border-radius:12px!important}
html.rt-call-document .rt-permission-panel strong{font-size:.82rem!important}
html.rt-call-document .rt-permission-panel p{font-size:.68rem!important;margin-top:2px!important}
html.rt-call-document .rt-permission-panel button{
  grid-column:1/-1!important;width:100%!important;min-height:40px!important;padding:8px 10px!important;border-radius:12px!important
}

html.rt-call-document .rt-native-incoming-actions{
  flex:0 0 auto!important;margin:2px auto 8px!important;gap:64px!important
}
html.rt-call-document .rt-native-round-action span{width:60px!important;height:60px!important}

/* Native-style controls stay inside the visible Android viewport. */
html.rt-call-document .rt-native-call-controls{
  flex:0 0 auto!important;display:grid!important;grid-auto-flow:column!important;
  grid-auto-columns:minmax(0,1fr)!important;gap:7px!important;width:min(100%,420px)!important;
  margin:2px auto 0!important;padding:0!important
}
html.rt-call-document .rt-native-call-controls button{
  width:100%!important;min-width:0!important;max-width:none!important;min-height:68px!important;padding:6px 3px!important;
  border:0!important;border-radius:18px!important;background:rgba(255,255,255,.075)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important
}
html.rt-call-document .rt-native-call-controls button .rt-control-icon{
  width:30px!important;height:30px!important
}
html.rt-call-document .rt-native-call-controls button svg{width:23px!important;height:23px!important}
html.rt-call-document .rt-native-call-controls .rt-control-label{font-size:.64rem!important;line-height:1!important}
html.rt-call-document .rt-native-call-controls button[data-off="1"]{background:#f8fafc!important;color:#15223a!important}
html.rt-call-document .rt-native-call-controls .rt-hangup{
  background:#f13b4f!important;color:#fff!important;box-shadow:none!important
}
html.rt-call-document .rt-native-call-note{display:none!important}

@media(max-width:374px){
  html.rt-call-document .rt-native-call-stage{padding-left:8px!important;padding-right:8px!important}
  html.rt-call-document .rt-network-badge{left:10px!important;top:55px!important}
  html.rt-call-document .rt-native-media-stage{margin:6px 0!important;border-radius:20px!important}
  html.rt-call-document .rt-native-media-stage #rtLocalVideo{right:8px!important;top:8px!important;width:82px!important;height:108px!important;border-radius:15px!important}
  html.rt-call-document .rt-native-call-controls{gap:5px!important}
  html.rt-call-document .rt-native-call-controls button{min-height:62px!important;border-radius:16px!important}
  html.rt-call-document .rt-native-call-controls button .rt-control-icon{width:27px!important;height:27px!important}
  html.rt-call-document .rt-native-call-controls button svg{width:21px!important;height:21px!important}
  html.rt-call-document .rt-native-call-controls .rt-control-label{font-size:.59rem!important}
}

/* Short Android displays: aggressively protect the media + controls from browser chrome. */
@media(max-height:650px) and (orientation:portrait){
  html.rt-call-document .rt-native-call-top{min-height:38px!important}
  html.rt-call-document .rt-native-back,html.rt-call-document .rt-native-call-top .rt-call-time-chip{height:36px!important;min-height:36px!important}
  html.rt-call-document .rt-network-badge{top:50px!important}
  html.rt-call-document .rt-native-media-stage{margin:5px 0!important}
  html.rt-call-document .rt-native-call-controls button{min-height:58px!important}
  html.rt-call-document .rt-native-call-controls button .rt-control-icon{height:25px!important}
  html.rt-call-document .rt-native-audio-identity h1{margin-top:10px!important;font-size:1.35rem!important}
  html.rt-call-document .rt-native-call-avatar{width:78px!important;height:78px!important;font-size:1.5rem!important}
}

@media(max-height:620px) and (orientation:landscape){
  html.rt-call-document .rt-native-call-stage{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(240px,34vw)!important;
    grid-template-rows:42px minmax(0,1fr) auto!important;gap:7px 10px!important
  }
  html.rt-call-document .rt-native-call-top{grid-column:1/-1!important;grid-row:1!important}
  html.rt-call-document .rt-native-media-stage{grid-column:1!important;grid-row:2/4!important;margin:0!important}
  html.rt-call-document .rt-permission-panel{grid-column:2!important;grid-row:2!important;align-self:end!important}
  html.rt-call-document .rt-native-incoming-actions,html.rt-call-document .rt-native-call-controls{grid-column:2!important;grid-row:3!important;align-self:end!important}
  html.rt-call-document .rt-native-call-controls{grid-auto-flow:row!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html.rt-call-document .rt-network-badge{top:50px!important}
}

@media(prefers-reduced-motion:reduce){html.rt-call-document *{scroll-behavior:auto!important}}