/* EDDM Funnel — scoped styles (.eddm-fn). Step 1 palette ported from the old eddm-payment funnel. */
.eddm-fn{--b:#1d4ed8;--bd:#1e40af;--ln:#e2e8f0;--mut:#64748b;--ink:#0f172a;
  /* old funnel "route list" palette */
  --rl-bg:#f5fdff;--rl-accent:#0891b2;--rl-navy:#123b5d;--rl-muted:#52687d;--rl-border:#b9d6e2;
  --rl-sel:#e6f6ff;--rl-cyan:#00aeef;--rl-cyan-d:#008fc5;--rl-teal:#0f766e;--rl-hdr:#1a3a5c;
  font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);max-width:1100px;margin:0 auto}
.eddm-fn *{box-sizing:border-box}
.eddm-fn h2{font-size:20px;margin:0 0 6px}
.eddm-fn .eddm-fn-hint{color:var(--rl-muted);font-size:14px}
.eddm-fn .eddm-fn-hint.err{color:#d63638}

/* stepper */
.eddm-fn-steps{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 16px;font-size:13px}
.eddm-fn-steps li{flex:1 1 auto;text-align:center;padding:8px 6px;border-radius:8px;background:#f1f5f9;color:var(--mut);white-space:nowrap;border:1px solid var(--ln)}
.eddm-fn-steps li.is-active{background:var(--b);color:#fff;border-color:var(--b);font-weight:700}
.eddm-fn-steps li.is-done{background:#dcfce7;color:#166534;border-color:#bbf7d0}
/* completed/back steps are clickable navigation (breadcrumb-style) */
.eddm-fn-steps li.is-clickable{cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.eddm-fn-steps li.is-clickable:hover{border-color:var(--b);color:var(--b);box-shadow:0 0 0 2px rgba(29,78,216,.18);text-decoration:underline}
.eddm-fn-steps li.is-done.is-clickable:hover{color:#166534;border-color:#16a34a}

/* layout */
.eddm-fn-body{display:grid;grid-template-columns:1fr 320px;gap:20px}
@media (max-width:780px){.eddm-fn-body{grid-template-columns:1fr}.eddm-fn-summary{order:-1}}
.eddm-fn-main{min-width:0}
/* Step 1 runs full width (no side rail — like the old funnel); the totals + per-ZIP headers are the summary. */
.eddm-fn[data-step="1"] .eddm-fn-body{grid-template-columns:1fr}
.eddm-fn[data-step="1"] .eddm-fn-summary{display:none}

/* ===== Step 1 — controls (one row: ZIP | Find | Clear | Residential at end) ===== */
.eddm-fn-zipform{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px}
.eddm-fn-zip{flex:1 1 170px;min-width:140px;max-width:230px;height:44px;border:1px solid #9fc4d4;border-radius:6px;padding:0 12px;font-size:16px;background:#fff}
.eddm-fn-btn{height:44px;border:1px solid var(--rl-cyan);border-radius:999px;background:var(--rl-cyan);color:#fff;font-weight:800;font-size:15px;padding:0 22px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:2px;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.eddm-fn-btn:hover:not(:disabled){background:var(--rl-cyan-d);border-color:var(--rl-cyan-d)}
.eddm-fn-btn:disabled{cursor:default}
.eddm-fn-btn.is-working{background:var(--rl-cyan-d);border-color:var(--rl-cyan-d);opacity:.9}
.eddm-fn-btn.is-done{background:#fff;color:var(--rl-muted);border-color:#9fc4d4}
.eddm-fn-btn .eddm-fn-spin{border-color:rgba(255,255,255,.45);border-top-color:#fff;margin-right:4px}
.eddm-fn-clear{height:44px;border:1px solid #9fc4d4;border-radius:6px;background:#fff;color:var(--rl-navy);font-weight:800;font-size:15px;padding:0 16px;cursor:pointer;white-space:nowrap}
.eddm-fn-clear:hover{background:#f2fbff}
.eddm-fn-resonly{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--rl-navy);cursor:pointer;white-space:nowrap;padding-left:4px}
.eddm-fn-resonly-note{color:var(--rl-muted)}
.eddm-fn-resonly input{width:18px;height:18px}
/* More prominent before any ZIP is entered (it's easy to miss in the empty state). */
.eddm-fn:not(.has-routes) .eddm-fn-resonly{font-size:15px;font-weight:700}
.eddm-fn:not(.has-routes) .eddm-fn-resonly input{width:20px;height:20px}

/* status bar */
.eddm-fn-status{margin:0 0 10px;padding:11px 12px;border-radius:7px;background:#ecfdf5;border:2px solid #86efac;color:#166534;font-weight:800;font-size:.9rem;line-height:1.35}
.eddm-fn-status.is-loading{background:#fff8e1;border-color:#f6c453;color:#7a4a00}
.eddm-fn-status.is-error{background:#fee2e2;border-color:#fca5a5;color:#991b1b}

/* sort row — a clean control strip (not a data box) */
.eddm-fn-sortbar{display:flex;align-items:center;gap:10px;margin:0 0 4px;flex-wrap:wrap}
.eddm-fn-sortlabel{font-weight:800;color:var(--rl-muted);font-size:13px}
.eddm-fn-sortbar button{cursor:pointer;border:1px solid var(--rl-border);background:#fff;color:var(--rl-navy);border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:700}
.eddm-fn-sortbar button.is-active{background:var(--rl-navy);color:#fff;border-color:var(--rl-navy)}

/* stat boxes — framed as one shaded "your selection" card, color-coded */
.eddm-fn-routestats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 12px;padding:12px;background:var(--rl-bg);border:1px solid var(--rl-border);border-radius:12px}
.eddm-fn-rstat{background:#fff;border:1px solid var(--rl-border);border-top-width:3px;border-radius:8px;padding:10px 6px;text-align:center}
.eddm-fn-rstat strong{display:block;font-size:1.3rem;color:var(--rl-navy);line-height:1}
.eddm-fn-rstat span{display:block;font-size:.66rem;text-transform:uppercase;color:var(--rl-muted);font-weight:800;letter-spacing:.02em;margin-top:4px}
.eddm-fn-rstat:nth-child(1){border-top-color:var(--rl-navy)}
.eddm-fn-rstat:nth-child(2){border-top-color:var(--rl-teal)}
.eddm-fn-rstat:nth-child(3){border-top-color:var(--rl-cyan-d)}
.eddm-fn-rstat:nth-child(2) strong{color:var(--rl-teal)}
.eddm-fn-rstat:nth-child(3) strong{color:var(--rl-cyan-d)}

/* full-width sort + stats, then list | map side-by-side (desktop); stacked (narrow) */
.eddm-fn-r1{display:grid;grid-template-columns:1fr;gap:12px;position:relative}
@media (min-width:1000px){
  .eddm-fn-r1{grid-template-columns:1fr 1fr;grid-template-areas:"sort sort" "stats stats" "list map";column-gap:18px;row-gap:10px;align-items:start}
  .eddm-fn-r1 .eddm-fn-sortbar{grid-area:sort;margin:0}
  .eddm-fn-r1 .eddm-fn-routestats{grid-area:stats;margin:0}
  .eddm-fn-r1 .eddm-fn-routes{grid-area:list;max-height:520px}
  .eddm-fn-r1 .eddm-fn-mapwrap{grid-area:map}
}
/* empty state (no ZIP yet): map full-width with a prompt, no goofy empty list box */
.eddm-fn[data-step="1"]:not(.has-routes) .eddm-fn-routes{display:none}
.eddm-fn[data-step="1"]:not(.has-routes) .eddm-fn-r1{grid-template-columns:1fr;grid-template-areas:"map"}
.eddm-fn-mapprompt{display:none}
.eddm-fn[data-step="1"]:not(.has-routes) .eddm-fn-mapprompt{display:block;position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:450;pointer-events:none;max-width:88%;text-align:center;background:rgba(255,255,255,.96);border:1px solid var(--rl-border);box-shadow:0 3px 14px rgba(8,68,93,.2);border-radius:999px;padding:9px 18px;font-weight:700;font-size:13.5px;color:var(--rl-navy)}

/* route list */
.eddm-fn-routes{max-height:520px;overflow:auto;border:1px solid var(--rl-border);border-radius:8px;background:#fff;scrollbar-width:thin;scrollbar-color:var(--rl-cyan) #e6f2f7}
.eddm-fn-routes::-webkit-scrollbar{width:11px}
.eddm-fn-routes::-webkit-scrollbar-track{background:#e6f2f7}
.eddm-fn-routes::-webkit-scrollbar-thumb{background:var(--rl-cyan);border-radius:7px;border:3px solid #e6f2f7}
.eddm-fn-routes::-webkit-scrollbar-thumb:hover{background:var(--rl-cyan-d)}
.eddm-fn-zgroup{border-bottom:1px solid var(--rl-border)}
.eddm-fn-zhead{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#eef7fb;border-bottom:1px solid #e2eef4;position:sticky;top:0;z-index:1}
.eddm-fn-zname{font-weight:800;color:var(--rl-navy);font-size:13.5px}
.eddm-fn-zmeta{color:var(--rl-muted);font-size:12px}
.eddm-fn-zacts{margin-left:auto;display:flex;gap:6px}
.eddm-fn-zacts button{cursor:pointer;border:0;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:700;background:#dceefa;color:var(--rl-accent)}
.eddm-fn-zacts .eddm-fn-zremove{background:#fee2e2;color:#b91c1c}
/* route rows = a table: [check+dot] · Route · Homes · Median income, with one header row per ZIP */
.eddm-fn-route,.eddm-fn-rhead{display:grid;grid-template-columns:44px 1fr 76px 116px;align-items:center;column-gap:8px;padding:10px 12px}
.eddm-fn-rhead{background:#f6fbfd;border-bottom:1px solid #e2eef4;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--rl-muted)}
.eddm-fn-rhead .rcol-homes,.eddm-fn-rhead .rcol-income{text-align:right}
.eddm-fn-route{border-bottom:1px solid #e2eef4;cursor:pointer;margin:0}
.eddm-fn-route:last-child{border-bottom:0}
.eddm-fn-route:hover{background:#f2fbff}
.eddm-fn-route.sel{background:var(--rl-sel);box-shadow:inset 3px 0 0 var(--rl-cyan)}
.eddm-fn-rcol{min-width:0;overflow:hidden;text-overflow:ellipsis}
.rcol-check{display:flex;align-items:center;gap:6px;overflow:visible}
.eddm-fn-rcb{width:18px;height:18px;flex:none;margin:0}
.eddm-fn-rdot{width:10px;height:10px;border-radius:50%;flex:none}
.rcol-id{font-weight:800;color:var(--rl-navy);font-size:13.5px;white-space:nowrap}
.rcol-homes{text-align:right;font-weight:800;color:var(--rl-teal);font-size:14px;white-space:nowrap}
.rcol-income{text-align:right;font-size:12.5px;color:var(--rl-muted);white-space:nowrap}
@media (max-width:520px){
  .eddm-fn-route,.eddm-fn-rhead{grid-template-columns:38px 1fr 64px 92px;column-gap:6px;padding:9px 10px}
  .rcol-income{font-size:11.5px}
}

/* map (with header bar) */
.eddm-fn-mapwrap{border:1px solid var(--rl-border);border-radius:8px;overflow:hidden;background:#fff}
.eddm-fn-maphead{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#eef7fb;border-bottom:1px solid #e2eef4;font-size:12.5px;color:var(--rl-navy)}
.eddm-fn-maptitle{font-weight:800}
.eddm-fn-mapcounts{margin-left:auto;color:var(--rl-muted)}
.eddm-fn-mapwrap{position:relative}
.eddm-fn-map{height:520px;border:1px solid var(--rl-border);border-radius:8px}
/* Route-pull notification (monolith parity): the amber status banner. (0.59 dropped the separate "Loading route
   map" overlay — redundant with this banner.) */
.eddm-fn-loadstatus{margin:0 0 12px;padding:11px 14px;border-radius:8px;background:#fff8e1;border:2px solid #f6c453;color:#7a4a00;font-size:.92rem;font-weight:800;line-height:1.35;display:flex;align-items:center;gap:10px}
.eddm-fn-loadstatus[hidden]{display:none}
.eddm-fn-loadstatus .eddm-fn-spin{flex:0 0 auto;width:18px;height:18px;border-width:3px;border-color:#f1d9a0;border-top-color:#b4791a;margin:0}
.eddm-fn-loadstatus.is-error{background:#fee2e2;border-color:#fca5a5;color:#991b1b}
.eddm-fn-loadstatus.is-success{background:#ecfdf5;border-color:#86efac;color:#166534}
/* Mobile-only caption so the map below the list is discoverable (desktop shows it side-by-side). */
.eddm-fn-maplabel{display:none}
@media (max-width:999px){
  .eddm-fn[data-step="1"].has-routes .eddm-fn-maplabel{display:block;margin:4px 0 -4px;font-size:13px;font-weight:700;color:var(--rl-navy)}
  .eddm-fn-map{height:340px}
}
.eddm-fn-rlabel{background:transparent;border:0;box-shadow:none;padding:0;margin:0;color:#0f172a;font-weight:800;font-size:11px;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 4px #fff,0 0 4px #fff}
.eddm-fn-rlabel:before,.eddm-fn-rlabel:after{display:none !important}
.eddm-fn [hidden]{display:none !important}

/* step 2 dates / step 3 sizes — touch-friendly chips */
.eddm-fn-datewrap{display:flex;flex-wrap:wrap;gap:8px}
.eddm-fn-date,.eddm-fn-size{cursor:pointer;border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:600;color:var(--ink);min-height:48px}
.eddm-fn-date.sel,.eddm-fn-size.sel{border-color:var(--b);background:#eff6ff;color:var(--bd);box-shadow:0 0 0 2px rgba(29,78,216,.15)}
.eddm-fn-sizes{display:flex;flex-wrap:wrap;gap:10px}
.eddm-fn-size{flex:1 1 160px;text-align:center}

/* step 2 — target delivery date calendar (framed card, like the original) */
.eddm-fn-calcard{max-width:412px;border:1.5px solid var(--rl-accent);border-radius:14px;padding:18px 20px;background:#fff;box-shadow:0 4px 18px rgba(8,145,178,.10)}
.eddm-fn-calcard h2{color:var(--rl-accent)}
.eddm-fn-calsub{margin:-2px 0 14px;color:var(--rl-muted)}
/* once a date is picked, the card collapses to just the chosen-date row (drop header/subtitle/frame) */
.eddm-fn-calcard.is-collapsed{border:0;padding:0;background:none;box-shadow:none;max-width:460px}
.eddm-fn-calcard.is-collapsed h2,.eddm-fn-calcard.is-collapsed .eddm-fn-calsub{display:none}
.eddm-fn-dates{max-width:330px;border:1px solid var(--rl-border);border-radius:10px;padding:12px;background:#fff}
.eddm-fn-calhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.eddm-fn-calmonth{font-weight:700;color:var(--rl-navy);font-size:16px}
.eddm-fn-calnav{width:34px;height:34px;border:1px solid var(--rl-border);background:#fff;border-radius:8px;color:var(--rl-accent);font-size:20px;line-height:1;cursor:pointer}
.eddm-fn-calnav:hover:not(:disabled){background:var(--rl-sel)}
.eddm-fn-calnav:disabled{opacity:.35;cursor:default}
.eddm-fn-caldow{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}
.eddm-fn-caldow span{text-align:center;font-size:10px;font-weight:600;color:var(--rl-muted);text-transform:uppercase;letter-spacing:.03em}
.eddm-fn-calgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.eddm-fn-cd{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:7px;background:transparent;font-size:13px;color:#cbd5e1;cursor:default;padding:0}
.eddm-fn-cd.empty{border:none}
/* Day-button states (deliberate): available (light), hover (cyan), selected (solid cyan), unavailable (grey). */
.eddm-fn-cd.avail{color:var(--rl-navy);font-weight:700;background:#eaf7fd;border-color:#bfe6f2;cursor:pointer}
.eddm-fn-cd.avail:hover{background:var(--rl-cyan);color:#fff;border-color:var(--rl-cyan)}
.eddm-fn-cd.sel{background:var(--rl-cyan);color:#fff;border-color:var(--rl-cyan-d);box-shadow:0 0 0 2px rgba(0,174,239,.35);font-weight:800}
.eddm-fn-cd.off{color:#cbd5e1;background:#f8fafc;border-color:transparent}
.eddm-fn-datesel{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--rl-sel);border:1px solid var(--rl-border);border-radius:10px}
.eddm-fn-datesel-lbl{font-size:14px;font-weight:700;color:var(--rl-navy)}
.eddm-fn-datechange{margin-left:auto;border:1px solid var(--rl-accent);background:#fff;color:var(--rl-accent);border-radius:8px;padding:6px 14px;font-weight:600;cursor:pointer}
.eddm-fn-datechange:hover{background:var(--rl-accent);color:#fff}

/* nav */
/* Sticky action bar: Back (left) + Continue (right) pinned to the bottom-right of the funnel so the
   primary action stays in ONE place on every step instead of moving with content height. */
.eddm-fn-nav{position:sticky;bottom:0;z-index:500;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding:12px 14px;background:rgba(255,255,255,.96);backdrop-filter:blur(5px);border-top:1px solid var(--ln);border-radius:0 0 12px 12px;box-shadow:0 -4px 14px rgba(15,23,42,.06)}
.eddm-fn-nav .eddm-fn-next{margin-left:auto}
.eddm-fn-next,.eddm-fn-back{cursor:pointer;border:0;border-radius:999px;padding:13px 28px;font-size:15px;font-weight:700}
.eddm-fn-next{background:var(--rl-cyan);color:#fff}
.eddm-fn-next:hover{background:var(--rl-cyan-d)}
.eddm-fn-next:disabled{background:#cbd5e1;cursor:not-allowed}
.eddm-fn-back{background:#eef3f8;color:var(--rl-navy);border:1px solid var(--rl-border)}

/* summary (Steps 2-5) — monolith Order Summary card */
.eddm-fn-summary{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;padding:0;align-self:start;box-shadow:0 1px 3px rgba(15,23,42,.06)}
.eddm-fn-summary h3{margin:0;background:var(--rl-hdr);color:#fff;font-size:1rem;font-weight:700;padding:14px 18px}
.eddm-fn-sumbody{padding:6px 18px 16px}
.eddm-fn-sumrow{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #f0f4f8;font-size:.9rem;line-height:1.35}
.eddm-fn-sumrow>span:first-child{color:var(--mut)}
.eddm-fn-sumrow>span:last-child{text-align:right;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.eddm-fn-sumrow .eddm-fn-sum-tax{color:var(--mut);font-weight:500;font-style:italic}
.eddm-fn-sumtotal{display:flex;justify-content:space-between;gap:14px;padding:13px 0 2px;margin-top:4px;border-top:2px solid var(--rl-hdr);font-size:1.05rem;font-weight:800;color:var(--rl-hdr)}
.eddm-fn-sumnote{margin:10px 0 0;font-size:11.5px;color:var(--mut)}
.eddm-fn-sum-empty{color:var(--mut)}

.eddm-fn-spin{display:inline-block;width:14px;height:14px;border:2px solid #cbd5e1;border-top-color:var(--rl-cyan);border-radius:50%;animation:eddmfn-spin .7s linear infinite;vertical-align:-2px;margin-right:6px}
@keyframes eddmfn-spin{to{transform:rotate(360deg)}}

/* prominent route-loading banner */
.eddm-fn-loadingzip{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;row-gap:2px;margin:0 0 12px;padding:16px 18px 18px;border:1px solid var(--rl-cyan);border-radius:12px;background:linear-gradient(180deg,#ecfaff 0%,#dff4ff 100%);box-shadow:0 2px 10px rgba(8,145,178,.18);overflow:hidden;animation:eddmfn-pulse 1.4s ease-in-out infinite}
.eddm-fn-loadingzip .eddm-fn-spin{grid-row:1 / span 2;width:26px;height:26px;border-width:3px;border-color:#bfe6f2;border-top-color:var(--rl-cyan);margin:0}
.eddm-fn-loadingtxt{font-weight:800;font-size:16px;color:var(--rl-navy);line-height:1.2}
.eddm-fn-loadingsub{font-size:12.5px;color:var(--rl-accent);font-weight:600}
.eddm-fn-loadingzip::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:35%;background:var(--rl-cyan);border-radius:0 4px 4px 0;animation:eddmfn-bar 1.15s ease-in-out infinite}
@keyframes eddmfn-bar{0%{left:-35%}100%{left:100%}}
@keyframes eddmfn-pulse{0%,100%{box-shadow:0 2px 10px rgba(8,145,178,.14)}50%{box-shadow:0 2px 16px rgba(8,145,178,.34)}}

/* step 1 — email my route selection */
.eddm-fn-emailcta{margin:14px 0 0;max-width:520px;padding:16px 18px;border:1px solid var(--rl-border);border-radius:12px;background:linear-gradient(180deg,#fbfeff,#f3fbff)}
.eddm-fn-emailcta-head{margin-bottom:10px}
.eddm-fn-emailcta-head strong{display:block;font-size:15px;color:var(--rl-navy)}
.eddm-fn-emailcta-head span{font-size:13px;color:var(--rl-muted)}
.eddm-fn-emailform{display:flex;gap:8px;flex-wrap:wrap}
.eddm-fn-emailinput{flex:1 1 220px;height:44px;border:1px solid #9fc4d4;border-radius:6px;padding:0 12px;font-size:15px;background:#fff}
.eddm-fn-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.eddm-fn-emailsend{height:44px;border:0;border-radius:6px;background:var(--rl-teal);color:#fff;font-weight:800;font-size:15px;padding:0 18px;cursor:pointer}
.eddm-fn-emailsend:hover:not(:disabled){filter:brightness(1.08)}
.eddm-fn-emailsend:disabled{opacity:.6;cursor:default}
.eddm-fn-codebox{margin-top:12px}
.eddm-fn-codelead{margin:0 0 8px;font-size:14px;color:var(--rl-navy)}
.eddm-fn-coderow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.eddm-fn-codeinput{width:160px;height:44px;border:1px solid #9fc4d4;border-radius:6px;padding:0 12px;font-size:20px;letter-spacing:6px;text-align:center;font-weight:700;background:#fff}
.eddm-fn-codeverify{height:44px;border:0;border-radius:6px;background:var(--rl-cyan);color:#fff;font-weight:800;font-size:15px;padding:0 18px;cursor:pointer}
.eddm-fn-codeverify:hover:not(:disabled){background:var(--rl-cyan-d)}
.eddm-fn-codeverify:disabled{opacity:.6;cursor:default}
.eddm-fn-coderesend{margin-top:8px;border:0;background:none;color:var(--rl-accent);font-weight:600;font-size:13px;cursor:pointer;text-decoration:underline;padding:0}
.eddm-fn-emailmsg{margin-top:10px;font-size:14px;font-weight:600}
.eddm-fn-emailmsg.ok{color:var(--rl-teal)}
.eddm-fn-emailmsg.err{color:#b91c1c}

/* step 4 — artwork + proof */
.eddm-fn-uploadzone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:28px 18px;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc}
.eddm-fn-file{display:none}
.eddm-fn-filename{font-size:13px;color:var(--mut)}
.eddm-fn-pfresult{margin-top:14px}
/* Bump 3: upload progress stepper (Upload → Preflight → Creating proof → Done). */
.eddm-fn-upprog{margin-top:14px;padding:16px 16px 14px;background:#f8fbfe;border:1px solid var(--rl-border);border-radius:12px;box-shadow:0 6px 18px rgba(8,68,93,.08);animation:eddm-fn-skipin .2s ease}
.eddm-fn-upprog-main{font-size:.95rem;font-weight:800;color:var(--rl-hdr);margin-bottom:10px}
.eddm-fn-upsteps{display:flex;gap:8px}
.eddm-fn-upstep{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px 6px;border-radius:8px;background:#eef3f7;border:1px solid var(--rl-border);color:var(--rl-muted);font-size:12px;font-weight:700;line-height:1.2;border-top:3px solid #d3e2ec;white-space:nowrap}
.eddm-fn-upstep-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:#c2d3df}
.eddm-fn-upstep.is-done{background:#e6f7ff;border-color:var(--rl-cyan);border-top-color:var(--rl-cyan);color:var(--rl-cyan-d)}
.eddm-fn-upstep.is-done .eddm-fn-upstep-dot{background:var(--rl-cyan)}
.eddm-fn-upstep.is-active{background:#fff;border-color:var(--rl-hdr);border-top-color:var(--rl-hdr);color:var(--rl-hdr);box-shadow:0 2px 10px rgba(18,59,93,.12);animation:eddm-fn-upprog-pulse 1.1s ease-in-out infinite}
.eddm-fn-upstep.is-active .eddm-fn-upstep-dot{background:var(--rl-hdr)}
.eddm-fn-upprog-sub{margin-top:9px;font-size:12.5px;line-height:1.4;color:var(--rl-muted)}
@keyframes eddm-fn-upprog-pulse{0%,100%{box-shadow:0 2px 8px rgba(18,59,93,.10)}50%{box-shadow:0 2px 16px rgba(18,59,93,.26)}}
@media (max-width:560px){.eddm-fn-upsteps{flex-wrap:wrap}.eddm-fn-upstep{flex:1 1 44%}}
.eddm-fn-pfhead{margin-bottom:10px}
.eddm-fn-badge{display:inline-block;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:700}
.eddm-fn-badge.ok{background:#dcfce7;color:#166534}
.eddm-fn-badge.warn{background:#fef3c7;color:#92400e}
.eddm-fn-badge.bad{background:#fee2e2;color:#991b1b}
.eddm-fn-prooftools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.eddm-fn-toollabel{font-size:13px;color:var(--mut);margin-right:2px}
.eddm-fn-prooftools button{cursor:pointer;border:1px solid #cbd5e1;background:#fff;border-radius:6px;padding:5px 10px;font-size:13px;font-weight:600;color:var(--ink)}
.eddm-fn-prooftools .eddm-fn-zoom.on{background:var(--b);color:#fff;border-color:var(--b)}
.eddm-fn-prooftools .eddm-fn-replace{margin-left:auto;color:#b91c1c;border-color:#fecaca}
.eddm-fn-proofwrap{position:relative;border:1px solid var(--ln);border-radius:8px;background:#fff;overflow:auto;max-height:520px}
.eddm-fn-proofimg{display:block;width:100%;height:auto}
.eddm-fn-warn{margin:0 0 12px;padding:12px 14px;border:1px solid #fca5a5;background:#fef2f2;border-radius:10px;color:#991b1b;font-size:14px;line-height:1.5}
.eddm-fn-switch{display:inline-block;margin-top:8px;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;font-size:13.5px;font-weight:700;background:var(--b);color:#fff}
.eddm-fn-switch:hover{background:var(--bd)}
.eddm-fn-concerns{margin:12px 0;padding:12px 14px;border:1px solid #fcd34d;background:#fffbeb;border-radius:10px;color:#78350f;font-size:13.5px}
.eddm-fn-concerns summary{cursor:pointer;font-weight:600}
.eddm-fn-concerns ul{margin:6px 0 0;padding-left:18px}
/* Permit/indicia overlay = Randy's clean vector SVG (assets/img/eddm-indicia.svg), rendered as an <img>. The SVG
   carries its OWN white background + boxes + vector text, so the container is just a positioned, sized, shadowed
   frame; object-fit:contain preserves the square art. (0.60 — supersedes the PNG/SVG/PDF/CSS-text saga; the clean
   Illustrator SVG renders crisp at any size and the built-in white bg means no blank-on-dark-artwork issue.) */
.eddm-fn-indicia{position:absolute;top:6%;right:5%;width:1.1in;height:1.1in;box-sizing:border-box;overflow:hidden;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.eddm-fn-indicia img{display:block;width:100%;height:100%;object-fit:contain}
.eddm-fn-toggle{display:flex;align-items:center;gap:8px;margin:10px 0 4px;font-size:14px;font-weight:600}
.eddm-fn-accept{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:12px 14px;background:#f0fdf4;border:1px solid #86efac;border-radius:10px;font-size:14px;font-weight:600;line-height:1.45;color:#14532d}
.eddm-fn-accept input{margin-top:3px;flex:0 0 auto}
/* ---- Proof view: guide overlay + per-line toggles (ported from the proven proof engine) ---- */
.eddm-fn-proofframe{position:relative;display:block;margin:0 auto;width:100%;transform-origin:center center}
.eddm-fn-proofcanvas{position:relative;width:100%;background:#fff;overflow:hidden;line-height:0}
.eddm-fn-proofcanvas .eddm-fn-proofimg{position:absolute;left:50%;top:50%;width:100%;height:auto;transform-origin:center center}
.eddm-fn-trimwrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;pointer-events:none;z-index:6}
.eddm-fn-trimwrap .eddm-fn-indicia{top:3%;right:3%}
.eddm-fn-pfbox{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;pointer-events:none;border-radius:2px;z-index:3}
.eddm-fn-pfbox.bleed{border:2px solid #111827;box-shadow:0 0 0 1px rgba(255,255,255,.92);z-index:2}
.eddm-fn-pfbox.trim{border:2px solid #dc2626;box-shadow:0 0 0 1px rgba(255,255,255,.92)}
.eddm-fn-pfbox.safe{border:2px dashed #2563eb;z-index:4}
.eddm-fn-pfbox.art{border:2px dotted #16a34a;background:repeating-linear-gradient(135deg,rgba(34,197,94,.10) 0 5px,rgba(255,255,255,0) 5px 10px);z-index:5}
.eddm-fn-pfbox.off{display:none}
/* Dimension chips sit JUST INSIDE the trim edges (so they're never clipped by the canvas overflow when a
   tall/large card fills the proof) with a filled high-contrast background so they read on any artwork. */
.eddm-fn-pfdim{position:absolute;z-index:7;background:#0e3a5c;color:#fff;border:1px solid #fff;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:800;line-height:1.1;white-space:nowrap;box-shadow:0 1px 5px rgba(0,0,0,.35)}
.eddm-fn-pfdim.h{left:50%;bottom:4px;transform:translateX(-50%)}
.eddm-fn-pfdim.v{left:4px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center}
.eddm-fn-indicia.off{display:none}
.eddm-fn-pftoggles{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 2px}
.eddm-fn-tog{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#334155;cursor:pointer}
.eddm-fn-tog:before{content:"";display:inline-block;width:12px;height:12px;border-radius:2px}
.eddm-fn-tog.bleed:before{border:2px solid #111827}
.eddm-fn-tog.trim:before{border:2px solid #dc2626}
.eddm-fn-tog.safe:before{border:2px dashed #2563eb}
.eddm-fn-tog.art:before{border:2px dotted #16a34a;background:repeating-linear-gradient(135deg,rgba(34,197,94,.18) 0 4px,rgba(255,255,255,.2) 4px 8px)}
.eddm-fn-tog.indicia:before{border:1.5px solid #0f172a;background:#fff}
.eddm-fn-guidecopy{margin-top:8px;padding:9px 11px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:12.5px;line-height:1.5}
.eddm-fn-guidecopy strong{color:var(--ink);font-weight:800}
.eddm-fn-review{margin:0 0 12px;padding:10px 13px;background:#fff7ed;border:1px solid #fed7aa;border-left:4px solid #f59e0b;border-radius:10px;color:#7c2d12;font-size:13px;line-height:1.5}
.eddm-fn-review-t{font-weight:800;margin-bottom:5px;color:#78350f}
.eddm-fn-review ol{margin:0;padding-left:20px}
.eddm-fn-review li{margin:4px 0}
.eddm-fn-dljpg{font-weight:700}
.eddm-fn-blocked{margin-top:14px;padding:12px 14px;border:1px solid #fca5a5;background:#fef2f2;border-radius:10px;color:#991b1b;font-size:14px;font-weight:600;line-height:1.5}

/* ===== Step 3 — size rows (table: Size · Homes · Est. price) ===== */
.eddm-fn-sizes{display:block}
.eddm-fn-sizehead{display:grid;grid-template-columns:1fr 86px 116px;column-gap:12px;padding:4px 14px 8px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--rl-muted)}
.eddm-fn-sizehead .scol-homes,.eddm-fn-sizehead .scol-price{text-align:right}
.eddm-fn-size{display:grid;grid-template-columns:1fr 86px 116px;column-gap:12px;align-items:center;width:100%;min-height:56px;padding:12px 14px;margin:0 0 8px;text-align:left;border:1px solid #cbd5e1;border-radius:10px;background:#fff;cursor:pointer}
.eddm-fn-size:hover{border-color:var(--rl-accent);background:#f7fcff}
.eddm-fn-size:focus{outline:none}
.eddm-fn-size:focus-visible{outline:2px solid var(--b);outline-offset:1px}
/* selected = blue (force over theme button styles) */
.eddm-fn .eddm-fn-size.sel{border-color:var(--b)!important;background:#eff6ff!important;box-shadow:0 0 0 2px rgba(29,78,216,.22)!important;color:var(--bd)!important}
.eddm-fn-size-label{font-weight:700;font-size:15.5px;color:var(--rl-navy)}
.eddm-fn .eddm-fn-size.sel .eddm-fn-size-label{color:var(--bd)}
.eddm-fn-size-homes{text-align:right;font-weight:700;color:var(--rl-teal);font-size:14px}
.eddm-fn-size-price{text-align:right;font-size:17px;font-weight:800;color:var(--rl-navy);display:flex;align-items:center;justify-content:flex-end}
.eddm-fn-size-price.loading{color:var(--rl-muted)}
.eddm-fn-spin.sm{width:14px;height:14px;border-width:2px;margin:0;vertical-align:middle}

/* ===== Step 5 — checkout form + confirmation ===== */
.eddm-fn-coform{max-width:460px}
.eddm-fn-corow{display:flex;gap:12px;flex-wrap:wrap}
.eddm-fn-corow .eddm-fn-cofield{flex:1 1 120px}
.eddm-fn-corow .eddm-fn-cofield-st{flex:0 1 90px}
.eddm-fn-corow .eddm-fn-cofield-zip{flex:0 1 120px}
.eddm-fn-optional{font-weight:400;color:#94a3b8;font-size:12px}
.eddm-fn-cofield{display:flex;flex-direction:column;gap:4px;margin:0 0 12px}
.eddm-fn-cofield label{font-size:13px;font-weight:700;color:var(--rl-navy)}
.eddm-fn-cofield input{height:44px;border:1px solid #9fc4d4;border-radius:6px;padding:0 12px;font-size:15px;background:#fff}
.eddm-fn-copay{width:100%;height:48px;margin-top:4px}
.eddm-fn-copay:disabled,.eddm-fn-copay.is-disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.eddm-fn-conote{margin:10px 0 0;font-size:12px;color:var(--mut)}
.eddm-fn-comsg{margin:4px 0 10px;font-size:14px;font-weight:600}
.eddm-fn-comsg.err{color:#b91c1c}
.eddm-fn-comsg .eddm-fn-stalelink{color:#b91c1c;font-weight:800;text-decoration:underline;text-underline-offset:2px;cursor:pointer;white-space:nowrap}
.eddm-fn-comsg .eddm-fn-stalelink:hover{color:#7f1d1d}
.eddm-fn-coresult{margin:0 0 8px;padding:18px 20px;border:1px solid var(--rl-border);border-radius:12px;background:#fff;font-size:14.5px;line-height:1.55;color:var(--ink)}
.eddm-fn-coresult.ok{border-color:#86efac;background:#f0fdf4}
.eddm-fn-coresult.warn{border-color:#fcd34d;background:#fffbeb}
.eddm-fn-cobadge{display:inline-block;font-weight:800;color:#166534;background:#dcfce7;border-radius:999px;padding:5px 14px;margin-bottom:8px}
.eddm-fn-cototal{font-size:16px;margin:6px 0}

/* running-summary price block (Steps 3-5) */
.eddm-fn-sumprice{margin-top:12px;padding-top:12px;border-top:1px dashed var(--ln)}
.eddm-fn-sumprice-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--mut);margin-bottom:5px}
.eddm-fn-sumprice-row span:last-child{font-weight:700;color:var(--ink)}
.eddm-fn-sumprice-total{display:flex;justify-content:space-between;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid var(--ln);font-size:15px;font-weight:800;color:var(--rl-navy)}
.eddm-fn-sumprice-total span:last-child{color:var(--rl-teal)}
.eddm-fn-sumprice-note{margin:8px 0 0;font-size:11.5px;color:var(--mut)}

/* ============================================================================
 * No red on non-warning button STATES (keep red only for warnings/errors).
 * The site theme injects a red/pink hover/active onto buttons that lack their own
 * :hover; re-assert brand colors for funnel buttons, recolor the two destructive
 * buttons off red, and make unavailable calendar days fully inert.
 * (Buttons that already define :hover — clear, calnav, .avail day, datechange,
 *  size — are intentionally left alone.)
 * ====================================================================== */
.eddm-fn .eddm-fn-btn:hover,.eddm-fn .eddm-fn-btn:focus,.eddm-fn .eddm-fn-btn:active{background:var(--rl-cyan)!important;color:#fff!important;border-color:var(--rl-cyan)!important}
.eddm-fn .eddm-fn-next:hover,.eddm-fn .eddm-fn-next:focus,.eddm-fn .eddm-fn-next:active{background:var(--rl-cyan-d)!important;color:#fff!important}
.eddm-fn .eddm-fn-back,.eddm-fn .eddm-fn-back:hover,.eddm-fn .eddm-fn-back:focus,.eddm-fn .eddm-fn-back:active{background:#eef3f8!important;color:var(--rl-navy)!important;border:1px solid var(--rl-border)!important}
.eddm-fn .eddm-fn-emailsend:hover,.eddm-fn .eddm-fn-emailsend:focus,.eddm-fn .eddm-fn-emailsend:active{background:var(--rl-teal)!important;color:#fff!important}
.eddm-fn .eddm-fn-codeverify:hover,.eddm-fn .eddm-fn-codeverify:focus,.eddm-fn .eddm-fn-codeverify:active{background:var(--rl-cyan-d)!important;color:#fff!important}
.eddm-fn .eddm-fn-switch:hover,.eddm-fn .eddm-fn-switch:focus{background:var(--bd)!important;color:#fff!important}
.eddm-fn .eddm-fn-coderesend:hover,.eddm-fn .eddm-fn-coderesend:focus,
.eddm-fn .eddm-fn-sortbar button:hover,.eddm-fn .eddm-fn-sortbar button:focus,
.eddm-fn .eddm-fn-prooftools button:hover,.eddm-fn .eddm-fn-prooftools button:focus{background:var(--rl-sel)!important;color:var(--rl-navy)!important}
.eddm-fn .eddm-fn-zacts button:hover,.eddm-fn .eddm-fn-zacts button:focus{background:#cfe6f8!important;color:var(--rl-accent)!important}
/* the two non-warning RED buttons -> neutral slate, including hover/focus */
.eddm-fn .eddm-fn-zacts .eddm-fn-zremove,.eddm-fn .eddm-fn-zacts .eddm-fn-zremove:hover,.eddm-fn .eddm-fn-zacts .eddm-fn-zremove:focus{background:#eef3f8!important;color:#52687d!important}
.eddm-fn .eddm-fn-prooftools .eddm-fn-replace,.eddm-fn .eddm-fn-prooftools .eddm-fn-replace:hover,.eddm-fn .eddm-fn-prooftools .eddm-fn-replace:focus{background:#fff!important;color:#52687d!important;border-color:#cbd5e1!important}
/* unavailable calendar days are <span>s now — make doubly sure they're inert */
.eddm-fn .eddm-fn-cd.off{pointer-events:none}

/* Resume "Restoring your selection…" overlay — covers the funnel while handleResume() re-fetches each ZIP's
   routes from USPS (~10s on the live server) so the empty Step 1 doesn't read as a broken link. */
.eddm-fn{position:relative}
.eddm-fn-resume-ov{position:absolute;inset:0;z-index:600;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(245,253,255,.94);border-radius:12px}
.eddm-fn-resume-card{max-width:340px;text-align:center;background:#fff;border:1px solid var(--rl-cyan);border-radius:14px;padding:26px 28px;box-shadow:0 6px 22px rgba(8,145,178,.22);animation:eddmfn-pulse 1.4s ease-in-out infinite}
.eddm-fn-resume-spin{display:inline-block;width:32px;height:32px;border:3px solid #bfe6f2;border-top-color:var(--rl-cyan);border-radius:50%;animation:eddmfn-spin .7s linear infinite;margin:0 0 12px}
.eddm-fn-resume-t{font-weight:800;font-size:17px;color:var(--rl-navy)}
.eddm-fn-resume-s{font-size:13.5px;color:var(--rl-muted);margin-top:5px}

/* ---- Step 3 size cards w/ postcard thumbnails (ported from the monolith) ---- */
.eddm-fn-sizenote{background:#eef4fb;border:1px solid #c5d6e8;padding:8px 14px;border-radius:8px;font-size:.85rem;color:#1a3a5c;font-style:italic;text-align:center;margin-bottom:14px}
/* Compact horizontal rows: Size (bold black) · thumbnail · qty · price · Select. Each card a bordered block,
   stacked vertically — reads cleanly and stays compact on mobile. */
/* CSS-GRID rows so columns line up across cards (excel-like): Size | thumbnail | qty(left) | price(right) | Select.
   Fixed columns keep the alignment; nowrap + tight gaps keep it from wrapping on mobile. */
.eddm-fn-sizecards{display:flex;flex-direction:column;gap:10px}
.eddm-fn-szcard{display:grid;grid-template-columns:104px 116px 1fr 120px auto;align-items:center;gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.eddm-fn-szcard:hover{border-color:#1a3a5c;box-shadow:0 3px 12px rgba(26,58,92,.12)}
.eddm-fn-szcard:focus{outline:none;border-color:#1a3a5c;box-shadow:0 0 0 3px rgba(26,58,92,.18)}
.eddm-fn-szcard.sel{border-color:#1565c0;background:#f0f6ff;box-shadow:0 3px 12px rgba(21,101,192,.16)}
.eddm-fn-szcard .eddm-fn-size-label{font-size:1.15rem;font-weight:800;color:#111827;white-space:nowrap}
.eddm-fn-size-vis{display:flex;align-items:center;justify-content:center}
.eddm-fn-size-vis svg{height:auto;width:auto;max-height:62px;max-width:112px;display:block;margin:0}
.eddm-fn-size-qty{justify-self:start;text-align:left;font-size:1.05rem;font-weight:700;color:#1a3a5c;white-space:nowrap}
.eddm-fn-szcard .eddm-fn-size-price{justify-self:end;text-align:right;font-size:1.3rem;font-weight:800;color:#1a3a5c;white-space:nowrap}
.eddm-fn-szcard .eddm-fn-size-price.loading{font-size:.95rem;color:#94a3b8;font-weight:700}
.eddm-fn-size-btn{background:#00aeef;color:#fff;border:none;border-radius:999px;padding:10px 22px;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 3px 10px rgba(0,174,239,.28);transition:background .15s;white-space:nowrap}
.eddm-fn-szcard:hover .eddm-fn-size-btn,.eddm-fn-szcard.sel .eddm-fn-size-btn{background:#0094cc}
.eddm-fn-size-tpl{grid-column:1 / -1;font-size:.8rem;color:#1a73e8;text-decoration:none}
.eddm-fn-size-tpl:hover{text-decoration:underline}
/* Mobile: 4 columns (Size · thumb · qty · price), Select drops to its own full-width row — stays compact, no wrap. */
@media(max-width:600px){
  .eddm-fn-szcard{grid-template-columns:78px 76px 1fr auto;gap:9px;padding:10px 12px}
  .eddm-fn-szcard .eddm-fn-size-label{font-size:1rem}
  .eddm-fn-size-vis svg{max-height:46px;max-width:72px}
  .eddm-fn-szcard .eddm-fn-size-price{font-size:1.05rem}
  .eddm-fn-size-btn{grid-column:1 / -1;justify-self:stretch;padding:9px 0}
}

/* ---- Target Delivery Date acknowledgment modal (ported from the monolith) ---- */
.eddm-fn-ack{position:fixed;inset:0;z-index:99998;display:none;align-items:flex-start;justify-content:center;padding:3vh 14px 14px;background:rgba(15,23,42,.58);box-sizing:border-box}
.eddm-fn-ack.vis{display:flex}
.eddm-fn-ack-card{position:relative;width:min(620px,calc(100vw - 28px));max-height:calc(100vh - 20px);overflow:auto;background:#fff;border:1px solid #c5d6e8;border-radius:8px;box-shadow:0 24px 64px rgba(15,23,42,.32);color:#1e293b}
.eddm-fn-ack-head{padding:12px 48px 12px 16px;background:#1a3a5c;color:#fff;font-size:1.08rem;font-weight:800;line-height:1.2}
.eddm-fn-ack-close{position:absolute;top:7px;right:8px;width:34px;height:34px;border:0;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-size:1.35rem;line-height:1;cursor:pointer;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0}
.eddm-fn-ack-close:hover,.eddm-fn-ack-close:focus{background:rgba(255,255,255,.28)}
.eddm-fn-ack-body{padding:12px 16px 10px;font-size:.9rem;line-height:1.42;color:#1f2937}
.eddm-fn-ack-body p{margin:0 0 8px}
.eddm-fn-ack-body strong{font-weight:800;color:#111827}
.eddm-fn-ack-check{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:10px;background:#f8fafc;border:1px solid #dbe6f3;border-radius:6px;color:#1a3a5c;font-weight:700}
.eddm-fn-ack-check input{margin-top:3px;flex:0 0 auto}
.eddm-fn-ack-date{margin:10px 0 0;color:#1e3a8a;font-size:.95rem;text-align:center}
.eddm-fn-ack-date strong{font-weight:800}
.eddm-fn-ack-dateval{font-weight:600;color:var(--rl-cyan);margin-left:6px}
.eddm-fn-ack-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:10px;padding:10px 16px;background:#f8fafc;border-top:1px solid #e2e8f0}
.eddm-fn-ack-confirm{border:0;background:#1a73e8;color:#fff;border-radius:6px;padding:9px 14px;font-size:.88rem;font-weight:800;cursor:pointer}
.eddm-fn-ack-confirm:hover:not(:disabled),.eddm-fn-ack-confirm:focus:not(:disabled){background:#0f5fc6}
.eddm-fn-ack-confirm:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed}
.eddm-fn-ack-change{border:1px solid #94a3b8;background:#fff;color:#1a3a5c;border-radius:6px;padding:9px 12px;font-size:.88rem;font-weight:800;cursor:pointer}
.eddm-fn-ack-change:hover,.eddm-fn-ack-change:focus{background:#edf4fb}
body.eddm-fn-ack-open{overflow:hidden}
@media(max-width:520px){.eddm-fn-ack-foot{grid-template-columns:1fr;padding:12px}.eddm-fn-ack-change,.eddm-fn-ack-confirm{width:100%;white-space:normal}}

/* ---- Step 4 upload-page header (monolith parity) ---- */
.eddm-fn-sizebar{display:flex;gap:10px;align-items:flex-start;background:#eef4fb;border:1px solid #c5d6e8;border-radius:10px;padding:14px 16px;margin-bottom:14px}
.eddm-fn-sizebar-ico{font-size:1.3rem;line-height:1}
.eddm-fn-sizebar-lead{display:block;font-size:.82rem;color:#64748b;margin-bottom:2px}
.eddm-fn-sizebar-name{display:block;font-size:1.05rem;color:#1a3a5c;font-weight:800}
.eddm-fn-sizebar-dims{display:block;font-size:.85rem;color:#64748b;margin-top:2px}
.eddm-fn-uploadspec{font-size:.9rem;color:#334155;margin:0 0 12px}
.eddm-fn-uploadspec strong{color:#1a3a5c}
.eddm-fn-sidelabel{font-size:1.05rem;color:#1a3a5c;font-weight:800;margin:0 0 2px}
.eddm-fn-sidelabel small{font-weight:600;color:#64748b;font-size:.8rem}
.eddm-fn-uploadzone-sub{display:block;font-size:.82rem;color:#64748b;margin-bottom:8px}
.eddm-fn-backnote{font-size:.85rem;color:#1a3a5c;background:#f0f6ff;border:1px solid #dbe6f3;border-radius:8px;padding:10px 12px;margin:12px 0 0}
.eddm-fn-skiphelp{font-size:.85rem;color:#64748b;text-align:center;margin:14px 0 0;padding-top:12px;border-top:1px solid #e2e8f0}
/* Skip-artwork confirm slide-down (Step 4) */
.eddm-fn-skipconfirm{margin:14px 0 0;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:14px 16px;animation:eddm-fn-skipin .2s ease}
.eddm-fn-skipconfirm p{margin:0 0 12px;font-size:.92rem;line-height:1.5;color:#7c2d12}
.eddm-fn-skipconfirm-btns{display:flex;gap:10px;flex-wrap:wrap}
@keyframes eddm-fn-skipin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.eddm-fn-btn.ghost{background:#fff;color:var(--rl-cyan);border-color:var(--rl-cyan)}
.eddm-fn .eddm-fn-btn.ghost:hover,.eddm-fn .eddm-fn-btn.ghost:focus{background:#f0f9ff!important;color:var(--rl-cyan)!important;border-color:var(--rl-cyan)!important}

/* ===== Monolith card system (0.40.0): white rounded cards w/ navy header bars, pill buttons, focus rings ===== */
.eddm-fn-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(15,23,42,.06);padding:0 20px 22px;margin-bottom:4px}
.eddm-fn-panel>h2{background:var(--rl-hdr);color:#fff;margin:0 -20px 18px;padding:14px 20px;font-size:1.05rem;font-weight:700}
/* Step 2's calendar wrapper is now just a content wrapper (the panel is the card; h2 is the header bar). */
.eddm-fn-calcard{max-width:none;border:0;padding:0;background:none;box-shadow:none}
.eddm-fn-calcard.is-collapsed{max-width:none}
/* Brand focus ring on text inputs */
.eddm-fn-cofield input:focus,.eddm-fn-zip:focus{outline:none;border-color:var(--rl-cyan);box-shadow:0 0 0 3px rgba(0,174,239,.15)}
/* Validation failure: light-red highlight on the offending field so it's obvious what to fix. (!important
   beats the theme's input background.) */
.eddm-fn-cofield input.eddm-fn-fielderr{border-color:#ef4444!important;background:#fff5f5!important;box-shadow:0 0 0 2px rgba(239,68,68,.18)!important}
.eddm-fn-cofield input.eddm-fn-fielderr:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.22)!important}
/* Embedded Stripe payment section (checkout phase 2) */
.eddm-fn-paysum{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;margin:0 0 16px}
.eddm-fn-paysum-row{display:flex;justify-content:space-between;gap:14px;padding:6px 0;font-size:.92rem;color:#334}
.eddm-fn-paysum-row>span:last-child{font-weight:700;color:var(--ink)}
.eddm-fn-paysum-total{display:flex;justify-content:space-between;gap:14px;padding:10px 0 2px;margin-top:4px;border-top:2px solid var(--rl-hdr);font-size:1.05rem;font-weight:800;color:var(--rl-hdr)}
.eddm-fn-payment-element{margin:0 0 16px}
.eddm-fn-paybtn{width:100%;height:50px;font-size:1.05rem}
.eddm-fn-payedit{display:block;margin:12px auto 0;background:none;border:0;color:var(--rl-cyan);font-size:.9rem;font-weight:700;cursor:pointer;padding:6px 0}
.eddm-fn-payedit:hover{text-decoration:underline}
.eddm-fn-coprintwrap{margin:16px 0 2px}
/* Print the paid confirmation cleanly: keep the confirmation + order summary, drop the funnel chrome. */
@media print{
  .eddm-fn-steps,.eddm-fn-nav,.eddm-fn-coprintwrap,.eddm-fn-map,.eddm-fn-mapwrap,.eddm-fn-maplabel{display:none!important}
  .eddm-fn{max-width:none;margin:0}
  .eddm-fn-panel,.eddm-fn-summary{border:1px solid #ccc;box-shadow:none;break-inside:avoid}
  .eddm-fn-panel>h2,.eddm-fn-summary h3{background:#1a3a5c!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* ============================================================================
 * 0.73.0 -- MOBILE FOLD (phones <=600px): lift the ZIP field above the fold.
 * MS Clarity showed the primary action (ZIP entry) sitting BELOW the fold while
 * the crossover exit CTA sat ABOVE it. funnel.css is enqueued INSIDE the
 * shortcode, so it loads ONLY on /eddm-tool/ -> these rules are auto-scoped to
 * this one page. CSS-ONLY: no markup/JS/PHP change, so GTM (.aaz-service-switch
 * / data-switch="full_to_print"), Stripe, and all funnel logic are untouched.
 * Desktop (>600px) is unchanged. Recovers ~110-160px:
 *   A) hide the redundant theme page-title H1 (`.page-header > h1.entry-title`)
 *   B) compact the crossover bar to one tight line (drop the "click here" subline)
 *   D) tighten the gap above the ZIP form.
 * ====================================================================== */
@media (max-width:600px){
  /* A — the theme page title is redundant with the funnel on mobile; hide it
     (it stays in the DOM for desktop + SEO; only display is suppressed here). */
  .page-header{display:none!important}
  /* B — crossover bar: tight single line, smaller prompt + button, no subline. */
  .eddm-fn .aaz-service-switch-bar{margin:2px auto 8px!important;padding:5px 10px!important;gap:8px!important;border-radius:6px!important}
  .eddm-fn .aaz-service-switch-bar>span{font-size:12px!important;font-weight:600!important;line-height:1.25!important}
  .eddm-fn .aaz-service-switch{padding:4px 12px!important;font-size:12px!important;border-radius:5px!important}
  .eddm-fn .aaz-service-switch>span{display:none!important}
  /* D — trim the gap between the step nav and the ZIP form. */
  .eddm-fn-steps{margin-bottom:10px!important}
}