/* v188 - Mobile visibility fix for View Mode Toggle */
@media (max-width: 760px){
  .view-toggle,
  .display-toggle,
  .mode-toggle,
  .layout-toggle,
  .toggle-view,
  [data-view-toggle],
  button[title*="תצוגה"],
  button[aria-label*="תצוגה"]{
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 9999 !important;
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 10px !important;
    border-radius: 14px !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  header,
  .app-header,
  .topbar,
  .top-bar,
  .header,
  .main-header{
    overflow: visible !important;
  }

  .header-actions,
  .topbar-actions,
  .app-header-actions,
  .user-actions{
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    overflow: visible !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
  }

  /* Prevent time/user items from pushing the toggle off-screen */
  .header-time,
  .clock,
  .user-name,
  .user-label{
    max-width: 92px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}