/* Custom Tooltip Styles for DateTimePicker Component */
.custom-tooltip {
    position: absolute;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    z-index: 99999;
    max-width: 250px;
    font-size: 0.875rem;
    color: #4b5563;
    opacity: 0;
    transform: translateY(5px);
    transition: opacity 0.2s, transform 0.2s;
    pointer-events: none;
}

.custom-tooltip.visible {
    opacity: 1;
    transform: translateY(0);
}

.tooltip-header {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    font-weight: 600;
    color: #111827;
}

.tooltip-icon {
    margin-right: 8px;
}

.tooltip-icon.critical {
    color: #dc2626;
}

.tooltip-icon.warning {
    color: #d97706;
}

.tooltip-icon.info {
    color: #16a34a;
}

.custom-tooltip-arrow {
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    border: 1px solid #e5e7eb;
    transform: rotate(45deg);
}

.custom-tooltip-arrow.bottom {
    bottom: -6px;
    left: 50%;
    margin-left: -5px;
    border-top: none;
    border-left: none;
}

.custom-tooltip-arrow.top {
    top: -6px;
    left: 50%;
    margin-left: -5px;
    border-bottom: none;
    border-right: none;
}

/* Flatpickr Date Highlighting Overrides */
.flatpickr-day.date-critical {
    background: #fee2e2;
    border-color: #fee2e2;
    color: #991b1b;
}

.flatpickr-day.date-critical:hover {
    background: #fecaca;
    border-color: #fecaca;
}

.flatpickr-day.date-warning {
    background: #fef3c7;
    border-color: #fef3c7;
    color: #92400e;
}

.flatpickr-day.date-warning:hover {
    background: #fde68a;
    border-color: #fde68a;
}

.flatpickr-day.date-info {
    background: #dcfce7;
    border-color: #dcfce7;
    color: #166534;
}

.flatpickr-day.date-info:hover {
    background: #bbf7d0;
    border-color: #bbf7d0;
}

/* Ensure Flatpickr calendar appears above everything including drawers */
.flatpickr-calendar {
    z-index: 99999 !important;
}