/*
 * Extension Compatibility Styles
 * Ensures browser extensions and external tools work properly
 */

/* Allow browser extensions to appear above our content */
/* Most extensions use z-index values between 10000-99999 */
/* We'll keep our maximum z-index below 2000 to avoid conflicts */

/* Override high z-index values that might interfere */
.skip-link {
    z-index: 1060 !important;
}

/* Ensure modals don't interfere with extensions */
.modal {
    z-index: 1055 !important;
}

.modal-backdrop {
    z-index: 1054 !important;
}

/* Tooltips and popovers */
.tooltip {
    z-index: 1070 !important;
}

.popover {
    z-index: 1071 !important;
}

/* Dropdown menus */
.dropdown-menu {
    z-index: 1000 !important;
}

/* Chat AI button */
.chat-ai-toggle {
    z-index: 1048 !important;
}

/* Ensure our elements don't block browser UI */
* {
    max-z-index: 1999;
}

/* Special handling for extension compatibility */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1;
}

/* Allow click-through for extension overlays */
[data-extension-overlay] {
    pointer-events: auto !important;
    z-index: 10000 !important;
}