/* Enhanced Kendo Tooltip Styles */

/* Custom tooltip themes */
.k-tooltip.custom-tooltip {
    background-color: #1e293b;
    color: #ffffff;
    border: 1px solid #334155;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
}

.k-tooltip.success-tooltip {
    background-color: #10b981;
    color: #ffffff;
    border: 1px solid #059669;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.15);
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
}

.k-tooltip.warning-tooltip {
    background-color: #f59e0b;
    color: #ffffff;
    border: 1px solid #d97706;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.15);
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
}

.k-tooltip.error-tooltip {
    background-color: #ef4444;
    color: #ffffff;
    border: 1px solid #dc2626;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.15);
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
}

/* Dark mode tooltip adjustments */
[data-theme="dark"] .k-tooltip {
    background-color: #1e293b;
    color: #e2e8f0;
    border: 1px solid #334155;
}

/* High contrast mode tooltip adjustments */
[data-theme="high-contrast"] .k-tooltip {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    box-shadow: none !important;
}

/* Tooltip arrow adjustments for different themes */
.k-tooltip.custom-tooltip .k-tooltip-closer {
    color: #ffffff;
}

.k-tooltip.success-tooltip .k-tooltip-closer,
.k-tooltip.warning-tooltip .k-tooltip-closer,
.k-tooltip.error-tooltip .k-tooltip-closer {
    color: #ffffff;
}

/* Responsive tooltip adjustments */
@media (max-width: 768px) {
    .k-tooltip {
        font-size: 0.75rem;
        padding: 0.375rem 0.5rem;
        max-width: 200px;
    }
}