/* Evensteer Desk, the email designer (designer.js). A full screen layer over the Desk, and GrapesJS re-coloured to the Desk's light, green look. */
html.dz-on{overflow:hidden}
.dz{--dz-ink:#14231B;--dz-dim:#5B6B62;--dz-line:#DCE4DE;--dz-card:#FFFFFF;--dz-bg:#F4F6F3;--dz-green:#1B6B4E;--dz-green-2:#47C795;--dz-wash:#EAF3EE;--dz-warn:#B45309;--dz-bad:#B42318;
  --gjs-main-color:#fff;--gjs-primary-color:#fff;--gjs-secondary-color:#14231B;--gjs-tertiary-color:#1B6B4E;--gjs-quaternary-color:#47C795;--gjs-font-color:#14231B;--gjs-font-color-active:#1B6B4E;
  --gjs-main-dark-color:rgba(20,35,27,.05);--gjs-secondary-dark-color:rgba(20,35,27,.04);--gjs-main-light-color:rgba(20,35,27,.04);--gjs-secondary-light-color:rgba(20,35,27,.62);--gjs-soft-light-color:rgba(20,35,27,.02);
  --gjs-light-border:rgba(20,35,27,.09);--gjs-arrow-color:rgba(20,35,27,.55);--gjs-dark-text-shadow:transparent;--gjs-left-width:0%;--gjs-canvas-top:0px;--gjs-main-font:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--gjs-font-size:13px;--gjs-color-highlight:#47C795;--gjs-color-green:#47C795;
  position:fixed;inset:0;z-index:90;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--dz-bg);color:var(--dz-ink);font:14px/1.45 var(--gjs-main-font)}
.dz *{box-sizing:border-box}
.dz :where(button){font:inherit;color:inherit}
.dz-hold{padding:40px;text-align:center}

