/* ============================================
   SVG 圖示樣式 - DroneStat
   ============================================ */

/* 基礎圖示樣式 */
.filter-icon,
.title-icon,
.stat-icon,
.no-data-icon {
    display: inline-block;
    vertical-align: middle;
    width: 1.2em;
    height: 1.2em;
    color: var(--accent, #69c0ff);
    flex-shrink: 0;
}

/* 篩選器圖示 */
.filter-icon {
    width: 1em;
    height: 1em;
    margin-right: 0.3em;
    color: var(--primary, #1890ff);
}

/* 標題圖示 */
.title-icon {
    width: 1.3em;
    height: 1.3em;
    margin-right: 0.4em;
    color: var(--accent, #69c0ff);
    vertical-align: -0.15em;
}

/* 統計圖示 */
.stat-icon {
    width: 2em;
    height: 2em;
    color: var(--primary-light, #40a9ff);
}

/* 無資料圖示 */
.no-data-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-data-icon svg,
.no-data-svg {
    width: 3em;
    height: 3em;
    color: var(--steel, #8892a8);
    opacity: 0.6;
}

/* 提示圖示 */
.hint-icon {
    width: 1em;
    height: 1em;
    color: var(--warning, #faad14);
    margin-right: 0.3em;
}

/* 圖示動畫效果 */
.filter-icon,
.title-icon {
    transition: color 0.2s ease, transform 0.2s ease;
}

.filter-group:hover .filter-icon,
.chart-box h3:hover .title-icon {
    color: var(--highlight, #00d4ff);
    transform: scale(1.1);
}

/* 無人機圖示特殊動畫 */
@keyframes propeller-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.drone-icon-animated circle:not(:first-child) {
    transform-origin: center;
    animation: propeller-spin 0.5s linear infinite;
}

/* 年度回顧頁面專用樣式 */
.drone-icon-large {
    width: 4em;
    height: 4em;
    color: var(--primary, #1890ff);
    filter: drop-shadow(0 0 10px rgba(24, 144, 255, 0.5));
}

.drone-emoji,
.event-icon,
.takeaway-icon,
.alert-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.drone-emoji svg,
.event-icon svg,
.takeaway-icon svg,
.alert-icon svg {
    width: 2em;
    height: 2em;
}

/* 警報圖示 */
.alert-icon svg {
    color: var(--danger, #ff4d4f);
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.05); }
}

/* 皇冠圖示 */
.podium-crown svg {
    width: 2.5em;
    height: 2.5em;
    color: #ffd700;
    filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.6));
}

/* 事件類型圖示顏色 */
.event-icon.warning svg {
    color: var(--warning, #faad14);
}

.event-icon.danger svg {
    color: var(--danger, #ff4d4f);
}

/* 響應式調整 */
@media (max-width: 768px) {
    .filter-icon {
        width: 0.9em;
        height: 0.9em;
    }

    .title-icon {
        width: 1.1em;
        height: 1.1em;
    }

    .stat-icon {
        width: 1.5em;
        height: 1.5em;
    }
}