@media (max-width: 767px) {
  html.ubuzima-r188-mobile-app .ubuzima-native-tabbar,
  html.ubuzima-web-interface-restored.ubuzima-r188-mobile-app .ubuzima-native-tabbar {
    display: grid !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 120 !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;
    min-height: calc(56px + env(safe-area-inset-bottom)) !important;
    padding: 4px 4px calc(6px + env(safe-area-inset-bottom)) !important;
    background: #ffffff !important;
    border-top: 1px solid #d6dde7 !important;
    box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.06) !important;
  }
  html.ubuzima-r188-mobile-app .ubuzima-native-tabbar button {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    min-height: 52px !important;
    border: 0 !important;
    background: transparent !important;
    color: #5f7169 !important;
    font-size: 0.62rem !important;
    font-weight: 700 !important;
  }
  html.ubuzima-r188-mobile-app .ubuzima-native-tabbar button.active {
    color: #243016 !important;
  }
  html.ubuzima-r188-mobile-app .ubuzima-native-content {
    padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  }
  html.ubuzima-r188-mobile-app .dashboard-title-card,
  html.ubuzima-r188-mobile-app .tree-nav--principal,
  html.ubuzima-r188-mobile-app nav.ubuzima-workspace-dock-v5 {
    display: none !important;
  }
  html.ubuzima-r188-mobile-app #ubz-r187-install { display: none !important; }
  html.ubuzima-r188-mobile-app[data-ubz-auth="login"] .ubuzima-native-app,
  html.ubuzima-r188-mobile-app[data-ubz-auth="login"] .ubuzima-native-tabbar {
    display: none !important;
  }
  html.ubuzima-r188-mobile-app[data-ubz-auth="login"] .auth-shell,
  html.ubuzima-r188-mobile-app .auth-shell.auth-shell--mobile-app-ready {
    min-height: 100dvh !important;
    width: 100% !important;
    display: grid !important;
    place-items: center !important;
    padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom)) !important;
    background: #edf3f1 !important;
  }
  html.ubuzima-r188-mobile-app .auth-shell .auth-panel,
  html.ubuzima-r188-mobile-app .auth-shell form {
    width: 100% !important;
    max-width: 400px !important;
    border-radius: 16px !important;
    padding: 20px !important;
    background: #fff !important;
  }
  html.ubuzima-r188-mobile-app input, html.ubuzima-r188-mobile-app select, html.ubuzima-r188-mobile-app button {
    font-size: 16px !important;
  }
  html.ubuzima-r188-mobile-app .pos-counter-page--dedicated {
    padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  }
}
#ubz-r188-more {
  position: fixed;
  z-index: 2147482600;
  left: 10px;
  right: 10px;
  bottom: calc(70px + env(safe-area-inset-bottom));
  display: grid;
  gap: 8px;
  padding: 14px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(15,23,42,.18);
}
#ubz-r188-more[hidden] { display: none !important; }
#ubz-r188-more button {
  min-height: 44px;
  border: 1px solid #d6dde7;
  border-radius: 10px;
  background: #f4f8f6;
  font-weight: 700;
}
@media (min-width: 768px) {
  #ubz-r188-more { display: none !important; }
}