/* Alert-rule workbench. Shared condition controls also serve My Flood Events. */
.cx-page { background:#f2f6fa; }
.cx-wrap { --cx-ink:#132d45;--cx-muted:#60758b;--cx-line:#dce5ed;--cx-paper:#fff;--cx-wash:#f2f6fa;--cx-blue:#1174c9;max-width:1240px;margin:0 auto;padding:36px 32px 80px;color:var(--cx-ink);font-family:inherit; }
.cx-wrap *, .cx-builder * { box-sizing:border-box; }
.cx-head { margin-bottom:26px; }
.cx-back { display:inline-block;margin-bottom:28px;color:#506b83;font-size:13px;text-decoration:none; }
.cx-back:hover { color:#1174c9; }
.cx-eyebrow { color:#53738d;font-size:10px;font-weight:800;letter-spacing:.15em;margin-bottom:10px; }
.cx-head h1 { font-size:clamp(30px,3.7vw,46px);font-weight:750;letter-spacing:-.045em;line-height:1.13;color:var(--cx-ink);margin:0 0 12px; }
.cx-sub { color:var(--cx-muted);font-size:16px;line-height:1.65;margin:0; }
.cx-starters { display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 26px; }
.cx-starters>span { font-size:12px;color:var(--cx-muted);margin-right:5px; }
.cx-starters button { display:flex;gap:18px;align-items:center;padding:11px 13px;background:var(--cx-paper);border:1px solid var(--cx-line);border-radius:8px;font:inherit;font-size:12px;color:var(--cx-ink);cursor:pointer; }
.cx-starters button span { color:var(--cx-blue); }
.cx-workbench { display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start; }
.cx-main { min-width:0;display:grid;gap:20px; }
.cx-card { background:var(--cx-paper);border:1px solid var(--cx-line);border-radius:14px;padding:24px; }
.cx-step { display:flex;align-items:center;gap:11px;margin-bottom:22px;color:var(--cx-blue);font-size:11px;font-weight:800;letter-spacing:.04em; }
.cx-step span { color:var(--cx-ink);font-size:16px;letter-spacing:-.02em;font-weight:700; }
.cx-field { display:block;margin:0 0 14px; }
.cx-label { display:block;color:var(--cx-ink);font-weight:650;font-size:12px;margin:0 0 7px; }
.cx-optional { color:var(--cx-muted);font-size:11px;font-weight:400;margin-left:5px; }
.cx-input,.cx-select { font:inherit;font-size:13px;line-height:1.45;border:1px solid #cddbe7;border-radius:7px;padding:9px 10px;background:var(--cx-paper,#fff);color:var(--cx-ink,#132d45);max-width:100%; }
.cx-input:not(.cx-num):not(.cx-search-input):not(.cx-postcode) { width:100%; }
textarea.cx-input { resize:vertical;min-height:68px; }
.cx-input.cx-name { font-size:16px; }
.cx-input:focus,.cx-select:focus,.cx-btn:focus-visible,.cx-text-btn:focus-visible,summary:focus-visible,.cx-search-item:focus-visible { outline:2px solid #1174c9;outline-offset:3px; }
.cx-input:disabled { opacity:.6; }
.cx-num { width:78px; }
.cx-num.cx-min { width:58px; }
.cx-hint,.cx-section-help,.cx-unit,.cx-leaf-txt { color:var(--cx-muted,#60758b);font-size:12px;line-height:1.6; }
.cx-hint { margin:7px 0 0; }
.cx-section-help { margin:-13px 0 18px; }
.cx-side { position:sticky;top:92px;min-width:0; }
.cx-summary-card { border-top:3px solid var(--cx-blue);padding:22px; }
.cx-summary-card h2 { font-size:20px;letter-spacing:-.035em;margin:0 0 17px;overflow-wrap:anywhere; }
.cx-summary { font-size:13px;line-height:1.8;color:var(--cx-muted);padding-bottom:20px;border-bottom:1px solid var(--cx-line);overflow-wrap:anywhere; }
.cx-live-head { display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:20px; }
.cx-live-head h3 { font-size:13px;margin:0; }
.cx-group { border:1px solid var(--cx-line,#dce5ed);border-radius:10px;padding:14px;background:var(--cx-wash,#f2f6fa);margin:8px 0;min-width:0; }
.cx-group-root { border:0;padding:0;background:transparent;margin:0; }
.cx-group-head { display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:16px; }
.cx-combinator { background:#e9f3fc;color:#1462a1;border-color:#c7dff1;font-weight:700; }
.cx-minwrap { display:flex;gap:6px;align-items:center; }
.cx-mini { font-size:11px;color:var(--cx-muted); }
.cx-children { display:grid;gap:0; }
.cx-connector { width:fit-content;color:var(--cx-blue);font-size:10px;letter-spacing:.08em;font-weight:800;padding:7px 0 7px 20px; }
.cx-leaf { position:relative;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:13px;border:1px solid var(--cx-line,#dce5ed);border-radius:10px;background:var(--cx-paper,#fff);padding:16px;min-width:0; }
.cx-kind { grid-column:1;font-size:13px;font-weight:700;border:0;padding:0 22px 0 0;background:transparent;width:fit-content;max-width:100%; }
.cx-leaf-editor { grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;gap:9px;min-width:0; }
.cx-leaf>.cx-x { grid-column:2;grid-row:1; }
.cx-x { margin-left:auto;border:0;background:transparent;color:#788c9f;width:28px;height:28px;cursor:pointer;font-size:20px;line-height:1;border-radius:5px; }
.cx-x:hover { color:#9f3542;background:#fff0f0; }
.cx-addrow { display:flex;gap:8px;margin-top:15px; }
.cx-empty { border:1px dashed #cbdce9;border-radius:10px;padding:24px 20px;color:var(--cx-muted);font-size:13px;line-height:1.6;margin:0; }
.cx-btn { display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid transparent;border-radius:7px;padding:11px 18px;font:inherit;font-size:13px;font-weight:650;text-decoration:none;cursor:pointer;line-height:1.5; }
.cx-btn-primary { background:#1174c9;color:#fff; }
.cx-btn-primary:hover { background:#075fae; }
.cx-btn-ghost { background:var(--cx-paper,#fff);color:#306889;border-color:#d3e1ec; }
.cx-btn-ghost:hover { background:#eef6fc; }
.cx-btn-sm { font-size:11px;padding:7px 10px; }
.cx-btn:disabled,.cx-text-btn:disabled { opacity:.5;cursor:default; }
.cx-text-btn { padding:0;border:0;background:none;color:var(--cx-blue,#1174c9);font:inherit;font-size:12px;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:3px; }
.cx-delete { color:#87595a;align-self:center;font-size:11px; }
.cx-near { display:flex;align-items:center;flex-wrap:wrap;gap:7px;flex-basis:100%; }
.cx-postcode { width:118px;text-transform:uppercase; }
.cx-coordinates { width:100%;font-size:11px;color:var(--cx-muted); }
.cx-coordinates summary { cursor:pointer;width:fit-content;padding:5px 0; }
.cx-coordinates .cx-num { width:115px;margin:5px 6px 0 0; }
.cx-search-wrap { display:block;position:relative;max-width:100%; }
.cx-wave-pick { display:block;max-width:100%;flex-basis:100%; }
.cx-wave-pick .cx-select { max-width:100%; }
.cx-wave-note { display:block; }
.cx-ground-note { flex-basis:100%; }
.cx-yard { flex-basis:100%;display:flex;flex-wrap:wrap;gap:3px 16px;align-items:baseline;padding:9px 11px;border-radius:8px;background:var(--cx-wash,#f2f6fa);color:var(--cx-ink,#132d45);font-size:12.5px;line-height:1.5; }
.cx-yard[hidden] { display:none; }
.cx-yard-t { flex-basis:100%;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--cx-muted,#60758b); }
.cx-yard-i b { font-weight:600; }
.cx-yard-n,.cx-yard-miss { flex-basis:100%;color:var(--cx-muted,#60758b);font-size:11px;line-height:1.5; }
.cx-search-input { width:220px;max-width:100%; }
.cx-search-results { display:none;position:absolute;top:calc(100% + 4px);left:0;z-index:30;min-width:240px;max-width:min(320px,80vw);max-height:250px;overflow:auto;border:1px solid #cddbe7;border-radius:8px;background:var(--cx-paper,#fff);box-shadow:0 10px 24px #1830471a; }
.cx-search-results.open { display:block; }
.cx-search-item { display:block;width:100%;text-align:left;font:inherit;padding:10px;border:0;border-bottom:1px solid var(--cx-line,#dce5ed);background:transparent;cursor:pointer; }
.cx-search-item:hover { background:var(--cx-wash,#f2f6fa); }
.cx-search-name { display:block;color:var(--cx-ink);font-size:13px;font-weight:600; }
.cx-search-meta,.cx-search-empty { color:var(--cx-muted);font-size:11px; }
.cx-chips { display:flex;flex-wrap:wrap;gap:6px; }
.cx-chip { display:inline-flex;align-items:center;gap:7px;padding:5px 9px;background:#e9f3fc;color:#27648c;border-radius:5px;font-size:12px; }
.cx-chip-x { cursor:pointer; }
.cx-channels { display:grid;gap:0; }
.cx-chan { display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--cx-line);font-size:13px;cursor:pointer; }
.cx-chan input { accent-color:#1174c9;width:16px;height:16px; }
.cx-chan-name { font-weight:650; }
.cx-chan-target { color:var(--cx-muted);font-size:11px;overflow-wrap:anywhere; }
.cx-chan-off { color:var(--cx-muted);cursor:default; }
.cx-soon { color:var(--cx-muted);font-size:11px; }
.cx-soon a { color:#397aab; }
.cx-beta { font-size:9px;font-weight:800;color:#87702a;background:#fbf4df;padding:3px 6px;border-radius:4px;letter-spacing:.04em; }
.cx-url-config { padding:15px;background:var(--cx-wash);border:1px solid var(--cx-line);border-radius:8px;margin:12px 0; }
.cx-settings { margin-top:23px; }
.cx-field.cx-inline { display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:0; }
.cx-field.cx-inline .cx-label { margin:0; }
.cx-check { display:flex;align-items:center;gap:8px;font-size:12px;margin-top:13px; }
.cx-check input { accent-color:#1174c9; }
/* Time of year (2026-10-22): twelve month boxes in a leaf row */
.cx-months { display:flex;flex-wrap:wrap;gap:4px 10px;flex-basis:100%; }
.cx-check.cx-month { margin-top:0;gap:4px; }
/* A Met Office warning (2026-10-22): types, nations and regions as boxes; regions grouped under their nation */
.cx-mw-group { font-size:11px;font-weight:700;color:var(--cx-muted);text-transform:uppercase;letter-spacing:.04em;margin-right:4px; }
.cx-preview { font-size:12px;line-height:1.6;margin-top:12px;padding:13px;background:var(--cx-wash,#f2f6fa);border-radius:7px; }
.cx-preview-idle { color:var(--cx-muted); }
.cx-preview-verdict { font-size:12px;margin-bottom:10px; }
.cx-fire-yes { color:#1b7456; }
.cx-fire-unknown,.cx-r-unknown .cx-r-mark { color:#9b691d; }
.cx-reasons { display:grid;gap:9px;list-style:none;padding:0;margin:0; }
.cx-reasons li { color:var(--cx-muted);font-size:11px;overflow-wrap:anywhere; }
.cx-r-mark { font-weight:800; }
.cx-r-ok .cx-r-mark { color:#1b7456; }
.cx-r-obs { color:var(--cx-ink); }
.cx-side-actions { display:flex;flex-wrap:wrap;gap:16px;margin-top:18px; }
.cx-actions { display:flex;flex-direction:column;gap:12px;margin-top:22px; }
.cx-savemsg { font-size:12px;line-height:1.5; }
.cx-savemsg:empty { display:none; }
.cx-savemsg-ok { color:#1b7456; }.cx-savemsg-err { color:#ab3444; }
.cx-footnote { margin:18px 0 0;color:var(--cx-muted);font-size:10px;line-height:1.7; }
#cxSimulation { padding-top:18px;margin-top:15px;border-top:1px solid var(--cx-line); }
#cxSimulation h3 { margin:0;font-size:13px; }
.cx-sim-row { display:grid;gap:7px;margin-top:13px;font-size:11px;line-height:1.5; }
.cx-sim-row select { width:100%;font-size:12px; }
.cx-sim-verdict { font-size:12px;line-height:1.6;font-weight:650; }
.cx-login-cta,.cx-load-error { background:var(--cx-paper);border:1px solid var(--cx-line);border-radius:14px;padding:40px; }
.cx-loading { padding:45px;text-align:center;color:var(--cx-muted); }
@media(max-width:1000px) { .cx-workbench{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.cx-card{padding:18px}.cx-wrap{padding:28px 20px 60px}.cx-side{top:76px} }
@media(max-width:760px) { .cx-workbench{grid-template-columns:1fr}.cx-side{position:static}.cx-head h1{font-size:34px}.cx-head{margin-bottom:20px}.cx-back{margin-bottom:22px}.cx-sub{font-size:14px}.cx-card{padding:18px}.cx-starters{align-items:stretch}.cx-starters>span{width:100%}.cx-starters button{flex:1 1 100%;justify-content:space-between}.cx-chan-target{margin-left:26px;width:calc(100% - 26px)} }
@media(max-width:420px) { .cx-wrap{padding:23px 12px 60px}.cx-leaf{padding:12px}.cx-group:not(.cx-group-root){padding:8px}.cx-search-results{min-width:200px}.cx-combinator{max-width:100%}.cx-head h1{font-size:31px} }
html[data-theme="dark"] .cx-wrap,body.dark .cx-wrap { --cx-ink:#e0ebf5;--cx-muted:#9bb0c3;--cx-line:#30485d;--cx-paper:#162b3c;--cx-wash:#102332;--cx-blue:#63b5ff; }
html[data-theme="dark"] .cx-page { background:#10202d; }
html[data-theme="dark"] .cx-input,html[data-theme="dark"] .cx-select { border-color:#3d566a; }
html[data-theme="dark"] .cx-combinator,html[data-theme="dark"] .cx-chip { background:#1c405f;color:#a5d6ff; }
html[data-theme="dark"] .cx-btn-ghost { background:#162b3c;color:#9bcded;border-color:#38586e; }
html[data-theme="dark"] .cx-btn-ghost:hover { background:#1c405f;color:#c3e6ff; }
html[data-theme="dark"] .cx-back,html[data-theme="dark"] .cx-eyebrow { color:#9bb0c3; }
html[data-theme="dark"] .cx-delete { color:#e5a6aa; }
html[data-theme="dark"] .cx-soon a { color:#85c4f2; }
html[data-theme="dark"] .cx-fire-yes,html[data-theme="dark"] .cx-savemsg-ok { color:#73d1af; }
html[data-theme="dark"] .cx-fire-unknown { color:#e9bc74; }
@media(prefers-reduced-motion:reduce) { .cx-wrap *{scroll-behavior:auto;transition:none;animation:none} }

/* The page's two tabs (Simple, Build your own) and the builder's own heading, which the page heading replaces. */
.cx-tabs { display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--cx-line);margin-bottom:24px; }
.cx-tabs a { display:flex;flex-direction:column;gap:2px;min-height:44px;padding:12px 20px 13px;margin-bottom:-1px;border-bottom:3px solid transparent;text-decoration:none;color:#506b83; }
.cx-tabs a strong { font-size:16px;font-weight:700; }
.cx-tabs a span { font-size:12px;color:var(--cx-muted); }
.cx-tabs a[aria-current="page"] { border-bottom-color:var(--cx-blue);color:var(--cx-ink); }
.cx-tabs a:focus-visible { outline:2px solid var(--cx-blue);outline-offset:2px; }
.cx-tabbed #cxBuilder > .cx-head { display:none; }
@media(max-width:520px) { .cx-tabs{flex-wrap:nowrap}.cx-tabs a{flex:1 1 0;min-width:0;padding:10px 12px 11px;justify-content:center}.cx-tabs a span{display:none} }
html[data-theme="dark"] .cx-tabs a,body.dark .cx-tabs a { color:#9bb0c3; }