/**
 * Solid info tooltips for ticket views (matches API Users modal action tooltips).
 * Tooltips render on body; follow mainStyling vars + data-theme + system preference.
 */
.dotcomm-info-tooltip {
    --dotcomm-info-tooltip-bg: var(--formControllBg, var(--bgColor, #ffffff));
    --dotcomm-info-tooltip-text: var(--formControllText, var(--tableText, #343a40));
    --dotcomm-info-tooltip-border: var(--formControllBorder, #dee2e6);
    --dotcomm-info-tooltip-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
    --bs-tooltip-opacity: 1;
    --bs-tooltip-bg: var(--dotcomm-info-tooltip-bg);
    --bs-tooltip-color: var(--dotcomm-info-tooltip-text);
    opacity: 1 !important;
    filter: none !important;
}

html[data-theme="light"] .dotcomm-info-tooltip,
:root[data-theme="light"] .dotcomm-info-tooltip {
    --dotcomm-info-tooltip-bg: #ffffff;
    --dotcomm-info-tooltip-text: #343a40;
    --dotcomm-info-tooltip-border: #dee2e6;
    --dotcomm-info-tooltip-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
    --bs-tooltip-bg: #ffffff;
    --bs-tooltip-color: #343a40;
}

html[data-theme="dark"] .dotcomm-info-tooltip,
:root[data-theme="dark"] .dotcomm-info-tooltip {
    --dotcomm-info-tooltip-bg: #2b3035;
    --dotcomm-info-tooltip-text: #f8f9fa;
    --dotcomm-info-tooltip-border: #495057;
    --dotcomm-info-tooltip-shadow: 0 4px 16px rgba(0, 0, 0, 0.55);
    --bs-tooltip-bg: #2b3035;
    --bs-tooltip-color: #f8f9fa;
}

/* System theme: OS dark mode when app is not forced to light */
@media (prefers-color-scheme: dark) {
    html:not([data-theme="light"]) .dotcomm-info-tooltip,
    :root:not([data-theme="light"]) .dotcomm-info-tooltip {
        --dotcomm-info-tooltip-bg: #2b3035;
        --dotcomm-info-tooltip-text: #f8f9fa;
        --dotcomm-info-tooltip-border: #495057;
        --dotcomm-info-tooltip-shadow: 0 4px 16px rgba(0, 0, 0, 0.55);
        --bs-tooltip-bg: #2b3035;
        --bs-tooltip-color: #f8f9fa;
    }
}

.dotcomm-info-tooltip .tooltip-inner {
    max-width: 320px;
    text-align: left;
    background-color: var(--dotcomm-info-tooltip-bg) !important;
    color: var(--dotcomm-info-tooltip-text) !important;
    border: 1px solid var(--dotcomm-info-tooltip-border);
    box-shadow: var(--dotcomm-info-tooltip-shadow);
    opacity: 1 !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.dotcomm-info-tooltip.bs-tooltip-top .tooltip-arrow::before,
.dotcomm-info-tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: var(--dotcomm-info-tooltip-bg);
}

.dotcomm-info-tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.dotcomm-info-tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: var(--dotcomm-info-tooltip-bg);
}

.dotcomm-info-tooltip.bs-tooltip-start .tooltip-arrow::before,
.dotcomm-info-tooltip.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    border-left-color: var(--dotcomm-info-tooltip-bg);
}

.dotcomm-info-tooltip.bs-tooltip-end .tooltip-arrow::before,
.dotcomm-info-tooltip.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    border-right-color: var(--dotcomm-info-tooltip-bg);
}