/* ===== Community Events - Modern Theme Overrides ===== */

body.modern-ui #sidebar-community-event,
:root[data-ui="modern"] #sidebar-community-event {
    backdrop-filter: var(--ui-backdrop-blur);
}

body.modern-ui .ce-phase-tag,
:root[data-ui="modern"] .ce-phase-tag {
    border-radius: var(--ui-radius-sm);
    background: rgba(255, 255, 255, 0.05);
}

body.modern-ui .ce-btn,
:root[data-ui="modern"] .ce-btn {
    border-radius: var(--ui-radius-sm);
    transition: all 0.2s ease;
}

body.modern-ui .ce-btn:hover:not(:disabled),
:root[data-ui="modern"] .ce-btn:hover:not(:disabled) {
    transform: var(--ui-transform-hover-lift);
    box-shadow: var(--ui-shadow-sm);
}

body.modern-ui .ce-detail-section,
:root[data-ui="modern"] .ce-detail-section {
    border-radius: var(--ui-radius-md);
    box-shadow: var(--ui-shadow-md);
    background: var(--surface-secondary);
}

body.modern-ui .ce-group-card,
:root[data-ui="modern"] .ce-group-card {
    border-radius: var(--ui-radius-md);
    box-shadow: var(--ui-shadow-md);
    background: var(--surface-secondary);
}

body.modern-ui .ce-tab,
:root[data-ui="modern"] .ce-tab,
body.modern-ui .ce-dropdown,
:root[data-ui="modern"] .ce-dropdown,
body.modern-ui .ce-mini-progress,
:root[data-ui="modern"] .ce-mini-progress {
    border-radius: var(--ui-radius-sm);
}

body.modern-ui .ce-group-card.ce-group-targeted,
:root[data-ui="modern"] .ce-group-card.ce-group-targeted {
    box-shadow: var(--ui-shadow-md), 0 0 0 1px rgba(var(--warning-color-rgb), 0.25);
}

body.modern-ui #ce-resolution-content .ce-resolution-panel,
:root[data-ui="modern"] #ce-resolution-content .ce-resolution-panel {
    border-radius: var(--ui-radius-md);
    box-shadow: var(--ui-shadow-md);
    background: var(--surface-secondary);
}

body.modern-ui .ce-level-pulse,
:root[data-ui="modern"] .ce-level-pulse {
    animation: ce-level-flash-modern 0.6s ease-out;
}

@keyframes ce-level-flash-modern {
    0% {
        text-shadow: 0 0 12px var(--accent-color), 0 0 24px var(--accent-color);
        transform: scale(1.3);
    }
    100% {
        text-shadow: none;
        transform: scale(1);
    }
}

body.modern-ui #ce-progress-fill,
:root[data-ui="modern"] #ce-progress-fill {
    background: linear-gradient(90deg, var(--accent-color), var(--special-color, var(--accent-color)));
    box-shadow: 0 0 6px var(--accent-color);
}

body.modern-ui .ce-player-section,
:root[data-ui="modern"] .ce-player-section {
    border-top-color: var(--ui-border-color, var(--dim-color));
}

body.modern-ui .buff-row,
:root[data-ui="modern"] .buff-row {
    border-bottom-color: var(--ui-border-color, var(--dim-color));
}

body.modern-ui #active-buffs-panel,
:root[data-ui="modern"] #active-buffs-panel {
    backdrop-filter: var(--ui-backdrop-blur);
}

/* Event header gradient */
body.modern-ui .ce-event-header,
:root[data-ui="modern"] .ce-event-header {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent);
    padding: 10px 12px;
    border-radius: var(--ui-radius-md);
}

/* Stat item cards */
body.modern-ui .ce-stat-item,
:root[data-ui="modern"] .ce-stat-item {
    background: rgba(255, 255, 255, 0.04);
    border-radius: var(--ui-radius-sm);
    box-shadow: var(--ui-shadow-sm);
}

/* Buff grid */
body.modern-ui .ce-buff-grid,
:root[data-ui="modern"] .ce-buff-grid {
    background: rgba(255, 255, 255, 0.03);
    border-radius: var(--ui-radius-sm);
    box-shadow: var(--ui-shadow-sm);
}

/* Idle card */
body.modern-ui .ce-idle-card,
:root[data-ui="modern"] .ce-idle-card {
    border-radius: var(--ui-radius-md);
    box-shadow: var(--ui-shadow-md);
    backdrop-filter: var(--ui-backdrop-blur);
    background: var(--surface-secondary);
}

/* Boss HP bar gradient transitions */
body.modern-ui .ce-detail-boss-hp-fill-green,
:root[data-ui="modern"] .ce-detail-boss-hp-fill-green {
    background: linear-gradient(90deg, var(--success-color), color-mix(in srgb, var(--success-color) 80%, var(--accent-color)));
    box-shadow: 0 0 6px var(--success-color);
}

body.modern-ui .ce-detail-boss-hp-fill-yellow,
:root[data-ui="modern"] .ce-detail-boss-hp-fill-yellow {
    background: linear-gradient(90deg, var(--warning-color), color-mix(in srgb, var(--warning-color) 80%, var(--accent-color)));
    box-shadow: 0 0 6px var(--warning-color);
}

body.modern-ui .ce-detail-boss-hp-fill-red,
:root[data-ui="modern"] .ce-detail-boss-hp-fill-red {
    background: linear-gradient(90deg, var(--error-color, var(--warning-color)), color-mix(in srgb, var(--error-color, var(--warning-color)) 80%, var(--accent-color)));
    box-shadow: 0 0 6px var(--error-color, var(--warning-color));
}