/* =============================================================
   TLGAWY V71 — mobile fast layout + keyboard + admin voice
   ============================================================= */

/* Keep the footer/menu visible inside the visual viewport while the software
   keyboard is open. V69 intentionally hid it; V71 reverses that behaviour. */
@media (max-width:900px){
  body.tlgawy-keyboard-fast #wrap_footer,
  body.tlgawy-keyboard-native #wrap_footer,
  body.tlgawy-keyboard-open #wrap_footer,
  body.tlgawy-keyboard-ios #wrap_footer{
    display:block!important;
    position:fixed!important;
    top:var(--tlgawy-footer-top)!important;
    right:0!important;left:0!important;bottom:auto!important;
    width:100%!important;
    height:var(--tlgawy-footer-height)!important;
    min-height:var(--tlgawy-footer-height)!important;
    max-height:var(--tlgawy-footer-height)!important;
    overflow:hidden!important;
    z-index:2147483001!important;
  }
  body.tlgawy-keyboard-fast #my_menu,
  body.tlgawy-keyboard-native #my_menu,
  body.tlgawy-keyboard-open #my_menu,
  body.tlgawy-keyboard-ios #my_menu{
    display:flex!important;height:100%!important;min-height:0!important;max-height:none!important;
  }
  body.tlgawy-keyboard-fast #top_chat_container,
  body.tlgawy-keyboard-native #top_chat_container,
  body.tlgawy-keyboard-open #top_chat_container,
  body.tlgawy-keyboard-ios #top_chat_container{
    position:fixed!important;top:var(--tlgawy-composer-top)!important;bottom:auto!important;
    right:0!important;left:0!important;width:100%!important;margin:0!important;
    z-index:2147483002!important;transform:none!important;transition:none!important;
  }
  body.tlgawy-keyboard-fast #warp_show_chat,
  body.tlgawy-keyboard-native #warp_show_chat,
  body.tlgawy-keyboard-open #warp_show_chat,
  body.tlgawy-keyboard-ios #warp_show_chat{
    height:var(--tlgawy-chat-body-height)!important;max-height:var(--tlgawy-chat-body-height)!important;
  }
  body.tlgawy-keyboard-fast #show_chat ul,
  body.tlgawy-keyboard-native #show_chat ul,
  body.tlgawy-keyboard-open #show_chat ul,
  body.tlgawy-keyboard-ios #show_chat ul{scroll-behavior:auto!important}
}

/* Mobile lite mode: preserve the normal layout but remove GPU/paint-heavy
   decoration. Call/video media and functional spinners are deliberately not
   disabled. */
@media (max-width:900px), (pointer:coarse){
  html.tlgawy-mobile-lite *,
  html.tlgawy-mobile-lite *::before,
  html.tlgawy-mobile-lite *::after{
    
    
  }
  html.tlgawy-mobile-lite .chat_log,
  html.tlgawy-mobile-lite .private_logs,
  html.tlgawy-mobile-lite .online_user,
  html.tlgawy-mobile-lite .offline_user,
  html.tlgawy-mobile-lite .room_element,
  html.tlgawy-mobile-lite .in_room_element,
  html.tlgawy-mobile-lite .float_menu,
  html.tlgawy-mobile-lite .modal_box,
  html.tlgawy-mobile-lite .modal_content,
  html.tlgawy-mobile-lite #chat_right,
  html.tlgawy-mobile-lite #chat_left,
  html.tlgawy-mobile-lite #top_chat_container,
  html.tlgawy-mobile-lite #wrap_footer,
  html.tlgawy-mobile-lite .tlgawy-side-panel-view,
  html.tlgawy-mobile-lite .tlgawy-store-card{
    
    
  }
  html.tlgawy-mobile-lite .chat_log *,
  html.tlgawy-mobile-lite .private_logs *{
    
  }
  html.tlgawy-mobile-lite .tlgawy-royal-watermark,
  html.tlgawy-mobile-lite .tlgawy-visual-profile-effect,
  html.tlgawy-mobile-lite .tlgawy-profile-effect-layer{
    
  }
  html.tlgawy-mobile-lite .bshadow,
  html.tlgawy-mobile-lite .shadow,
  html.tlgawy-mobile-lite .box_shadow{}
  html.tlgawy-mobile-lite #show_chat,
  html.tlgawy-mobile-lite #show_chat ul,
  html.tlgawy-mobile-lite #chat_right_data,
  html.tlgawy-mobile-lite #chat_left_data{scroll-behavior:auto!important}
  html.tlgawy-mobile-lite body .fa-spin,
  html.tlgawy-mobile-lite body .fa-spinner,
  html.tlgawy-mobile-lite body [class*="spinner"],
  html.tlgawy-mobile-lite body [class*="loading"]{
    
    
  }
}

/* Administrative voice announcement composer. */
.tlgawy-admin-voice-builder{display:grid;gap:9px}
.tlgawy-admin-voice-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.tlgawy-admin-voice-file{position:relative;display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 10px;border:1px dashed #c7ced8;border-radius:10px;background:#fafbfc;cursor:pointer;overflow:hidden}
.tlgawy-admin-voice-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.tlgawy-admin-voice-file i{font-size:17px;color:#1677c8}.tlgawy-admin-voice-file span{font-size:11px;font-weight:800;color:#394150;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tlgawy-admin-voice-actions{display:flex;gap:7px;flex-wrap:wrap}
.tlgawy-admin-voice-actions .reg_button{flex:1 1 130px;margin:0!important;min-height:40px}
#admin_voice_preview{display:none;width:100%;height:38px;margin:0}
#admin_voice_preview.is-ready{display:block}
.tlgawy-admin-voice-status{min-height:18px;font-size:11px;font-weight:700;color:#667085}
.tlgawy-admin-voice-status.is-recording{color:#c62828}
@media(max-width:620px){.tlgawy-admin-voice-grid{grid-template-columns:1fr}}

/* Listener banner: audio is never inserted into the public chat log. */
#tlgawy_admin_voice_banner{
  position:fixed;top:calc(var(--tlgawy-head-height,50px) + 8px);left:50%;transform:translateX(-50%);
  width:min(520px,calc(100vw - 20px));z-index:2147483500;display:none;direction:rtl;
  padding:10px 12px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#20252d;color:#fff;
  box-sizing:border-box;box-shadow:0 4px 16px rgba(0,0,0,.16)
}
#tlgawy_admin_voice_banner.is-visible{display:flex;align-items:center;gap:10px}
#tlgawy_admin_voice_banner .tlgawy-admin-voice-icon{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1976d2;font-size:16px}
#tlgawy_admin_voice_banner .tlgawy-admin-voice-copy{flex:1 1 auto;min-width:0}
#tlgawy_admin_voice_banner strong{display:block;font-size:13px;line-height:19px}
#tlgawy_admin_voice_banner small{display:block;opacity:.76;font-size:10px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tlgawy_admin_voice_banner button{border:0;border-radius:8px;padding:7px 9px;background:#fff;color:#20252d;font-size:11px;font-weight:800;cursor:pointer}
@media(max-width:900px){#tlgawy_admin_voice_banner{box-shadow:none;transition:none;animation:none}}