/* Custom Tippy.js theme for ZenBot */
.tippy-box[data-theme~='zenbot'] {
    background-color: #333;
    color: white;
    font-size: 12px;
    border-radius: 4px;
    box-shadow: 0 4px 14px -2px rgba(0, 8, 16, 0.08), 0 4px 18px -2px rgba(0, 8, 16, 0.15);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    z-index: 10000 !important;
}

/* Ensure tooltips appear above all other elements */
.tippy-box {
    z-index: 10000 !important;
}

/* Specific overrides for complex layouts */
.mini-grid .tippy-box,
.grid-region .tippy-box,
.sf-dashboard-layout .tippy-box {
    z-index: 10001 !important;
}

.tippy-box[data-theme~='zenbot'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #333;
}

.tippy-box[data-theme~='zenbot'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: #333;
}

.tippy-box[data-theme~='zenbot'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #333;
}

.tippy-box[data-theme~='zenbot'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #333;
}

/* Tooltip content styling */
.tippy-box[data-theme~='zenbot'] .tooltip-symbol-block {
    line-height: 1.4;
}

.tippy-box[data-theme~='zenbot'] .earnings-box {
    padding: 2px 4px;
    border-radius: 2px;
    margin: 0 2px;
}

.tippy-box[data-theme~='zenbot'] .earnings-win {
    background-color: #4caf50;
    color: white !important;;
}

.tippy-box[data-theme~='zenbot'] .earnings-loss {
    background-color: #f44336;
    color: white !important;
}

.tippy-box[data-theme~='zenbot'] .earnings-display {
    color: black !important;
    font-weight: bold;
}

.tippy-box[data-theme~='zenbot'] .pop-news-item {
    margin: 4px 0;
    padding: 2px 0;
    border-bottom: 1px solid #555;
}

.tippy-box[data-theme~='zenbot'] .news-link {
    color: #4fc3f7 !important;;
}

.tippy-box[data-theme~='zenbot'] .news-link:hover {
    text-decoration: underline;
}

.tippy-box[data-theme~='zenbot'] .tooltip-appears-on-header {
    margin-top: 8px;
    font-weight: bold;
}

.tippy-box[data-theme~='zenbot'] .pop-appears-on-list {
    font-size: 11px;
}