.alarm-panel{grid-column:1/-1}
.compact-button{min-height:30px;padding:6px 9px;font-size:10px}
.alarm-note{font-size:10px;color:#8c9690;margin:0 0 12px}
.alarm-create{display:grid;grid-template-columns:minmax(110px,1fr) minmax(180px,auto) 38px;gap:8px;margin:12px 0}
.alarm-create input{height:36px;min-width:0;border:1px solid var(--line);border-radius:4px;padding:0 9px;background:#fbfcfb;color:var(--ink);font-size:11px}
.alarm-create .primary{min-height:36px;padding:0;font-size:18px}
.alarm-row{display:flex;align-items:center;gap:11px;border-top:1px solid #f0f2f0;padding:10px 2px}
.alarm-clock{width:28px;height:28px;border-radius:5px;display:grid;place-items:center;background:#f0f4f1;color:var(--green);font-size:17px}
.alarm-copy{display:grid;gap:4px;flex:1;min-width:0}
.alarm-copy strong{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alarm-copy span{font-size:10px;color:#99a29d}
.alarm-row.disabled .alarm-clock{background:#f3f4f3;color:#a2aaa5}
.alarm-row.disabled .alarm-copy{opacity:.62}
.alarm-row.fired .alarm-copy span{color:var(--green)}
.alarm-switch{width:30px;height:17px;position:relative;display:inline-block;flex:none}
.alarm-switch input{opacity:0;width:0;height:0}
.alarm-switch span{position:absolute;inset:0;border-radius:12px;background:#dce1dd;cursor:pointer;transition:.18s}
.alarm-switch span:before{content:'';position:absolute;width:13px;height:13px;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0002;transition:.18s}
.alarm-switch input:checked+span{background:#70a891}
.alarm-switch input:checked+span:before{transform:translateX(13px)}
.alarm-switch input:disabled+span{cursor:default;opacity:.7}
@media(max-width:680px){.alarm-create{grid-template-columns:minmax(90px,1fr) minmax(140px,1fr) 36px;gap:6px}.alarm-create input{padding:0 6px;font-size:10px}}