/* 気象警報・注意報などの警戒レベル配色の唯一の正本。
   Khronos / Saint01 / Saint02 はここを読み込むだけにし、
   各ファイル内で同じ色を個別に定義しない。 */

.telop-kind-tag.level-advisory {
    color: #ffee55 !important;
    background-color: #000000d7 !important;
}

.telop-kind-tag.level-normal {
    background-color: rgba(255, 255, 255, 0.94) !important;
    color: #111 !important;
}

.telop-kind-tag.level-warning {
    color: #a00300 !important;
    background-color: #ffffffdc !important;
}

.telop-kind-tag.level-purple {
    color: #9e0089 !important;
    background-color: #ffffffdc !important;
}

.telop-kind-tag.level-special {
    color: #0a0004 !important;
    background-color: #ffffffdc !important;
}

.warning-tag.level-advisory {
    color: #000 !important;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.16);
    border: 1px solid rgba(0, 0, 0, 0.86);
    background: linear-gradient(0deg, #ab9200 0%, #ffd924 4%, #ffed52 64%, #fff25c 95%, #fffaaa 100%) !important;
}

.warning-tag.level-warning {
    box-shadow: 0 2px 10px -5px rgba(255, 0, 0, 0.8);
    background: linear-gradient(0deg, #8a0000 0%, #cf001f 4%, #bf0000 64%, #d10000 95%, #ff5e5e 100%) !important;
}

.warning-tag.level-danger,
.warning-tag.level-landslide {
    box-shadow: 0 2px 10px -5px rgba(255, 0, 234, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.95);
    background: linear-gradient(0deg, #71008a 0%, #c000c0 4%, #8300c0 64%, #a000c0 94%, #f25eff 100%) !important;
}

.warning-tag.level-special {
    box-shadow: 0 2px 10px -5px rgba(214, 214, 214, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.95);
    background: linear-gradient(0deg, #000 0%, #1a0012 65%, #500050 100%) !important;
}

/* status-levelNN はKhronos管理画面だけで使う簡易表示（危機管理キキクル・
   警報履歴一覧など）。telop-kind-tagと役割は違うが、同じ警戒レベルの
   配色として揃える。 */
.status-level20 {
    background: rgba(0, 0, 0, 0.84) !important;
    color: #ffee55 !important;
}

.status-level30 {
    background: rgba(255, 255, 255, 0.94) !important;
    color: #a00300 !important;
}

.status-level40 {
    background: rgba(255, 255, 255, 0.94) !important;
    color: #9e0089 !important;
}

.status-level50 {
    background: #3a0033 !important;
    color: #ff8ef0 !important;
}