.ops-alarms{--ops-canvas:#191b1f;--ops-card-bg:#22242a;--ops-card-border:#31343b;--ops-control-bg:#2c2f36;--ops-control-border:#42464f;--ops-btn-bg:#2c2f36;--ops-btn-border:#42464f;--ops-active-bg:#363a42;--ops-tile-bg:#2c2f36;--ops-tile-border:#31343b;--ops-divider:#31343b;--ops-timeline-line:#31343b;--ops-text-primary:#e5ebeb;--ops-text-strong:#e5ebeb;--ops-text-muted:#9ba2ad;--ops-separator:#778286;--ops-green:#43d39b;--ops-green-hover:#5ad9ac;--ops-green-bg:rgba(67, 211, 155, 0.12);--ops-green-border:rgba(67, 211, 155, 0.4);--ops-red:#d45454;--ops-red-bg:rgba(212, 84, 84, 0.14);--ops-red-border:rgba(212, 84, 84, 0.4);--ops-amber:#e8a044;--ops-amber-bg:rgba(185, 120, 63, 0.16);--ops-amber-border:rgba(232, 160, 68, 0.4);--ops-blue:#3197e6;--ops-blue-bg:rgba(49, 151, 230, 0.16);--ops-blue-border:rgba(49, 151, 230, 0.4);--ops-muted-bg:rgba(119, 130, 134, 0.12);--ops-muted-bg-soft:rgba(119, 130, 134, 0.08);--ops-violet:#a78bfa;--ops-violet-bg:rgba(124, 58, 237, 0.1);--ops-violet-border:rgba(124, 58, 237, 0.35);position:relative;z-index:10;width:100%;max-width:1272px;margin-inline:auto;background:var(--ops-canvas);border:1px solid var(--ops-card-border);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.35);padding-bottom:20px;overflow:hidden;color:var(--ops-text-primary);font-size:13px;line-height:1.45;text-align:left;-webkit-font-smoothing:antialiased;isolation:isolate;animation:hero-fade-up .8s cubic-bezier(.16,1,.3,1)both;animation-delay:.7s}@media(prefers-reduced-motion:reduce){.ops-alarms{animation:none}}.ops-alarms *,.ops-alarms *::before,.ops-alarms *::after{box-sizing:border-box}.ops-alarms a{color:var(--ops-green);text-decoration:none}.ops-alarms a:hover{color:var(--ops-green-hover)}.ops-alarms button{font:inherit;cursor:default}.ops-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ops-btn-bg);border:1px solid var(--ops-btn-border);border-radius:6px;color:#fff;font-size:11.5px;padding:6px 11px;white-space:nowrap}.ops-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 20px;border-bottom:1px solid var(--ops-divider);background:#22242a}.ops-breadcrumb{font-size:14px;color:#778286}.ops-breadcrumb-sep{color:var(--ops-separator);margin:0 4px}.ops-breadcrumb-current{font-weight:500;color:var(--ops-text-primary)}.ops-topbar-actions{display:flex;align-items:center;gap:8px}.ops-filters{display:flex;align-items:center;gap:12px;padding:13px 20px 0}.ops-control{display:flex;align-items:center;justify-content:space-between;gap:8px;height:34px;background:var(--ops-control-bg);border:1px solid var(--ops-control-border);border-radius:8px;padding:0 12px}.ops-control--filter{flex:1;min-width:0}.ops-control--date{flex:0 0 250px;width:250px}.ops-control-placeholder{font-size:11.5px;color:var(--ops-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-chevron{width:12px;height:12px;flex-shrink:0;stroke:var(--ops-text-muted);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.ops-segmented{display:flex;align-items:stretch;height:34px;background:var(--ops-control-bg);border:1px solid var(--ops-control-border);border-radius:8px;overflow:hidden}.ops-segment{display:flex;align-items:center;padding:0 15px;font-size:11.5px;color:var(--ops-text-muted);border-left:1px solid var(--ops-control-border);white-space:nowrap}.ops-segment:first-child{border-left:none}.ops-segment--active{background:var(--ops-active-bg);font-weight:700;color:var(--ops-text-primary)}.ops-playback{display:flex;align-items:stretch;height:34px;background:var(--ops-control-bg);border:1px solid var(--ops-control-border);border-radius:8px;overflow:hidden;flex-shrink:0}.ops-playback-cell{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--ops-control-border)}.ops-playback-cell:first-child{border-left:none}.ops-playback-cell .ops-chevron{width:13px;height:13px;stroke:var(--ops-text-muted)}.ops-pause-icon{display:flex;align-items:center;gap:2.5px}.ops-pause-bar{width:2.5px;height:11px;border-radius:1px;background:var(--ops-text-muted)}.ops-grid{display:grid;grid-template-columns:minmax(0,1.9fr)minmax(0,1fr);gap:14px;align-items:start;padding:13px 20px 0}.ops-col-left{display:flex;flex-direction:column;gap:14px;min-width:0}.ops-ai-banner{display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:12px;background:var(--ops-violet-bg);border:1px solid var(--ops-violet-border)}.ops-ai-icon{width:18px;height:18px;flex-shrink:0}.ops-ai-icon path{fill:var(--ops-violet)}.ops-ai-icon path.ops-ai-icon-spark{opacity:.75}.ops-ai-text{flex:1;min-width:0;font-size:12.5px;line-height:1.5;color:var(--ops-text-muted);margin:0}.ops-ai-text strong{font-weight:700;color:var(--ops-text-primary)}.ops-ai-btn{flex-shrink:0;background:0 0;border:1px solid var(--ops-violet);border-radius:8px;padding:8px 13px;font-size:12px;font-weight:600;color:var(--ops-violet);white-space:nowrap}.ops-card{background:var(--ops-card-bg);border:1px solid var(--ops-card-border);border-radius:12px;min-width:0}.ops-alarms-card{padding:16px 17px 6px}.ops-card-title{font-size:15px;line-height:normal;font-weight:500;letter-spacing:-.01em;color:var(--ops-text-primary);margin:0}.ops-card-subtitle{font-size:11.5px;color:var(--ops-text-muted);margin:4px 0 0}.ops-bulk-bar{display:flex;align-items:center;gap:8px;margin-top:12px;margin-bottom:16px;padding:8px 10px;border-radius:9px;background:var(--ops-green-bg);border:1px solid var(--ops-green-border)}.ops-bulk-count{font-size:11.5px;font-weight:700;color:var(--ops-green);padding:0 6px;white-space:nowrap}.ops-bulk-spacer{flex:1}.ops-row-grid{display:grid;grid-template-columns:22px 78px minmax(0,1fr)86px 62px;gap:10px;align-items:center}.ops-table-header{padding:14px 2px 9px;font-family:ui-monospace,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:var(--ops-text-muted)}.ops-col-created{text-align:right}.ops-table-rows{list-style:none;margin:0;padding:0 0 10px}.ops-row{padding:9px 2px;border-top:1px solid var(--ops-divider);font-size:12.5px}.ops-checkbox{width:13px;height:13px;border-radius:4px;border:1px solid var(--ops-control-border);display:flex;align-items:center;justify-content:center}.ops-checkbox--checked{background:var(--ops-green);border-color:var(--ops-green)}.ops-checkbox-check{width:9px;height:9px;stroke:#fff;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round}.ops-prio{display:block;width:100%;text-align:center;padding:3px 0;border-radius:5px;font-size:9.5px;font-weight:700;letter-spacing:.04em}.ops-prio--critical{color:var(--ops-red);background:var(--ops-red-bg);border:1px solid var(--ops-red-border)}.ops-prio--high{color:var(--ops-amber);background:var(--ops-amber-bg);border:1px solid var(--ops-amber-border)}.ops-prio--medium{color:var(--ops-text-muted);background:var(--ops-muted-bg);border:1px solid var(--ops-card-border)}.ops-prio--low{color:var(--ops-text-muted);background:var(--ops-muted-bg-soft);border:1px solid var(--ops-card-border)}.ops-prio--detail{width:auto;display:inline-block;padding:3px 8px}.ops-alarm-text{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ops-text-muted)}.ops-alarm-text strong{font-weight:700;color:var(--ops-text-primary)}.ops-alarm-text--muted{opacity:.6}.ops-status{display:block;width:100%;text-align:center;padding:4px 0;border-radius:5px;font-size:10.5px;font-weight:600}.ops-status--unacked{color:var(--ops-green);background:var(--ops-green-bg);border:1px solid var(--ops-green-border)}.ops-status--acked{color:var(--ops-blue);background:var(--ops-blue-bg);border:1px solid var(--ops-blue-border)}.ops-status--hold{color:var(--ops-text-muted);background:var(--ops-muted-bg);border:1px solid var(--ops-card-border)}.ops-age{font-size:11px;color:var(--ops-text-muted);text-align:right;white-space:nowrap}.ops-detail-card{padding:16px 17px}.ops-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ops-detail-id{font-size:16px;font-weight:500;color:var(--ops-text-primary);margin:0;line-height:normal;letter-spacing:normal}.ops-detail-sub{font-size:11.5px;color:var(--ops-text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-lifecycle{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}.ops-lifecycle-cell{display:flex;align-items:center;justify-content:center;background:var(--ops-btn-bg);border:1px solid var(--ops-btn-border);border-radius:6px;padding:8px 0;font-size:11.5px;color:#fff}.ops-lifecycle-cell--active{font-weight:700;color:var(--ops-green);border:1px solid var(--ops-green-border);background:var(--ops-green-bg)}.ops-section-label{font-family:ui-monospace,monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;font-weight:600;color:var(--ops-text-muted);margin:10px 0 0}.ops-tiles{display:flex;flex-direction:column;gap:8px;margin-top:10px}.ops-tile{display:flex;align-items:center;gap:9px;background:var(--ops-tile-bg);border:1px solid var(--ops-tile-border);border-radius:8px;padding:9px 11px;font-size:12px;color:var(--ops-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ops-dot--amber{background:var(--ops-amber);box-shadow:0 0 8px rgba(232,160,68,.8)}.ops-dot--cyan{background:var(--ops-blue);box-shadow:0 0 8px rgba(49,151,230,.8)}.ops-dot--green{background:var(--ops-green);box-shadow:0 0 8px rgba(67,211,155,.8)}.ops-dot--pending{background:var(--ops-timeline-line)}.ops-auto-action{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:11px 12px;border-radius:9px;background:var(--ops-green-bg);border:1px solid var(--ops-green-border)}.ops-auto-check{font-weight:700;color:var(--ops-green);flex-shrink:0}.ops-auto-text{margin:0;font-size:12px;line-height:1.55;color:#fff}.ops-timeline{position:relative;list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:11px}.ops-timeline::before{content:"";position:absolute;top:6px;bottom:6px;left:3px;width:1px;background:var(--ops-timeline-line)}.ops-timeline-row{position:relative;display:flex;align-items:baseline;gap:10px}.ops-timeline-row .ops-dot{align-self:center}.ops-timeline-time{font-size:11.5px;font-weight:700;color:var(--ops-text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.ops-timeline-desc{color:var(--ops-text-muted);line-height:1.45}@media(max-width:1023px){.ops-alarms{display:none}}@media(prefers-reduced-motion:no-preference){.ops-alarms .ops-filters>*{animation:fx-fade-in .5s ease 1s both}.ops-alarms .ops-segment{animation:fx-rise .4s var(--fx-ease)calc(1.05s + var(--i,0) * .06s)both}.ops-alarms .ops-alarms-card{animation:fx-rise .6s var(--fx-ease)1.05s both}.ops-alarms .ops-table-rows>*{animation:fx-rise .4s var(--fx-ease)calc(1.25s + var(--i,0) * .08s)both}.ops-alarms .ops-ai-banner{--arch-glow:157, 124, 240;animation:fx-rise .6s var(--fx-ease).95s both,arch-lit 1.1s ease-out 2.1s both}.ops-alarms .ops-ai-icon{animation:fx-spark .7s var(--fx-ease)1.1s both}.ops-alarms .ops-checkbox--checked{animation:ops-check-on .3s ease calc(2.25s + var(--i,0) * .1s)both}.ops-alarms .ops-checkbox-check path{stroke-dasharray:1;animation:fx-draw-in .3s var(--fx-draw)calc(2.35s + var(--i,0) * .1s)both}.ops-alarms .ops-bulk-bar{animation:fx-fade-in .4s ease 2.2s both}.ops-alarms .ops-detail-card{animation:ops-detail-open .6s var(--fx-ease)2.45s both}.ops-alarms .ops-lifecycle-cell{animation:fx-rise .35s var(--fx-ease)calc(2.7s + var(--i,0) * .06s)both}.ops-alarms .ops-lifecycle-cell--active{animation:fx-rise .35s var(--fx-ease)calc(2.7s + var(--i,0) * .06s)both,ops-cell-on .4s ease 3s both}.ops-alarms .ops-tile{animation:fx-rise .4s var(--fx-ease)calc(3.05s + var(--i,0) * .1s)both}.ops-alarms .ops-tile .ops-dot--amber{animation:fx-breathe 2s ease-in-out 3.6s infinite}.ops-alarms .ops-auto-action{--arch-glow:67, 211, 155;animation:fx-rise .4s var(--fx-ease)3.3s both,arch-lit 1s ease-out 3.5s both}.ops-alarms .ops-timeline-row{animation:fx-rise .35s var(--fx-ease)calc(3.45s + var(--i,0) * .12s)both}.ops-alarms .ops-timeline-row .ops-dot{animation:fx-pop .35s var(--fx-ease)calc(3.55s + var(--i,0) * .12s)both}.ops-alarms .ops-timeline-row .ops-dot--pending{animation:fx-pop .35s var(--fx-ease)calc(3.55s + var(--i,0) * .12s)both,fx-breathe 2s ease-in-out 4.3s infinite}}@keyframes ops-check-on{from{background:0 0;border-color:var(--ops-control-border);scale:.7}}@keyframes ops-cell-on{from{color:#fff;font-weight:400;background:var(--ops-btn-bg);border-color:var(--ops-btn-border)}}@keyframes ops-detail-open{from{opacity:0;translate:16px 0}}