/* top bar */
.dz-top{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--dz-card);border-bottom:1px solid var(--dz-line);min-height:56px;overflow-x:auto;scrollbar-width:thin}
.dz-spacer{flex:1 1 12px;min-width:8px}
.dz-name{font:700 15px/1 inherit;border:1px solid transparent;border-radius:8px;padding:8px 10px;background:transparent;min-width:120px;width:clamp(140px,20vw,280px);color:var(--dz-ink)}
.dz-name:hover{border-color:var(--dz-line)} .dz-name:focus{outline:none;border-color:var(--dz-green);background:#fff}
.dz-state{font-size:12px;color:var(--dz-dim);white-space:nowrap}
.dz-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:9px;border:1px solid var(--dz-line);background:#fff;cursor:pointer;font-weight:600;font-size:13.5px;white-space:nowrap;transition:background .15s,border-color .15s,transform .12s}
.dz-btn:hover{background:var(--dz-wash);border-color:#bfd6c8} .dz-btn:active{transform:translateY(1px)}
.dz-btn:focus-visible,.dz-icon:focus-visible,.dz-tabs button:focus-visible{outline:2px solid var(--dz-green-2);outline-offset:2px}
.dz .dz-primary{background:var(--dz-green);border-color:var(--dz-green);color:#fff} .dz-primary:hover{background:#155a41;border-color:#155a41}
.dz-icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;border:1px solid transparent;background:transparent;cursor:pointer;color:var(--dz-dim)}
.dz-icon:hover{background:var(--dz-wash);color:var(--dz-ink)} .dz-icon.on{background:var(--dz-wash);color:var(--dz-green);border-color:#cfe3d7}
.dz-group{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--dz-line);border-radius:11px;background:#fff}
.dz-ico{width:18px;height:18px;flex:none}
/* below a wide laptop the small buttons keep only their icon, so Review and send never falls off the bar */
@media (max-width:1420px){.dz-top .dz-btn:not(.dz-primary):not([data-dz=back]) span{display:none}.dz-top .dz-btn:not(.dz-primary):not([data-dz=back]){padding:8px 10px}}
@media (max-width:1100px){.dz-top [aria-label="Screen size"]{display:none}.dz-name{min-width:100px}}

/* three columns */
.dz-body{display:grid;grid-template-columns:268px minmax(0,1fr) 304px;min-height:0}
.dz-left,.dz-right{display:flex;flex-direction:column;background:var(--dz-card);min-height:0;min-width:0}
.dz-left{border-right:1px solid var(--dz-line)} .dz-right{border-left:1px solid var(--dz-line)}
.dz-tabs{display:flex;gap:2px;padding:8px 10px 0;border-bottom:1px solid var(--dz-line)}
.dz-tabs button{flex:1;padding:9px 8px;border:0;background:transparent;border-bottom:2px solid transparent;font-weight:700;font-size:13px;color:var(--dz-dim);cursor:pointer;border-radius:8px 8px 0 0}
.dz-tabs button.on{color:var(--dz-green);border-bottom-color:var(--dz-green)} .dz-tabs button:hover{background:var(--dz-wash)}
.dz-pane{display:none;flex:1;min-height:0;overflow:auto;padding:12px;scrollbar-width:thin} .dz-pane.on{display:block}
.dz-hint{font-size:12.5px;color:var(--dz-dim);margin:8px 0 0;line-height:1.5}
.dz-stage{position:relative;min-width:0;min-height:0;background:#E9EDEA}
#dz-gjs{position:absolute;inset:0}
.dz-load{position:absolute;inset:0;display:grid;place-content:center;gap:8px;text-align:center;background:#E9EDEA;color:var(--dz-dim)}
.dz-load[hidden]{display:none}
.dz-narrow{display:none;position:absolute;inset:56px 0 0;background:var(--dz-bg);padding:32px 24px;text-align:center;z-index:2;place-content:center;gap:10px}

/* GrapesJS dressed in the Desk's look */
.dz .gjs-pn-panels,.dz .gjs-pn-commands,.dz .gjs-pn-views-container,.dz .gjs-pn-views{display:none!important}
.dz .gjs-editor-cont{background:transparent;height:100%}
.dz .gjs-cv-canvas{top:0;left:0;width:100%;height:100%;background:#E9EDEA}
.dz .gjs-frame-wrapper{padding:0}
.dz .gjs-block-category .gjs-title,.dz .gjs-sm-sector-title,.dz .gjs-layer-title,.dz .gjs-clm-tags .gjs-sm-title{background:transparent;border:0;border-bottom:1px solid var(--dz-line);padding:11px 6px;font:700 12px/1 var(--gjs-main-font);letter-spacing:.06em;text-transform:uppercase;color:var(--dz-dim)}
.dz .gjs-blocks-c{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 2px 14px}
.dz .gjs-block{width:auto;min-height:0;margin:0;padding:12px 6px 10px;border:1px solid var(--dz-line);border-radius:11px;background:#fff;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font:600 12px/1.25 var(--gjs-main-font);color:var(--dz-ink);transition:border-color .15s,box-shadow .15s,transform .12s;cursor:grab}
.dz .gjs-block:hover{border-color:var(--dz-green);box-shadow:0 4px 14px -6px rgba(27,107,78,.45);transform:translateY(-1px);color:var(--dz-green)}
.dz .gjs-block-label{display:flex;flex-direction:column;align-items:center;gap:6px;font:inherit}
.dz .dz-bico{display:grid;place-items:center;width:34px;height:30px;color:var(--dz-green)} .dz .dz-bico svg{width:26px;height:26px}
.dz .gjs-sm-sector{border-bottom:1px solid var(--dz-line)} .dz .gjs-sm-property{margin-bottom:6px}
.dz .gjs-sm-label,.dz .gjs-trt-trait .gjs-label,.dz .gjs-clm-label{font-size:12px;color:var(--dz-dim);font-weight:600}
.dz .gjs-field{background:#fff;border:1px solid var(--dz-line);border-radius:8px;color:var(--dz-ink);box-shadow:none}
.dz .gjs-field:focus-within{border-color:var(--dz-green)}
.dz .gjs-field input,.dz .gjs-field select,.dz .gjs-field textarea{color:var(--dz-ink);padding:6px 8px}
.dz .gjs-clm-tag{background:var(--dz-wash);color:var(--dz-green);border-radius:7px}
.dz .gjs-layer-item,.dz .gjs-layer{color:var(--dz-ink)} .dz .gjs-layer.gjs-selected .gjs-layer-item{background:var(--dz-wash);color:var(--dz-green)}
.dz .gjs-toolbar{background:var(--dz-green);border-radius:8px;box-shadow:0 6px 16px -6px rgba(0,0,0,.4)} .dz .gjs-toolbar-item{color:#fff;width:30px;padding:6px}
.dz .gjs-rte-toolbar{background:#fff;border:1px solid var(--dz-line);border-radius:9px;box-shadow:0 8px 22px -10px rgba(0,0,0,.35);color:var(--dz-ink)} .dz .gjs-rte-action{color:var(--dz-ink);border-right-color:var(--dz-line)} .dz .gjs-rte-action:hover,.dz .gjs-rte-active{background:var(--dz-wash);color:var(--dz-green)}
.dz .dz-merge{border:1px solid var(--dz-line);border-radius:6px;padding:2px 4px;font:600 12px var(--gjs-main-font);background:#fff;color:var(--dz-ink);max-width:104px}
.dz .gjs-badge{background:var(--dz-green);border-radius:6px;font-size:11px;padding:3px 7px}
.dz .gjs-hovered{outline:1px dashed rgba(27,107,78,.6)!important} .dz .gjs-selected{outline:2px solid var(--dz-green)!important;outline-offset:-2px}
.dz .gjs-placeholder-int{background:var(--dz-green-2)!important}
.dz .gjs-mdl-dialog{background:#fff;color:var(--dz-ink);border:1px solid var(--dz-line);border-radius:16px;box-shadow:0 30px 70px -20px rgba(0,0,0,.5)}
.dz .gjs-mdl-header{background:#fff;border-bottom:1px solid var(--dz-line);color:var(--dz-ink);border-radius:16px 16px 0 0} .dz .gjs-mdl-title{font-weight:700} .dz .gjs-mdl-content{background:#fff}
.dz .gjs-am-assets-cont,.dz .gjs-am-file-uploader{background:#fff;color:var(--dz-ink)} .dz .gjs-am-file-uploader>form{border:2px dashed var(--dz-line);border-radius:12px;background:var(--dz-bg);color:var(--dz-dim)}
.dz .gjs-am-asset-image{border-radius:10px;border:1px solid var(--dz-line)} .dz .gjs-am-preview-cont{border-radius:10px;border:1px solid var(--dz-line)}
.dz .gjs-btn-prim{background:var(--dz-green);border-radius:8px;color:#fff;padding:7px 14px;border:0;cursor:pointer;font-weight:600}
.dz .gjs-clm-tags,.dz .gjs-sm-sectors{font-family:var(--gjs-main-font)}
.dz .gjs-cv-canvas__frames{background:#E9EDEA}

/* the Email pane */
.dz-form{display:grid;gap:12px}
.dz-field{display:grid;gap:5px;font-weight:600;font-size:12.5px;color:var(--dz-dim)}
.dz-field>span{color:var(--dz-dim)}
.dz-input{width:100%;padding:9px 10px;border:1px solid var(--dz-line);border-radius:9px;background:#fff;font:400 14px var(--gjs-main-font);color:var(--dz-ink)}
.dz-input:focus{outline:none;border-color:var(--dz-green);box-shadow:0 0 0 3px rgba(71,199,149,.22)}
.dz-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dz-color{width:100%;height:38px;border:1px solid var(--dz-line);border-radius:9px;padding:3px;background:#fff;cursor:pointer}
.dz-sep{margin-top:6px;padding-top:12px;border-top:1px solid var(--dz-line);font:700 11.5px var(--gjs-main-font);letter-spacing:.07em;text-transform:uppercase;color:var(--dz-dim)}
.dz-check{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--dz-ink);line-height:1.45;font-weight:500}
.dz-check input{margin-top:3px;accent-color:var(--dz-green)}
.dz-count{font-style:normal;font-weight:500;font-size:12px;color:var(--dz-dim)} .dz-count.warn{color:var(--dz-warn)}
.dz-tags{display:flex;flex-wrap:wrap;gap:6px}
.dz-tag{padding:5px 9px;border-radius:8px;border:1px solid var(--dz-line);background:#fff;font:600 12px ui-monospace,Consolas,monospace;color:var(--dz-green);cursor:pointer}
.dz-tag:hover{background:var(--dz-wash)}

/* modals */
.dz-modal-wrap{position:absolute;inset:0;background:rgba(20,35,27,.46);display:grid;place-items:center;padding:20px;z-index:5;backdrop-filter:blur(2px)}
.dz-modal-wrap[hidden]{display:none}
.dz-modal{width:min(520px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:#fff;border-radius:18px;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);overflow:hidden;animation:dz-pop .18s cubic-bezier(.2,.7,.2,1)}
.dz-modal.wide{width:min(1040px,100%)}
@keyframes dz-pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.dz-modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 20px;border-bottom:1px solid var(--dz-line);font-size:15px}
.dz-modal-body{padding:16px 20px;overflow:auto;display:grid;gap:12px}
.dz-modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--dz-line);background:var(--dz-bg)}
.dz-modal-body p{margin:0}
.dz-chip{padding:6px 14px;border-radius:999px;border:1px solid var(--dz-line);background:#fff;cursor:pointer;font-weight:600;font-size:13px} .dz-chip.on{background:var(--dz-green);color:#fff;border-color:var(--dz-green)}
.dz-pv-bar{display:flex;gap:8px;align-items:center}
.dz-pv{display:flex;justify-content:center;background:#E9EDEA;border-radius:12px;padding:16px;overflow:auto}
.dz-pv iframe{height:min(66vh,760px);border:0;background:#fff;border-radius:10px;max-width:100%;box-shadow:0 10px 30px -14px rgba(0,0,0,.4)}
.dz-code{width:100%;min-height:260px;font:12px/1.5 ui-monospace,Consolas,monospace;border:1px solid var(--dz-line);border-radius:10px;padding:12px;background:#0f1a14;color:#d7f3e3;resize:vertical}
.dz-code.short{min-height:110px;background:#fff;color:var(--dz-ink)}
.dz-checks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dz-checks li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;border:1px solid var(--dz-line);line-height:1.45}
.dz-checks i{font-style:normal;font-weight:800;font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--dz-wash);color:var(--dz-green);flex:none}
.dz-checks .bad{border-color:#f1c0bb;background:#fdf3f2} .dz-checks .bad i{background:#f9d6d2;color:var(--dz-bad)}
.dz-checks .warn{border-color:#f2d9b0;background:#fffaf0} .dz-checks .warn i{background:#f9e6c5;color:var(--dz-warn)}
.dz-tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.dz-tpl{position:relative}
.dz-tpl-pick{width:100%;display:grid;gap:3px;text-align:left;padding:10px;border:1px solid var(--dz-line);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .12s}
.dz-tpl-pick:hover{border-color:var(--dz-green);box-shadow:0 10px 26px -14px rgba(27,107,78,.6);transform:translateY(-2px)}
.dz-tpl-pick b{font-size:14px} .dz-tpl-pick span{font-size:12.5px;color:var(--dz-dim)}
.dz-tpl-prev{height:220px;overflow:hidden;border-radius:9px;background:#F3F4F6;position:relative;margin-bottom:6px;pointer-events:none}
.dz-tpl-prev iframe{width:640px;height:880px;border:0;transform:scale(.285);transform-origin:0 0;background:#fff}
.dz-tpl-del{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:1px solid var(--dz-line);background:#fff;cursor:pointer;line-height:1}

/* the campaign page, the designed email shown small */
.nl-frame{margin-top:10px;border:1px solid var(--line,#DCE4DE);border-radius:12px;background:#F3F4F6;overflow:hidden}
.nl-frame iframe{display:block;width:100%;height:420px;border:0;background:#fff}

@media (max-width:1180px){.dz-body{grid-template-columns:232px minmax(0,1fr) 268px}.dz-btn span{display:none}.dz-btn.dz-primary span,.dz-btn[data-dz=back] span{display:inline}}
@media (max-width:900px){.dz-body{display:none}.dz-narrow{display:grid}}
@media (prefers-reduced-motion:reduce){.dz-modal,.dz .gjs-block,.dz-tpl-pick,.dz-btn{animation:none;transition:none}}

/* the newsletter report (views-news-report.js) */
.rp-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.rp-title h2{margin:0;font-size:22px;font-family:var(--serif,inherit)} .rp-title p{margin:2px 0 0}
.rp-note{padding:12px 14px;border:1px solid var(--line);border-left:3px solid var(--gold,#C9A24A);border-radius:12px;background:var(--gold-wash,#FBF5E6);margin-bottom:14px;font-size:13.5px;line-height:1.5}
.rp-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.rp-tile{padding:16px 16px 14px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}
.rp-tile:hover{transform:translateY(-2px)}
.rp-val{font:700 28px/1.1 var(--sans,inherit);letter-spacing:-.02em;color:var(--ink)} .rp-lab{margin-top:4px;font-weight:600;font-size:13px;color:var(--ink-soft,var(--ink))} .rp-sub{margin-top:2px;font-size:12px;color:var(--ink-dim)}
.rp-tile.good .rp-val{color:var(--green)} .rp-tile.warn .rp-val{color:var(--amber,#B45309)}
.rp-controls{margin:2px 0 6px} .rp-left-out{margin:0 0 14px}
.dz-cf{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin:0 0 6px;align-items:center}.dz-cf:last-of-type{grid-template-columns:1fr 1fr}
.dd-bar{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.dd-row{display:flex;align-items:center;gap:12px}.dd-note{display:block}.dd-intro{margin:12px 16px}.dd-cf{display:grid;grid-template-columns:1fr 1.2fr auto auto;gap:8px;align-items:center;margin:0 0 8px}.dd-tplbar{margin:6px 0 12px;gap:10px;flex-wrap:wrap}.dd-details{margin:0 0 10px}
@media (max-width:700px){.dd-cf{grid-template-columns:1fr}.dd-row{flex-wrap:wrap}}
.rp-ab{margin-bottom:14px} .rp-ab-note{margin:0;padding:4px 14px 12px}
.rp-chart{width:100%;height:auto;display:block} .rp-axis{font:11px var(--sans,inherit);fill:var(--ink-dim)}
.rp-open{fill:#47C795;background:#47C795} .rp-clickline{stroke:#E0A030} .rp-clickdot{background:#E0A030}
.rp-legend{display:flex;gap:16px;font-size:12px;color:var(--ink-dim);margin-top:6px} .rp-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.rp-hours{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;align-items:end;height:130px}
.rp-hcol{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:4px} .rp-hcol i{display:block;width:100%;border-radius:3px 3px 0 0;background:var(--green-wash,#DCEBE2)} .rp-hcol i.best{background:var(--green)}
.rp-hcol span{font-size:10px;color:var(--ink-dim);height:12px}
.rp-bar{height:8px;border-radius:999px;background:var(--green-wash,#EAF3EE);overflow:hidden;min-width:60px} .rp-bar i{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .5s cubic-bezier(.2,.7,.2,1)}
.rp-row{display:grid;grid-template-columns:minmax(90px,38%) minmax(0,1fr) 44px;gap:10px;align-items:center;padding:6px 0;font-size:13px} .rp-row b{text-align:right}
.rp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px}
.rp-grid .panel{margin:0}
.rp-map{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#F3F4F6} .rp-map iframe{display:block;width:100%;height:440px;border:0;background:#fff}
.rp-url{max-width:260px;overflow:hidden;text-overflow:ellipsis} .rp-cell-bar{width:90px}
.rp-mini{width:100%;border-collapse:collapse;font-size:13px} .rp-mini th{font:600 11.5px var(--sans,inherit);text-align:right;color:var(--ink-dim);padding:4px 6px} .rp-mini td{padding:6px;text-align:right;border-top:1px solid var(--line)} .rp-mini td:first-child,.rp-mini th:first-child{text-align:left}
.rp-chips{margin-bottom:10px} .rp-search{margin:0 0 10px;max-width:340px}
.rp-people td{vertical-align:middle} .rp-foot{margin-top:14px;max-width:80ch;line-height:1.5}
@media (max-width:960px){.rp-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.rp-tiles{grid-template-columns:repeat(2,1fr)}.rp-row{grid-template-columns:1fr 1fr 40px}}
@media (prefers-reduced-motion:reduce){.rp-tile,.rp-bar i{transition:none}}