/* CRM dark tooltips — Semantic-style inverted UI */
.crm-dark-tooltip {
    opacity: 1 !important;
    z-index: 3000 !important;
}

.crm-dark-tooltip .tooltip-inner,
.tooltip.crm-dark-tooltip .tooltip-inner {
    max-width: 280px;
    padding: 8px 12px;
    background: #1f2937 !important;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    border-radius: 6px;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.28);
    text-align: center;
}

.crm-dark-tooltip.bs-tooltip-top .arrow::before,
.crm-dark-tooltip.tooltip.top .tooltip-arrow,
.tooltip.crm-dark-tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #1f2937 !important;
}

.crm-dark-tooltip.bs-tooltip-bottom .arrow::before,
.tooltip.crm-dark-tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #1f2937 !important;
}

.crm-dark-tooltip.bs-tooltip-left .arrow::before,
.tooltip.crm-dark-tooltip.bs-tooltip-left .arrow::before {
    border-left-color: #1f2937 !important;
}

.crm-dark-tooltip.bs-tooltip-right .arrow::before,
.tooltip.crm-dark-tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #1f2937 !important;
}

/* Bootstrap 3 arrow support */
.tooltip.crm-dark-tooltip.top .tooltip-arrow {
    border-top-color: #1f2937 !important;
}
.tooltip.crm-dark-tooltip.bottom .tooltip-arrow {
    border-bottom-color: #1f2937 !important;
}
.tooltip.crm-dark-tooltip.left .tooltip-arrow {
    border-left-color: #1f2937 !important;
}
.tooltip.crm-dark-tooltip.right .tooltip-arrow {
    border-right-color: #1f2937 !important;
}

/* Semantic UI inverted popup — match the same dark look */
.ui.inverted.popup,
.ui.popup.inverted {
    background: #1f2937 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.28) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 8px 12px !important;
    line-height: 1.35 !important;
}

.ui.inverted.popup:before,
.ui.popup.inverted:before {
    background: #1f2937 !important;
    box-shadow: none !important;
}

.ui.bottom.center.inverted.popup:before,
.ui.top.center.inverted.popup:before,
.ui.left.center.inverted.popup:before,
.ui.right.center.inverted.popup:before {
    background: #1f2937 !important;
}