.sidebar nav #alarms-nav{position:relative}
.alarms-nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;margin-left:auto;padding:0 5px;border-radius:12px;background:#fff;color:#a30c18;font-size:12px;font-weight:800}
.sidebar nav #alarms-nav.alarming,.sidebar nav #alarms-nav.alarming.active{background:#c71824!important;color:#fff!important;animation:alarm-menu-pulse 1.2s ease-in-out infinite}
@keyframes alarm-menu-pulse{0%,100%{background:#9f1120;box-shadow:inset 0 0 0 1px #ff9fa8}50%{background:#f12a38;box-shadow:0 0 15px #ec263d99}}
@media(prefers-reduced-motion:reduce){.sidebar nav #alarms-nav.alarming,.sidebar nav #alarms-nav.alarming.active{animation:none;background:#c71824!important}}

.alarms-page{min-height:calc(100dvh - 104px);padding:18px 22px 28px}
.alarms-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;margin-bottom:10px}
.alarms-toolbar strong{font-size:15px;color:#203851}
.alarms-toolbar .btn{height:36px;padding:0 12px;font-size:12px}
.alarms-grid{display:grid;grid-template-columns:repeat(auto-fill,200px);grid-auto-rows:193px;align-content:start;justify-content:start;gap:8px 10px}
.alarm-card{position:relative;display:flex;flex-direction:column;width:200px;height:170px;margin-top:23px;min-width:0;min-height:0;padding:7px;border:2px solid #df2634;border-radius:9px;background:#fff;box-shadow:0 6px 18px #071b311a;color:#10243d;overflow:visible}
.alarm-card.snoozed{border-color:#c68a19}
.alarm-card-tabs{position:absolute;left:0;right:0;top:-24px;display:flex;gap:3px;height:23px}
.alarm-card-tabs button{flex:1;min-width:0;padding:0 3px;border:1px solid #df2634;border-bottom:0;border-radius:6px 6px 0 0;background:#fff;color:#a11220;font-size:8px;font-weight:800;white-space:nowrap;cursor:pointer}
.alarm-card.snoozed .alarm-card-tabs button{border-color:#c68a19;color:#8a5a08}
.alarm-card-top{display:flex;justify-content:space-between;align-items:center;gap:3px;min-height:18px;color:#c41422;text-transform:uppercase}
.alarm-card-top strong{font-size:9px;line-height:1.1}
.alarm-card-top small{font-size:9px;color:#8a5a08;font-weight:800}
.alarm-card h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:28px;max-height:28px;margin:4px 0 3px;font-size:11px;line-height:14px;overflow-wrap:anywhere}
.alarm-card-details{display:flex;flex:1;min-height:0;flex-direction:column;gap:2px;overflow:hidden}
.alarm-card-details p{margin:0;color:#3f526a;font-size:9px;line-height:1.2;overflow-wrap:anywhere}
.alarm-card-details .alarm-card-fact b{color:#be1727;font-size:11px}
.alarm-card-details .alarm-card-alias{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.alarm-card-details .alarm-card-time{margin-top:auto;font-weight:700}
.alarm-card-details .alarm-card-snoozed{color:#8a5a08;font-weight:700}
.alarm-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;flex:none;margin-top:4px}
.alarm-card-actions button{min-width:0;height:25px;padding:2px;border:1px solid #cddae5;border-radius:6px;background:#fff;color:#10243d;font-size:9px;font-weight:700;cursor:pointer}
.alarm-card-actions button:last-child{background:#087f46;border-color:#087f46;color:#fff}
.alarms-empty{margin:20px 0;color:#5d6f88;font-size:14px}
.alarms-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 0;color:#52657c;font-size:12px;font-weight:700}
.alarms-pagination[hidden]{display:none}
.alarms-pagination .btn{height:34px;padding:0 12px;font-size:12px}
.alarms-pagination .btn:disabled{opacity:.45;cursor:default}
@media(max-width:600px){.alarms-page{padding:12px 10px 90px}.alarms-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:193px}.alarm-card{width:100%}.alarms-toolbar strong{font-size:13px}}