/*
 * Global HYDPOLL UI density.
 * The app is intentionally rendered at 86% so fonts, controls, cards,
 * spacing and floating panels all become more compact without changing
 * PDF/print document sizing.
 */
:root{
 --hyd-ui-scale:.86;
 --hyd-ui-scale-inverse:1.1627906977;
}

@media screen{
 body > :not(script):not(style):not(link):not(template){
  zoom:var(--hyd-ui-scale);
 }

 #app,
 #login-screen{
  width:calc(100% * var(--hyd-ui-scale-inverse));
 }

 #app{
  height:calc(100vh * var(--hyd-ui-scale-inverse)) !important;
 }

 #login-screen{
  min-height:calc(100vh * var(--hyd-ui-scale-inverse));
 }

 .modal,
 .cmdk-overlay,
 .help-drawer-overlay{
  width:calc(100vw * var(--hyd-ui-scale-inverse));
  height:calc(100vh * var(--hyd-ui-scale-inverse));
 }

 .notif-panel,
 #mobile-bottom-nav{
  width:calc(100% * var(--hyd-ui-scale-inverse));
 }

 /* Keep the two persistent bottom-right controls usable after global scaling. */
 #hydai-bubble{
  right:92px !important;
 }

 #hydai-panel{
  right:24px !important;
 }

 body.login-mode #app-launcher-btn,
 body.login-mode #app-launcher-pop,
 body.login-mode #t2-collapse-toggle,
 body.public-mode #app-launcher-btn,
 body.public-mode #app-launcher-pop,
 body.public-mode #t2-collapse-toggle{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
 }

 @media(max-width:640px){
  #hydai-bubble{
   right:82px !important;
   bottom:80px !important;
  }
 }

 @media(max-width:1024px){
  #hydai-bubble,
  #hydai-panel,
  #app-launcher-btn,
  #app-launcher-pop,
  #topbar-stats-strip,
  #kbds2-fab,
  .af2-fab,
  .qafab2-btn,
  .qafab2-bd,
  .qafab2-pop,
  #epnl-wrap,
  #pwa-install-fab,
  #mob2-pwa,
  #time-fab,
  #inbox-fab,
  .mf-fab,
  .mf-command-trigger,
  .hyd-fab,
  .hydai-fab,
  .ai-fab{
   display:none !important;
   visibility:hidden !important;
   pointer-events:none !important;
  }
 }

 body.login-mode #mob2-nav,
 body.login-mode #mob2-sheet,
 body.login-mode #mob2-sheet-bd,
 body.login-mode #mob2-off,
 body.public-mode #mob2-nav,
 body.public-mode #mob2-sheet,
 body.public-mode #mob2-sheet-bd,
 body.public-mode #mob2-off,
 body:has(#login-screen:not([style*="display: none"])) #mob2-nav,
 body:has(#login-screen:not([style*="display: none"])) #mob2-sheet,
 body:has(#login-screen:not([style*="display: none"])) #mob2-sheet-bd,
 body:has(#login-screen:not([style*="display: none"])) #mob2-off{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
 }
}

@media print{
 body > *{
  zoom:1 !important;
 }
}