.alarm-controls,.alarm-settings,.alarm-programs{display:grid;gap:16px;min-width:0}.alarm-status{display:grid;gap:8px;text-align:center;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--raised);color:var(--ink)}.alarm-status strong{font-size:1.6rem}.alarm-status small{color:var(--muted)}.alarm-status.is-warning{border:3px solid var(--danger,#b42424)}.alarm-modes,.alarm-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.alarm-inputs>span{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:12px}.alarm-settings form,.alarm-programs form{display:grid;gap:12px;min-width:0}.alarm-settings label,.alarm-programs label{display:grid;gap:8px;min-width:0}.alarm-settings input:not([type=checkbox]),.alarm-settings select,.alarm-programs input:not([type=checkbox]),.alarm-programs select{width:100%;min-width:0;box-sizing:border-box;font:inherit;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--raised);color:var(--ink)}.alarm-settings .check,.alarm-programs .check{display:flex;align-items:center}.alarm-settings button,.alarm-programs button,.alarm-controls button{min-height:44px;font:inherit}.alarm-zone{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;overflow-wrap:anywhere}.alarm-remote{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.alarm-settings details{padding:12px;border:1px solid var(--line);border-radius:12px}.alarm-settings summary{cursor:pointer;min-height:44px}@media(min-width:680px){.alarm-modes{grid-template-columns:repeat(4,minmax(0,1fr))}}
.alarm-modes,.alarm-inputs{direction:ltr}.alarm-modes>*,.alarm-inputs>*{direction:rtl}