.legacy-notifications { display: none !important; }
#alarmWorkspace { font-size: 16px; line-height: 1.6; }
#alarmWorkspace [hidden] { display: none !important; }
.alarm-feedback { min-height: 26px; margin: 0 0 16px; color: var(--muted); }
.alarm-feedback.error { color: #b2384f; }
.alarm-dashboard-stats, .alarm-channel-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-bottom: 20px; }
.alarm-stat, .alarm-channel { padding: 20px 24px; background: #fff; border: 1px solid var(--border); border-radius: 16px; }
.alarm-stat strong { display: block; font-size: 30px; color: #34778b; }
.alarm-stat:first-child { background: #fff4f5; }.alarm-stat:first-child strong { color: #bb4961; }
.alarm-stat:nth-child(2) { background: #fff9ed; }.alarm-stat:nth-child(2) strong { color: #a97620; }
.alarm-stat:nth-child(3) { background: #eff8fa; }
.alarm-channel strong { display: block; margin-bottom: 6px; }
.alarm-channel span { color: #987023; font-size: 15px; }.alarm-channel.ready span { color: #218675; }
.alarm-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin: 18px 0; }
.alarm-toolbar label { display: flex; align-items: center; gap: 12px; min-width: 0; white-space: nowrap; }
.alarm-toolbar select { min-width: 240px; max-width: 100%; }
.alarm-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; }
.alarm-tabs button { background: #fff; color: #536b85; border: 1px solid var(--border); border-radius: 10px; padding: 10px 22px; font-size: 16px; cursor: pointer; }
.alarm-tabs button.active { background: #eaf3ff; border-color: #bcd3f2; color: #316bab; }
.alarm-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.alarm-card { min-width: 0; padding: 24px; border: 1px solid var(--border); border-radius: 16px; background: #fff; }
.alarm-card h2 { margin: 0 0 20px; font-size: 20px; }.alarm-card.crisis { grid-column: 1/-1; border-color: #ead4da; }
.alarm-field { display: grid; gap: 8px; margin: 18px 0; }.alarm-field input, .alarm-field textarea, .alarm-toolbar select { width: 100%; border: 1px solid #cddae7; border-radius: 9px; background: #fff; color: #293c52; font: inherit; padding: 10px 12px; }
.alarm-field textarea { resize: vertical; min-height: 82px; }
.alarm-switch { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 14px 0; }
.alarm-switch input, .alarm-gas input { width: 20px; height: 20px; accent-color: #4287ce; flex: none; }
.alarm-gas { display: flex; gap: 10px; align-items: center; padding: 10px 14px; border: 1px solid var(--border); border-radius: 10px; background: #f8fafd; }
.alarm-gases, .alarm-contacts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.alarm-stage-line { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 20px 0; }
.alarm-stage-line div { padding: 16px; border-radius: 12px; background: #fff1f3; }.alarm-stage-line div:nth-child(2) { background: #fff5e5; }.alarm-stage-line div:nth-child(3) { background: #f2efff; }
.alarm-stage-line b { display: block; color: #a34862; font-size: 21px; }
.alarm-form-actions { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-top: 22px; }
.alarm-note { margin: 12px 0; color: #60738a; font-size: 15px; overflow-wrap: anywhere; }
.alarm-safety { padding: 14px 18px; background: #fff8ec; border-radius: 10px; color: #8a6425; font-size: 15px; margin-top: 20px; }
.alarm-records { background: #fff; border: 1px solid var(--border); border-radius: 14px; overflow: auto; }
.alarm-records table { width: 100%; min-width: 760px; border-collapse: collapse; }.alarm-records th, .alarm-records td { text-align: left; padding: 15px 18px; font-size: 15px; border-bottom: 1px solid #edf1f6; white-space: normal; max-width: 320px; overflow-wrap: anywhere; }
.alarm-records th { background: #f8fafd; }.alarm-records td small { display: block; font-size: 14px; color: #677b8f; }
.alarm-state { display: inline-block; padding: 4px 10px; background: #f0f4f8; border-radius: 7px; white-space: nowrap; }.alarm-state.active, .alarm-state.failed { background: #fff0f3; color: #ab3a54; }.alarm-state.submitted, .alarm-state.recovered { background: #eaf7f1; color: #247f6a; }
#alarmForm fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }#alarmForm fieldset:disabled { opacity: .75; }
@media(max-width: 1100px) { .alarm-form-grid { grid-template-columns: 1fr; } }
@media(max-width: 640px) { .alarm-dashboard-stats, .alarm-channel-grid { gap: 8px; }.alarm-stat, .alarm-channel { padding: 14px 10px; }.alarm-channel-grid, .alarm-contacts, .alarm-gases { grid-template-columns: 1fr; }.alarm-card { padding: 18px; }.alarm-toolbar label { flex-wrap: wrap; width: 100%; }.alarm-stage-line { gap: 6px; }.alarm-stage-line div { padding: 12px 8px; } }