/* Style for tooltip icons in grids and data displays */
.date-with-tooltip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: help;
}

.date-with-tooltip .tooltip-icon {
    opacity: 0.6;
    color: #0078d4; /* Blue for time */
    transition: opacity 0.2s ease;
    vertical-align: middle;
}

.date-with-tooltip:hover .tooltip-icon {
    opacity: 1;
}

/* Tooltip content styling */
.tooltip-content {
    padding: 8px;
    line-height: 1.6;
}

.tooltip-content div {
    margin-bottom: 4px;
}

.tooltip-content div:last-child {
    margin-bottom: 0;
}

.tooltip-content strong {
    color: var(--kendo-color-primary);
}

/* Optional: Different colors for different icon types */
.date-with-tooltip .k-svg-i-clock {
    color: #0078d4; /* Blue for time */
}

.processing-with-tooltip .k-svg-i-hourglass {
    color: #ff8c00; /* Orange for processing */
}

.info-with-tooltip .k-svg-i-info-circle {
    color: #107c10; /* Green for info */
}