.xy-alarms{color:var(--ink);font-size:13px;padding:17px 18px 24px}
.xy-calendar-panel .xy-alarms{--ink:#edf2f5;--muted:#b4c0ca;--bg:#202830;--paper:#303b45;--line:#4c5965;color-scheme:dark}
.xy-calendar-panel .xy-alarms button{border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.xy-calendar-panel .xy-alarms button:hover{background:#3e4d5b;border-color:#7b8d9c}
.xy-calendar-panel .xy-alarms button.primary{background:#0876c9;color:#fff;border-color:#248fdf}
.xy-calendar-panel .xy-alarms button.primary:hover{background:#0a86e2}
.alarm-toolbar,.alarm-item-main,.alarm-alert-heading{display:flex;align-items:center;gap:12px;justify-content:space-between}
.alarm-toolbar h3{font-size:19px;font-weight:500;margin:0 0 4px}
.alarm-toolbar small,.alarm-item small,.alarm-sound-row small{color:var(--muted);font-size:11px;line-height:1.6}
.xy-alarms button,.alarm-alert button{border-radius:2px;padding:6px 10px;font-size:12px;white-space:nowrap}
.alarm-note{font-size:11px;line-height:1.8;color:var(--muted);margin:12px 0}
.alarm-sound-row{display:flex;align-items:center;gap:12px;margin:14px 0}
.alarm-sound-row small{flex:1}
.alarm-item{border-top:1px solid var(--line);padding:15px 0 12px}
.alarm-item-main>time{font-size:29px;font-weight:300;font-variant-numeric:tabular-nums;line-height:1.2}
.alarm-item-main>div{flex:1;min-width:0}
.alarm-item-main strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere;margin-bottom:4px}
.alarm-item-main small{display:block}
.alarm-item.is-off .alarm-item-main>time{color:var(--muted)}
.alarm-next{font-size:11px;color:var(--muted);margin:9px 0}
.alarm-item-actions,.alarm-editor-actions,.alarm-alert-actions{display:flex;gap:7px;justify-content:flex-end}
.alarm-item-actions button{border-color:transparent;background:transparent;color:var(--accent);padding:3px 7px}
.alarm-empty{padding:28px 10px;text-align:center;color:var(--muted);line-height:2}
.alarm-empty small{font-size:11px}
.alarm-editor{padding:14px;border:1px solid var(--line);background:var(--bg);margin:15px 0}
.alarm-editor h3{font-size:15px;margin:0 0 13px}
.alarm-editor>label,.alarm-form-row>label{display:flex;flex-direction:column;gap:6px;font-size:12px;margin-bottom:12px}
.alarm-editor input:not([type=checkbox]),.alarm-editor select{width:100%;min-width:0;font-size:13px;padding:7px 9px}
.alarm-form-row{display:flex;gap:12px}
.alarm-form-row>label{flex:1;min-width:0}
.alarm-weekdays{display:flex;flex-wrap:wrap;gap:9px;margin:8px 0 15px}
.alarm-weekdays label,.alarm-editor .alarm-check{display:flex;flex-direction:row;align-items:center;gap:4px;font-size:12px}
.alarm-weekdays input,.alarm-check input{width:14px;height:14px;margin:0}
.alarm-error{font-size:12px;line-height:1.6;background:#fcece7;color:#96392c;padding:9px;margin:10px 0}
.alarm-delete-confirm{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px;background:var(--bg);padding:9px;font-size:12px;margin-top:9px}
.alarm-alert-host{position:fixed;right:18px;bottom:64px;width:350px;max-width:calc(100vw - 24px);max-height:calc(100vh - 96px);overflow:auto;z-index:6800;pointer-events:none}
.alarm-alert-host[hidden]{display:none}
.alarm-alert{pointer-events:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--accent);box-shadow:0 5px 22px #0003;padding:16px;margin:0 0 10px}
.alarm-alert-heading{font-size:11px;color:var(--muted);margin-bottom:11px}
.alarm-alert h3{font-size:18px;font-weight:500;margin:0 0 9px;overflow-wrap:anywhere}
.alarm-alert p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 15px}
.alarm-alert time{font-variant-numeric:tabular-nums}
body.dark .alarm-error{background:#53352e;color:#ffc4b7}
@media(max-width:420px){.xy-alarms{padding:15px 12px}.alarm-item-main{gap:9px}.alarm-item-main>time{font-size:25px}.alarm-sound-row{align-items:flex-start;flex-wrap:wrap}.alarm-alert-host{left:12px;right:12px;bottom:60px;width:auto}.alarm-form-row{gap:8px}.alarm-weekdays{gap:7px}}