@media (max-width: 900px) {
  #pnmMobileFullscreenBtn {
    position: relative;
    z-index: 1;
    width: 36px;
    height: 36px;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    background: #ffffff;
    color: #111827;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(15,23,42,.08);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  #pnmMobileFullscreenBtn:active {
    background: #eff6ff;
    border-color: #93c5fd;
  }
  body.pnm-mobile-fs-active {
    --pnm-mobile-side-width: clamp(260px, 36vw, 360px);
    --pnm-mobile-side-gap: 12px;
    background: #000 !important;
    overflow: hidden !important;
  }
  body.pnm-mobile-fs-active .plugNmeet-app,
  body.pnm-mobile-fs-active #main-area {
    height: 100dvh !important;
    height: 100vh !important;
    background: #000 !important;
  }
  body.pnm-mobile-fs-active #main-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2147482500 !important;
    background: rgba(255,255,255,.88) !important;
    backdrop-filter: blur(10px);
    transition: opacity .22s ease, transform .22s ease !important;
  }
  body.pnm-mobile-fs-active #main-footer {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2147482500 !important;
    background: rgba(255,255,255,.88) !important;
    backdrop-filter: blur(10px);
    transition: opacity .22s ease, transform .22s ease !important;
    padding-bottom: env(safe-area-inset-bottom);
  }
  body.dark.pnm-mobile-fs-active #main-header,
  body.dark.pnm-mobile-fs-active #main-footer {
    background: rgba(17,24,39,.88) !important;
  }
  body.pnm-mobile-fs-active.pnm-controls-hidden #main-header {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-110%);
  }
  body.pnm-mobile-fs-active.pnm-controls-hidden #main-footer {
    opacity: 0;
    pointer-events: none;
    transform: translateY(110%);
  }
  body.pnm-mobile-fs-active.pnm-controls-hidden #pnmMobileFullscreenBtn {
    opacity: 1;
  }
  body.pnm-mobile-fs-active.pnm-side-panel-open #main-header,
  body.pnm-mobile-fs-active.pnm-side-panel-open #main-footer {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }
  body.pnm-mobile-fs-active.pnm-side-panel-open #main-area {
    width: calc(100vw - var(--pnm-mobile-side-width)) !important;
    max-width: calc(100vw - var(--pnm-mobile-side-width)) !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    transition: width .18s ease, max-width .18s ease !important;
  }
  body.pnm-mobile-fs-active.pnm-side-panel-open #main-area > *:not(#main-left-panel):not(#main-right-panel):not(.transition-left-panel):not(.transition-right-panel) {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.pnm-mobile-fs-active.pnm-force-landscape.pnm-side-panel-open #main-area {
    width: calc(100dvh - var(--pnm-mobile-side-width)) !important;
    max-width: calc(100dvh - var(--pnm-mobile-side-width)) !important;
  }
  body.pnm-mobile-fs-active #pnmMobileSideHost {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: var(--pnm-mobile-side-width) !important;
    height: 100dvh !important;
    height: 100vh !important;
    z-index: 2147482700 !important;
    display: none;
    background: rgba(255,255,255,.98) !important;
    overflow: hidden !important;
    box-shadow: -12px 0 40px rgba(0,0,0,.32) !important;
  }
  body.dark.pnm-mobile-fs-active #pnmMobileSideHost {
    background: rgba(17,24,39,.98) !important;
  }
  body.pnm-mobile-fs-active.pnm-side-panel-open #pnmMobileSideHost {
    display: flex !important;
  }
  body.pnm-mobile-fs-active.pnm-force-landscape #pnmMobileSideHost {
    height: 100dvw !important;
    height: 100vw !important;
  }
  body.pnm-mobile-fs-active #main-left-panel,
  body.pnm-mobile-fs-active #main-right-panel,
  body.pnm-mobile-fs-active .transition-left-panel,
  body.pnm-mobile-fs-active .transition-right-panel {
    z-index: 2147482400 !important;
    max-height: calc(100dvh - 108px) !important;
    max-height: calc(100vh - 108px) !important;
  }
  body.pnm-mobile-fs-active .showChatPanel #main-right-panel,
  body.pnm-mobile-fs-active .showParticipantsPanel #main-right-panel,
  body.pnm-mobile-fs-active .showChatPanel .transition-right-panel,
  body.pnm-mobile-fs-active .showParticipantsPanel .transition-right-panel {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  body.pnm-mobile-fs-active.pnm-force-landscape {
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    overflow: hidden !important;
  }
  body.pnm-mobile-fs-active.pnm-force-landscape .plugNmeet-app {
    position: fixed !important;
    top: 0 !important;
    left: 100vw !important;
    width: 100vh !important;
    width: 100dvh !important;
    height: 100vw !important;
    height: 100dvw !important;
    transform: rotate(90deg) !important;
    transform-origin: top left !important;
    overflow: hidden !important;
  }
  body.pnm-mobile-fs-active.pnm-force-landscape #main-area {
    width: 100vh !important;
    width: 100dvh !important;
    height: 100vw !important;
    height: 100dvw !important;
  }
  body.pnm-mobile-fs-active.pnm-force-landscape #main-header,
  body.pnm-mobile-fs-active.pnm-force-landscape #main-footer {
    width: 100vh !important;
    width: 100dvh !important;
  }
  body.pnm-mobile-fs-active.pnm-force-landscape #main-left-panel,
  body.pnm-mobile-fs-active.pnm-force-landscape #main-right-panel,
  body.pnm-mobile-fs-active.pnm-force-landscape .transition-left-panel,
  body.pnm-mobile-fs-active.pnm-force-landscape .transition-right-panel {
    max-height: calc(100dvw - 108px) !important;
  }
  body.pnm-mobile-fs-active.pnm-side-panel-open #main-right-panel,
  body.pnm-mobile-fs-active.pnm-side-panel-open #main-left-panel,
  body.pnm-mobile-fs-active.pnm-side-panel-open .transition-right-panel,
  body.pnm-mobile-fs-active.pnm-side-panel-open .transition-left-panel {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: 0 !important;
    width: var(--pnm-mobile-side-width) !important;
    min-width: var(--pnm-mobile-side-width) !important;
    max-width: var(--pnm-mobile-side-width) !important;
    height: 100dvh !important;
    height: 100vh !important;
    max-height: 100dvh !important;
    max-height: 100vh !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    z-index: 2147482600 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 18px 60px rgba(0,0,0,.35) !important;
    background: rgba(255,255,255,.98) !important;
  }
  body.pnm-mobile-fs-active #pnmMobileSideHost > * {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  body.pnm-mobile-fs-active.pnm-force-landscape.pnm-side-panel-open #main-right-panel,
  body.pnm-mobile-fs-active.pnm-force-landscape.pnm-side-panel-open #main-left-panel,
  body.pnm-mobile-fs-active.pnm-force-landscape.pnm-side-panel-open .transition-right-panel,
  body.pnm-mobile-fs-active.pnm-force-landscape.pnm-side-panel-open .transition-left-panel {
    height: 100dvw !important;
    height: 100vw !important;
    max-height: 100dvw !important;
    max-height: 100vw !important;
  }
  body.dark.pnm-mobile-fs-active.pnm-side-panel-open #main-right-panel,
  body.dark.pnm-mobile-fs-active.pnm-side-panel-open #main-left-panel,
  body.dark.pnm-mobile-fs-active.pnm-side-panel-open .transition-right-panel,
  body.dark.pnm-mobile-fs-active.pnm-side-panel-open .transition-left-panel {
    background: rgba(17,24,39,.98) !important;
  }
  body.pnm-mobile-fs-active.pnm-side-panel-open input,
  body.pnm-mobile-fs-active.pnm-side-panel-open textarea,
  body.pnm-mobile-fs-active.pnm-side-panel-open [contenteditable="true"] {
    pointer-events: auto !important;
    user-select: text !important;
    -webkit-user-select: text !important;
  }
}
@media (min-width: 901px) {
  .pnm-mobile-fullscreen-icon { display: none !important; }
}