/* ขนาดฟอนท์และบรรทัดของ p ภายใต้การ์ดพยากรณ์ */
.--climate-card .climate-card .item-list>li p {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    margin: 0;
    text-align: center;
}

.energy-flow .item-list li:nth-child(3) .list-source {
    margin-left: 30px;
}

/* li ของ PEA */
.source-area .item-list li:nth-child(2) {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px;

}

.icon img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

#btnFull {
    pointer-events: auto;
    /* บังคับให้คลิกได้ */
    position: relative;
    z-index: 10;
    /* ให้ลอยเหนือ overlay อื่น ๆ */
    cursor: pointer;
}

.energy-flow .content .value {
    font-size: clamp(12px, 1.2vw, 16px);
}


.highcharts-legend {
    max-height: none !important;
    /* ยกเลิกการจำกัดความสูง */
    overflow: visible !important;
    /* ให้โชว์เต็ม ไม่มี scroll */
}

.highcharts-legend-item {
    white-space: nowrap;
    /* กันบรรทัดตก */
}

.ns-alert {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 6px;
    padding: 6px 10px;
    font-family: "Segoe UI", Tahoma, sans-serif;
}

.ns-alert-text {
    color: #d35400;
    /* ส้ม */
    font-size: 14px;
    font-weight: 500;
}

.ns-alert-icon {
    background: #d6301d;
    /* แดงส้ม */
    border-radius: 6px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}