.alarm-journal { min-width: 0; }
.alarm-journal-tabs, .alarm-journal-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 16px;
}
.alarm-journal [role="tabpanel"] > p { margin: 12px 16px; }
.alarm-journal .document-filters { grid-template-columns: repeat(2, minmax(0, 1fr)) auto; align-items: end; }
.alarm-journal .table-scroll { max-width: 100%; overflow-x: auto; }
.alarm-journal table { min-width: 760px; }
.alarm-journal td { overflow-wrap: anywhere; white-space: normal; }
.alarm-journal td:last-child { max-width: 320px; }
@media (max-width: 650px) {
  .alarm-journal .document-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .alarm-journal .document-filters button { grid-column: 1 / -1; }
}

.alarm-row-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.alarm-action-dialog { width: min(560px, calc(100vw - 24px)); border: 1px solid #c8d7ec; border-radius: 8px; padding: 20px; color: #102f57; }
.alarm-action-dialog::backdrop { background: rgb(0 0 0 / 35%); }
.alarm-action-dialog form, .alarm-action-dialog label { display: grid; gap: 10px; }
.alarm-action-dialog select, .alarm-action-dialog textarea { width: 100%; min-height: 40px; padding: 8px; border: 1px solid #c8d7ec; border-radius: 5px; font: inherit; }
.alarm-action-dialog textarea { min-height: 100px; resize: vertical; }
.alarm-action-dialog footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }


.alarm-configuration-dialog { width: min(760px, calc(100vw - 2rem)); max-height: 90vh; overflow: auto; }
.alarm-configuration-dialog [data-settings] { margin: .75rem 0; padding: .75rem; }
.alarm-configuration-dialog [data-kind] + [data-kind] { border-top: 1px solid var(--border, #cbd5e1); margin-top: 1rem; padding-top: .5rem; }
.alarm-config-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.alarm-configuration-dialog select[multiple] { min-height: 8rem; }
[data-cascade-creation] { padding: 0 1rem; }
[data-cascade-creation] label { display: grid; gap: .25rem; margin: .5rem 0; }
@media(max-width: 560px) { .alarm-config-grid { grid-template-columns: 1fr; } }