/* ============================================================
   GLOBAL ADMIN FIXES - Ported from VrilWebHosting
   Fix: Dropdowns inside Tabler tables/cards clipping or misaligned
   ============================================================ */

/* Allow dropdowns and popovers inside tables and cards to overflow */
.table-responsive,
.card,
.table,
.table > tbody > tr,
.table > tbody > tr > td {
    overflow: visible;
    transform: none !important;
    position: static !important;
}

/* Fix dropdown clipping — scoped ONLY to tables and cards */
.table-responsive .dropdown-menu,
.card .dropdown-menu,
.table .dropdown-menu {
    position: fixed !important;
    z-index: 5000 !important;
    inset: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    min-width: 10rem;
    margin-top: 0.25rem !important;
}

/* Restore normal dropdowns for navbar, header, and user menu */
.navbar .dropdown-menu,
.nav-item .dropdown-menu,
.user-menu .dropdown-menu {
    position: absolute !important;
    z-index: 1050 !important;
    transform: none !important;
}

/* Dark mode consistency for dropdowns */
html[data-bs-theme="dark"] .dropdown-menu {
    background-color: var(--card-bg, var(--tblr-bg-surface, #1e293b)) !important;
    color: var(--body-color, var(--tblr-body-color, #f1f5f9)) !important;
    border: 1px solid var(--border-color, var(--tblr-border-color, #334155)) !important;
}

.dropdown-menu .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* ============================================================
   OPTIONAL: Modal & Quill Editor z-index alignment
   ============================================================ */

/* Ensure modals always sit above dropdowns, editors, etc. */
.modal {
    z-index: 6000 !important;
}

/* Quill editor dropdowns and tooltips */
.ql-tooltip,
.ql-picker-options {
    z-index: 6001 !important;
}

/* Toasts and alerts above modals */
.toast-container {
    z-index: 7000 !important;
}