:root{--mhome-alarm-info:#475569;--mhome-alarm-warning:#92400e;--mhome-alarm-fault:#b91c1c;--mhome-alarm-critical:#7f1d1d;--mhome-alarm-info-bg:#f1f5f9;--mhome-alarm-warning-bg:#fffbeb;--mhome-alarm-fault-bg:#fef2f2;--mhome-alarm-critical-bg:#fee2e2}
:is(.alarmEvent,.alarmIndicator),.alarmList tr:has(.alarmPriority){--alarm-color:var(--mhome-alarm-info);--alarm-bg:var(--mhome-alarm-info-bg)}
:is(.alarmEvent,.alarmIndicator)[data-priority="1"],.alarmList tr:has(.alarmPriority[data-priority="1"]){--alarm-color:var(--mhome-alarm-warning);--alarm-bg:var(--mhome-alarm-warning-bg)}
:is(.alarmEvent,.alarmIndicator)[data-priority="2"],.alarmList tr:has(.alarmPriority[data-priority="2"]){--alarm-color:var(--mhome-alarm-fault);--alarm-bg:var(--mhome-alarm-fault-bg)}
:is(.alarmEvent,.alarmIndicator)[data-priority="3"],.alarmList tr:has(.alarmPriority[data-priority="3"]){--alarm-color:var(--mhome-alarm-critical);--alarm-bg:var(--mhome-alarm-critical-bg)}
:is(.alarmEvent,.alarmIndicator)[data-priority="3"]{box-shadow:inset 0 0 0 2px var(--alarm-color)}
.alarmList .gatewayTable tr:has(.alarmPriority){background:var(--alarm-bg)}
.alarmList{display:grid;gap:var(--mhome-space-md);min-width:0;padding:var(--mhome-space-md);color:#263746;background:#fff;border-radius:12px}
.alarmList h2,.alarmList h3,.alarmList p{margin:0}
.alarmFilters,.alarmActions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mhome-space-sm)}
.alarmFilters label{display:flex;flex:1 1 150px;flex-direction:column;gap:var(--mhome-space-xs);margin:0}
.alarmFilters input,.alarmFilters select{font:inherit;box-sizing:border-box;max-width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#263746;margin:0}
.alarmEvents{display:grid;gap:var(--mhome-space-md);min-width:0}
.alarmEvent{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mhome-space-md);border-left:5px solid var(--alarm-color);background:var(--alarm-bg);padding:var(--mhome-space-md);border-radius:6px}
.alarmPriority{color:var(--alarm-color)}
.alarmEventText{flex:1 1 220px;min-width:0;display:grid;gap:var(--mhome-space-xs);overflow-wrap:anywhere}
.alarmSelection{display:flex;align-items:center;gap:var(--mhome-space-xs);margin:0}.alarmSelection input{width:auto;margin:0}
button.alarmIndicator.mhomeButton{background:var(--alarm-bg);color:var(--alarm-color);border-color:var(--alarm-color);width:auto;margin:0}
.alarmDialog{max-height:90vh;overflow:auto}
.alarmList [hidden],button.alarmIndicator[hidden]{display:none!important}
.graphicElement>.alarmList{width:100%;height:100%;box-sizing:border-box;overflow:auto}.graphicElement>.alarmIndicator{width:100%;height:100%;white-space:normal}