.mobile-search-trigger { display: none; }

@media (max-width: 1023px) {
  #boardView .topbar-search {
    display: flex !important;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    justify-content: center;
    border-radius: 50%;
  }
  #boardView .topbar-search > svg { display: none; }
  #boardView .mobile-search-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
  }
  #boardView .topbar-search input {
    position: absolute;
    width: 0;
    opacity: 0;
    pointer-events: none;
  }
  #boardView .topbar-search.is-open {
    position: absolute;
    top: 9px;
    right: 112px;
    z-index: 20;
    width: min(220px, calc(100vw - 130px));
    padding: 0 5px;
    border-radius: var(--radius);
    background: var(--surface);
  }
  #boardView .topbar-search.is-open input {
    position: static;
    flex: 1;
    min-width: 0;
    width: 100%;
    opacity: 1;
    pointer-events: auto;
  }
  #boardView .topbar-search.is-open input:focus { width: 100%; }
  #boardView .notify-bell-btn { display: flex !important; flex: 0 0 34px; }
  #boardView .board-members-bar { gap: 5px; }
  #boardView #boardInviteBtn { padding: 8px 9px; font-size: 11px; }
  #boardView .topbar-title { min-width: 0; }
}