/* 對應 Bootstrap danger 紅色標籤（供「異常」等告警狀態使用，沿用 base.css 的 .tag 圓點樣式格式） */
.tag-danger {
    border-color: #f1aeb5;
    color: #d9534f;
}
.tag-danger::before {
    border-color: #f1aeb5;
    background-color: #f8d7da;
}

/* 載入中轉圈動畫關鍵影格（360 度持續旋轉，供 loader 圖示使用） */
@keyframes icon-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* loader-circle 圖示本身即為「載入中」語意，預設套用旋轉動畫，使其視覺上持續轉動 */
/* 使用 inline-block 是因為 transform 對 inline 元素無效；linear 確保等速轉動不卡頓 */
.icon-loader-circle {
    display: inline-block;
    animation: icon-spin 1s linear infinite;
}