/* 資訊可變標誌（/n_cms）專屬樣式。
   版面骨架（配色變數、查詢列、路線軸、卡片、回到頂部、RWD）在 ~/css/view/_shared/segment-page.css，
   與即時影像頁（/roadcctv）共用；這裡只放 CMS 才有的訊息看板。 */

/* 標誌內容：做成類似實體 LED 看板的深底亮字，一眼認得出這是「牌面上顯示的字」 */
.rc-cms-board {
    margin: 0;
    padding: 18px 16px;
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #14181f;
    color: #ffd451;
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: .04em;
    word-break: break-word;
    /* 牌面文字本來就是一行一行的，換行要保留 */
    white-space: pre-line;
}

/* 查無內容（設備正常但目前沒顯示訊息）：不要用亮黃字，免得誤會成有訊息 */
.rc-cms-board.is-empty {
    color: #6f7a88;
    font-weight: 400;
    font-size: .9375rem;
    letter-spacing: normal;
}

.rc-cms-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    padding: 9px 14px;
    border-top: 1px solid var(--rc-border);
    font-size: .75rem;
    color: var(--rc-text-soft);
}

.rc-cms-eqid {
    font-variant-numeric: tabular-nums;
}

.rc-cms-time i {
    margin-right: 4px;
}

/* 定時更新是整份重繪，若讓卡片再播一次進場動畫，畫面每分鐘會閃一下。
   由 renderList({animate:false}) 掛這個 class 停掉 */
.rc-list.rc-no-anim .rc-card {
    animation: none;
}