/* ── 事件行事曆 EventCalendarPanel(月曆 + 當日明細)── */
.event-calendar-panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: var(--text-primary, #e6e6ee);
    font-family: var(--font-reading);
}

.event-calendar-header {
    flex-shrink: 0;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.09));
}
.event-calendar-header .ev-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.event-calendar-header h2 { margin: 0; font-size: 16px; font-weight: 700; }

.ev-refresh-btn {
    background: none;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.12));
    color: var(--text-secondary, #9a9ab0);
    font-size: 13px; cursor: pointer; padding: 4px 10px; border-radius: 6px;
    transition: background .15s, color .15s;
}
.ev-refresh-btn:hover { background: rgba(255, 255, 255, 0.08); color: var(--text-primary, #e6e6ee); }

.ev-market-filter { display: flex; gap: 8px; margin-top: 10px; }
.ev-filter-btn {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.12));
    color: var(--text-secondary, #999); font-size: 13px; padding: 5px 14px;
    border-radius: 16px; cursor: pointer; transition: all .15s;
}
.ev-filter-btn:hover { background: rgba(255, 255, 255, 0.08); }
.ev-filter-btn.active {
    background: var(--accent-color, #4a9eff); border-color: var(--accent-color, #4a9eff); color: #fff;
}

#eventCalendarContainer { flex: 1; overflow-y: auto; padding: 12px 16px 32px; }

.ev-loading, .ev-empty { padding: 32px 16px; text-align: center; color: var(--text-secondary, #888); font-size: 14px; }

/* ── 月曆標頭 + 換月 ── */
.ev-calhead { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.ev-calhead .ev-mtitle { font-size: 16px; font-weight: 700; }
.ev-nav {
    background: rgba(255, 255, 255, 0.05); border: 1px solid var(--border-color, rgba(255, 255, 255, 0.12));
    color: var(--text-primary, #e6e6ee); width: 30px; height: 30px; border-radius: 8px; cursor: pointer; font-size: 15px;
}
.ev-nav:hover { background: rgba(255, 255, 255, 0.1); }

/* ── 月曆網格 ── */
.ev-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }
.ev-dowrow { margin-bottom: 4px; }
.ev-dow { text-align: center; font-size: 12px; color: var(--text-secondary, #9a9ab0); padding: 4px 0; }

.ev-cell {
    min-height: 76px; background: rgba(255, 255, 255, 0.02);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.08)); border-radius: 8px;
    padding: 4px 6px; cursor: pointer; overflow: hidden; transition: border-color .12s, background .12s;
}
.ev-cell.has { background: rgba(255, 255, 255, 0.04); }
.ev-cell:hover { border-color: var(--accent-color, #4a9eff); }
.ev-cell.ev-empty { background: transparent; border-color: transparent; cursor: default; }
.ev-cell.today .ev-dnum { color: var(--accent-color, #4a9eff); font-weight: 800; }
.ev-cell.sel { border-color: var(--accent-color, #4a9eff); background: rgba(74, 158, 255, 0.12); }
.ev-dnum { font-size: 13px; color: var(--text-primary, #e6e6ee); margin-bottom: 3px; }

.ev-mini {
    font-size: 10.5px; line-height: 1.4; color: var(--text-secondary, #b8b8c8);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ev-mini b { font-weight: 700; margin-right: 2px; }
.ev-mini b.tw { color: #ff6b6b; }
.ev-mini b.us { color: #4a9eff; }
.ev-more { font-size: 10px; color: var(--accent-color, #4a9eff); }

/* ── 下方:選取當日明細 ── */
.ev-detail {
    margin-top: 18px; background: rgba(255, 255, 255, 0.02);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.09)); border-radius: 10px; padding: 14px 16px;
}
.ev-dtitle { font-size: 15px; margin: 0 0 10px; color: var(--accent-color, #4a9eff); }
.ev-empty-d { color: var(--text-secondary, #888); font-size: 13px; padding: 14px 0; text-align: center; }

.ev-card {
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
    border-left: 3px solid rgba(255, 255, 255, 0.2); border-radius: 8px;
    padding: 9px 11px; margin-bottom: 8px; background: rgba(255, 255, 255, 0.02);
}
.ev-card.imp-hi { border-left-color: #ff5c5c; }
.ev-card.imp-med { border-left-color: #4a9eff; }
.ev-card.imp-low { border-left-color: rgba(255, 255, 255, 0.2); }

.ev-ctop { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin-bottom: 4px; }
.ev-mb { font-size: 11px; font-weight: 700; padding: 1px 7px; border-radius: 4px; }
.ev-mb.tw { background: rgba(255, 107, 107, 0.18); color: #ff9090; }
.ev-mb.us { background: rgba(74, 158, 255, 0.18); color: #8cc0ff; }
.ev-cat { font-size: 11px; padding: 1px 7px; border-radius: 4px; background: rgba(255, 255, 255, 0.08); color: var(--text-secondary, #aaa); }
.ev-warn { font-size: 11px; color: #f0b94a; }
.ev-ctitle { font-size: 14px; font-weight: 600; line-height: 1.45; color: var(--text-primary, #e8e8e8); }
.ev-cdesc { margin-top: 4px; font-size: 12.5px; line-height: 1.55; color: var(--text-secondary, #aaa); }
.ev-csrc { margin-top: 6px; font-size: 12px; }
.ev-src { color: var(--text-secondary, #888); text-decoration: none; }
a.ev-src:hover { color: var(--accent-color, #4a9eff); text-decoration: underline; }

/* RWD:窄螢幕格子縮小 */
@media (max-width: 560px) {
    .ev-cell { min-height: 58px; padding: 3px 4px; }
    .ev-mini { font-size: 9.5px; }
    .ev-dnum { font-size: 12px; }
}