/* ============================================================================
   VRYNO DROPDOWN CLIPPING FIX
   ============================================================================
   The positioning half of this lives in assets/js/vryno-dropdown-fix.js, which
   switches Bootstrap's dropdowns to Popper's `fixed` strategy so an overflow
   container can no longer clip them. These are the two rules that have to go
   with it.
============================================================================ */

/* Once a menu is `position: fixed` it is no longer inside the table's
   stacking context, so it is measured against the page's own layers: the top
   navbar at 1000, and the page-header and list toolbar this build pins under
   it. 1045 clears all of those and still sits below Bootstrap's modal
   backdrop (1050), so a dialog continues to cover an open menu rather than
   the other way round. */
.dropdown-menu.show {
    z-index: 1045;
}

/* A cell with its own background — a sticky column, a hovered row, an actions
   column painted white so the buttons read over the data — creates a stacking
   context, and the row BELOW then paints over a menu opened from the row
   above. Lifting the open row above its siblings is the fix; list-view.js
   already did this for the leads table, and the JS half of this pair now sets
   the class on any table's row. */
tr.menu-open {
    position: relative;
    z-index: 40;
}

tr.menu-open > td {
    z-index: 41;
}