.alerts-page .brand{text-decoration:none;color:var(--text)}
.alerts-page nav,.alerts-actions,.alerts-section-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.alerts-page nav a{color:var(--text-soft);text-decoration:none;font-size:14px}
.alerts-main{max-width:1160px;margin:auto;padding:48px 28px;position:relative}
.alerts-hero{max-width:780px;margin-bottom:38px}.alerts-hero h1{font-size:clamp(36px,6vw,62px);letter-spacing:-2px;margin:12px 0}.alerts-hero>p:not(.eyebrow){font-size:19px;line-height:1.6;color:var(--text-soft)}
.alerts-facts{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.alerts-facts span{border:1px solid var(--line);border-radius:30px;padding:7px 12px;font-size:12px;color:var(--text-soft)}
.alerts-panel,.alerts-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;margin:20px 0}.alerts-panel h2,.alerts-card h3{margin-top:0}.alerts-panel p,.alerts-card p{line-height:1.65;overflow-wrap:anywhere}
.alerts-page button,.alerts-primary{background:var(--surface-raised);border:1px solid var(--line);border-radius:8px;padding:11px 15px;cursor:pointer;text-decoration:none;display:inline-block;color:var(--text);font:inherit;font-size:14px;min-height:44px}
.alerts-page .alerts-primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:700}.alerts-page button:disabled{opacity:.5;cursor:wait}.alerts-page button:hover{border-color:var(--accent)}
.alerts-page :focus-visible{outline:2px solid var(--accent);outline-offset:4px}.alerts-toolbar,.alerts-section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.alerts-toolbar h2{margin:8px 0}.alerts-toolbar p{color:var(--text-soft)}
.alerts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.alerts-card{margin:0;display:flex;flex-direction:column;gap:8px}.alerts-card h3{overflow-wrap:anywhere;margin-bottom:0}.alerts-card p{color:var(--text-soft);font-size:14px;flex:1}.alerts-card .alerts-actions{margin-top:8px}
.alerts-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.alerts-fields label{display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--text-soft)}
.alerts-fields input,.alerts-fields select{min-width:0;width:100%;padding:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;font:inherit}.alerts-fields .alerts-check{flex-direction:row;align-items:center}.alerts-check input{width:20px;height:20px;accent-color:var(--accent)}
.alerts-hint,.alerts-footer p{color:var(--text-soft);font-size:13px;line-height:1.7}.alerts-delivery{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}.alerts-footer{padding:25px 0}.alerts-page .alerts-danger,#formError{color:var(--danger)}
#notice:not(:empty){padding:15px 18px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:4px;line-height:1.6}#notice:empty{display:none}
.alerts-page [hidden]{display:none!important}.discord-alerts-link{text-decoration:none;white-space:nowrap}
.alerts-selector{min-width:0}.alerts-selector details{border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--bg)}.alerts-selector summary{cursor:pointer;min-height:24px}.alerts-selector input[type=search]{margin:12px 0}.alerts-options{max-height:240px;overflow:auto}.alerts-options label{display:flex;flex-direction:row;align-items:center;gap:10px;padding:9px 0;overflow-wrap:anywhere}.alerts-options input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.alerts-page .alerts-selection{font-size:12px;padding:5px 8px;margin:5px 5px 0 0;overflow-wrap:anywhere;max-width:100%;text-align:left}
.alerts-layout-form{border:0;padding:0;margin:20px 0 0;min-width:0}.alerts-layout-mode{display:flex;align-items:center;gap:10px}.alerts-layout-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}.alerts-layout-section{min-width:0}.alerts-layout-section h3{margin:0}.alerts-layout-list{list-style:none;padding:0;margin:0;max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:10px}.alerts-layout-row{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--line)}.alerts-layout-row:last-child{border-bottom:0}.alerts-layout-row label{display:flex;align-items:center;gap:9px;flex:1;min-width:0;font-size:14px;overflow-wrap:anywhere}.alerts-layout-row input{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}.alerts-layout-row button{padding:6px 10px;flex-shrink:0}.alerts-layout-preview{background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:20px;overflow-wrap:anywhere}.alerts-layout-preview h4{font-size:16px;margin:12px 0 18px}.alerts-layout-preview .eyebrow{margin:0}.alerts-layout-example-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;font-size:13px}.alerts-layout-example-fields strong,.alerts-layout-example-fields span{display:block}.alerts-layout-example-fields span{color:var(--text-soft);margin-top:5px}.alerts-layout-error{color:var(--danger)}#messageLayout summary{cursor:pointer;min-height:32px}
@media(max-width:700px){.alerts-main{padding:30px 16px}.alerts-grid,.alerts-fields,.alerts-layout-columns{grid-template-columns:1fr}.alerts-layout-example-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.alerts-toolbar{align-items:flex-start;flex-direction:column}.alerts-panel,.alerts-card{padding:20px}.alerts-page .topbar{padding:12px 16px}.alerts-page nav{gap:10px}.alerts-page nav a{font-size:12px}.alerts-actions{gap:8px}.alerts-hero{margin-bottom:26px}.alerts-facts{gap:6px}}
