/* Chỉ nạp ở AIWater. Ẩn hoàn toàn khi chưa có bản mới, không chiếm chỗ SCADA. */
.xr-update {
    position: fixed; right: 18px; bottom: 18px; z-index: 20000;
    width: min(390px, calc(100vw - 28px)); box-sizing: border-box;
    padding: 16px; border: 1px solid #38bdf8; border-radius: 14px;
    color: #e2e8f0; background: #122238;
    box-shadow: 0 12px 36px rgba(0, 0, 0, .35); font: 14px/1.5 Arial, sans-serif;
}
.xr-update[hidden] { display: none !important; }
.xr-update strong { display: block; margin: 0 0 5px; font-size: 16px; color: #f8fafc; }
.xr-update p { margin: 0 0 12px; color: #b9cce1; }
.xr-update small { display: block; margin: 9px 0 0; color: #91aac7; font-size: 11px; }
.xr-update-actions { display: flex; justify-content: flex-end; gap: 8px; }
.xr-update button {
    min-height: 38px; padding: 7px 14px; border-radius: 8px;
    border: 1px solid #496582; color: #e2e8f0; background: #213650;
    font: inherit; font-weight: 600; cursor: pointer;
}
.xr-update button.xr-update-apply { border-color: #38bdf8; background: #0284c7; color: #fff; }
.xr-update button:hover { filter: brightness(1.12); }
.xr-update button:focus-visible { outline: 2px solid #fbbf24; outline-offset: 3px; }
.xr-update button:disabled { opacity: .65; cursor: wait; }
.xr-update.xr-update-warning { border-color: #fbbf24; }
.xr-update.xr-update-warning p { color: #fde68a; }
@media (max-width: 600px) { .xr-update { right: 14px; bottom: max(14px, env(safe-area-inset-bottom)); } }