.alerts-toolbar,.alerts-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.alerts-toolbar{margin-bottom:12px}.alerts-check{display:flex;align-items:center;gap:12px}
.alerts-check input[type=checkbox]{width:20px;height:20px;flex:none}
.alerts-toolbar>.alerts-check{margin-right:auto;font-weight:650}
.alerts-picker{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0;padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.alerts-picker>label{font-weight:650}.alerts-picker>select{flex:1;min-width:180px;max-width:650px;width:100%}.alerts-picker>.help-text{margin:0 0 0 auto}
.alerts-event-chips{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px solid var(--line)}
.alerts-event-chip{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;user-select:none;transition:border-color .15s,background .15s,opacity .15s}
.alerts-event-chip:hover{border-color:var(--accent)}
.alerts-event-chip.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--panel));color:var(--accent)}
.alerts-event-chip.muted{opacity:.55}
.alerts-event-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.alerts-admin-grid{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(0,1.4fr);gap:24px;align-items:start}
.alerts-admin-grid>*{min-width:0}.alerts-admin-grid .panel{margin:0}.alerts-preview-column{display:grid;gap:24px;min-width:0}
.alerts-editor{container-type:inline-size}.alerts-editor>h2{margin-bottom:12px}.alerts-editor>.button{margin-bottom:18px}
.alerts-form,.alerts-editor-section{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.alerts-fields,.alerts-appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:end}
.alerts-basics .alerts-check{min-height:42px}
.alerts-editor-tabs{display:flex;gap:4px;padding:4px;background:var(--bg);border:1px solid var(--line);border-radius:10px}
.alerts-editor-tab{flex:1;min-width:0;padding:12px 8px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-weight:650;cursor:pointer}
.alerts-editor-tab[aria-selected=true]{background:var(--panel);color:var(--accent);box-shadow:0 1px 4px #0003}
.alerts-editor-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.alerts-form{margin-top:18px}.alerts-form .field{min-width:0;margin:0}.alerts-form input,.alerts-form select{min-width:0;width:100%;box-sizing:border-box}
.alerts-form input[type=color]{height:44px;padding:4px;cursor:pointer}.alerts-form .alerts-check{flex-direction:row;justify-content:space-between;gap:16px}.alerts-form .alerts-check input{width:20px}
.alerts-form [hidden],.alerts-actions [hidden]{display:none!important}
.alerts-form .field:has(#alert-setting-label),.alerts-form .field:has(#alert-setting-text),.alerts-wide{grid-column:1/-1}
.alerts-design-section{padding-top:0}
.alerts-design-actions{margin-top:14px}
.alerts-design-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.alerts-design-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel);color:var(--text);font:inherit;cursor:pointer;text-align:center;transition:border-color .15s,box-shadow .15s}
.alerts-design-card:hover{border-color:var(--accent)}.alerts-design-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}
.alerts-design-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.alerts-design-card:disabled{cursor:default;opacity:.6}
.alerts-design-artwork{position:relative;display:grid;place-items:center;aspect-ratio:1.45;min-height:76px;max-height:140px;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#9146ff55,transparent 65%),#0a0f1c}
.alerts-design-artwork>svg{position:relative;display:block;height:85%;max-height:114px;width:auto;max-width:90%;pointer-events:none}
.alerts-design-card[data-design=cozy-creative] .alerts-design-artwork{background:radial-gradient(ellipse at 30% 80%,#e9c46a77,transparent 65%),radial-gradient(ellipse at 80% 20%,#6b90804d,transparent 70%),#fff9ed}
.alerts-design-card[data-design=smarthome-iot] .alerts-design-artwork{background:radial-gradient(ellipse at 50% 80%,#38b00033,transparent 70%),#0d161e}
.alerts-design-card[data-design=cyber-tech] .alerts-design-artwork{background:linear-gradient(#00c8ff12 1px,transparent 1px),linear-gradient(90deg,#00c8ff12 1px,transparent 1px),#0d1420;background-size:14px 14px}
.alerts-design-card[data-design=arcade-gaming] .alerts-design-artwork{background:radial-gradient(ellipse at 50% 100%,#ff007f44,transparent 70%),#190e29}
.alerts-design-label{padding:10px 6px;font-size:.82rem;line-height:1.4;overflow-wrap:anywhere}
.alerts-other-designs{margin-top:14px}.alerts-other-designs>summary,.alerts-appearance>summary{cursor:pointer;font-weight:600;padding:8px 0;color:var(--text)}
.alerts-other-designs .field{margin-top:8px}.alerts-appearance{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0}
.alerts-appearance-grid{padding:16px 0 12px}.alerts-appearance .field:has(#alert-setting-illustration),.alerts-appearance .field:has(#alert-setting-imageAssetId),.alerts-appearance .alerts-check{grid-column:1/-1}
.alerts-image-upload{display:grid;gap:8px;align-items:start}
.alerts-lines-section{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:16px}
.alerts-lines-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.alerts-lines-list{display:grid;gap:10px}
.alerts-line-row{display:grid;grid-template-columns:minmax(130px,.45fr) minmax(0,1fr) auto;gap:10px;align-items:center}
.alerts-sound{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:20px}.alerts-upload{position:relative;overflow:hidden}
.alerts-copy{border-top:1px solid var(--line);padding-top:12px}.alerts-copy>summary{cursor:pointer;font-weight:600;padding:6px 0}.alerts-copy-fields{display:grid;gap:18px;padding-top:16px}.alerts-copy-fields>.help-text{margin-bottom:4px}
.alerts-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.alerts-preview{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:12px;border:1px solid var(--line);background-color:#171a20;background-image:linear-gradient(45deg,#21252c 25%,transparent 25%),linear-gradient(-45deg,#21252c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#21252c 75%),linear-gradient(-45deg,transparent 75%,#21252c 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
.alerts-preview-panel h2{margin-bottom:18px}.alerts-queue>summary{font-weight:650;cursor:pointer;line-height:1.5}.alerts-queue[open]>summary{margin-bottom:20px}.alerts-queue ol{padding-left:24px;margin:20px 0;max-height:220px;overflow:auto;overflow-wrap:anywhere}
.alerts-preview-dialog{width:min(calc(100vw - 48px),calc((100dvh - 250px)*16/9));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);overflow:auto;box-sizing:border-box}
.alerts-preview-dialog::backdrop{background:#080b10d9;backdrop-filter:blur(4px)}
.alerts-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.alerts-dialog-header>h2{margin:0;font-size:1.1rem}
.alerts-preview-dialog .alerts-preview{border-radius:8px}.alerts-preview-dialog .alerts-actions{gap:10px}.alerts-preview-dialog .alerts-preview-body>.help-text{margin-top:12px}
.alerts-event-group{min-width:0;flex:1 1 210px}.alerts-event-group h3{font-size:.8rem;color:var(--muted);margin:0 0 8px}.alerts-event-group-list{display:grid;gap:6px}
.alerts-event-chip{width:100%;justify-content:flex-start;text-align:left;font:inherit;padding:8px 10px}.alerts-event-chip[aria-pressed=true]{box-shadow:inset 3px 0 var(--accent)}
.alerts-picker>select{display:none}.alerts-picker .alerts-event-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:14px}
.alerts-queue{display:block}.alerts-queue>summary{list-style:none}.alerts-queue>summary::-webkit-details-marker{display:none}
.alerts-queue li+li{margin-top:8px}.alerts-queue .field{max-width:320px}.alerts-feedback{min-height:1.5em}.alerts-actions select{width:auto;max-width:100%}
@container(max-width:410px){.alerts-fields,.alerts-appearance-grid,.alerts-line-row{grid-template-columns:1fr}.alerts-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1121px){.alerts-preview-column{position:sticky;top:24px}}
@media(min-width:2400px){.alerts-admin-grid{grid-template-columns:minmax(480px,.75fr) minmax(0,1.5fr)}}
@media(max-width:1120px){.alerts-admin-grid{grid-template-columns:1fr}.alerts-preview-column{display:contents}.alerts-preview-panel{grid-row:1}.alerts-editor{grid-row:2}.alerts-queue{grid-row:3}}
@media(max-width:900px){.alerts-picker .alerts-event-chips{display:none}.alerts-picker>select{display:block;max-width:none}.alerts-picker>label{width:auto}.alerts-picker>.help-text{margin-left:0}.alerts-event-chips{border:0;padding:0}}
@media(max-width:600px){.alerts-fields,.alerts-appearance-grid,.alerts-line-row{grid-template-columns:1fr}.alerts-toolbar>*{width:100%}.alerts-toolbar>.alerts-check{justify-content:space-between}.alerts-admin-grid{gap:16px}.alerts-preview-dialog{width:calc(100vw - 24px);padding:12px}}
body.admin-panel #alertsAdmin .alerts-picker,
body.admin-panel #alertsAdmin .alerts-admin-grid,
body.admin-panel #alertsAdmin .alerts-editor,
body.admin-panel #alertsAdmin .alerts-preview-column { min-width:0; }
body.admin-panel #alertsAdmin .alerts-event-overview { min-width:0; max-height:min(52vh,480px); overflow:auto; overscroll-behavior:contain; }
body.admin-panel #alertsAdmin .alerts-event-overview>summary { position:sticky; top:0; z-index:1; padding:8px 10px; border:1px solid var(--line); background:var(--panel); color:var(--text); }
body.admin-panel #alertsAdmin .alerts-event-overview[open]>summary { margin-bottom:8px; }
body.admin-panel #alertsAdmin .alerts-event-chips { min-width:0; }
body.admin-panel #alertsAdmin .alerts-actions { min-width:0; }
body.admin-panel #alertsAdmin .alerts-actions>.button { max-width:100%; white-space:normal; }
body.admin-panel #alertsAdmin .alerts-form .field { min-width:0; }
body.admin-panel #alertsAdmin .alerts-copy-fields { min-width:0; }
body.admin-panel #alertsAdmin .alerts-copy-fields input,
body.admin-panel #alertsAdmin .alerts-copy-fields textarea { box-sizing:border-box; width:100%; min-width:0; }
body.admin-panel #alertsAdmin .alerts-line-row > * { min-width:0; }