/* PORTED VERBATIM from vo-app-marketing-hub/apps/Marketing-Hub/marketing-hub-review.css, minus 0 rule(s)
   whose selectors name a class crm.css / ax-containers.css already own.
   DO NOT EDIT — node tools/port-marketing-hub.cjs */
/* ══════════════════════════════════════════════════════════════════════════
   marketing-hub-review.css — THE WORK APP'S REPORT POPUP STYLESHEET, VERBATIM.

   Tyler, repeatedly, and correctly: *"Make sure that the sending view is the
   same exact design as it is in the work.html for reports. I've mentioned this
   multiple times."*

   ⚠️ THIS FILE IS EXTRACTED, NOT WRITTEN. Every rule below came out of the
   LIVE work.runmai.app module — `apps/Work/report-review.js`, whose injectCss()
   builds one <style id="wkRrCss"> from an array of quoted CSS strings. It was
   pulled with a script (scratchpad/extract-rr-css.cjs) so no rule could be
   paraphrased on the way across. 1187 rules.

   ⚠️ DO NOT EDIT ANY `.wk-rr-*` RULE HERE. If the reports popup changes, re-run
   the extraction and replace this file wholesale. Editing it is how the two
   screens start to differ, which is the entire thing being complained about.

   ⚠️ WHY A COPY AT ALL, WHEN send-kit.js AND send-receipt.js ARE HOSTED SHARED
   FILES: report-review.js is 13,636 lines and app-local — it is welded to
   Work's report instances and work-api, and its own header records that it is
   deliberately NOT the shared receipt kit. The RIGHT end state is to lift the
   popup shell into visionone-app-store/js/ the way send-kit.js was lifted, and
   have both apps load one file. Until that extraction is done, this vendored
   stylesheet is what makes the two screens identical rather than similar — and
   it is marked so the swap is mechanical when it happens.

   Source: /__unconfigured/work/apps/Work/report-review.js (?v=97)
   ══════════════════════════════════════════════════════════════════════════ */

.wk-rr{display:flex;flex-direction:column;gap:18px}

.wk-rr-loading,.wk-rr-empty{font-size:13px;color:#64748b;padding:14px;text-align:center}

.wk-rr-grant-acts{flex:0 0 auto}

.wk-rr-card{border:1px solid #e2e8f0;border-radius:12px;padding:16px;background:#fff}

.wk-rr-card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}

.wk-rr-card-title{font-size:14px;font-weight:700;color:#0f172a}

.wk-rr-pill{font-size:11px;font-weight:700;color:#fff;background:var(--c,#64748b);padding:2px 9px;border-radius:999px}

.wk-rr-flag{display:flex;align-items:flex-start;gap:12px;color:#92400e}

.wk-rr-flag svg{flex:0 0 auto;color:#d97706;margin-top:2px}

.wk-rr-flag-body{flex:1;min-width:0}

.wk-rr-flag-title{font-size:14px;font-weight:700;color:#0f172a}

.wk-rr-flag-sub{font-size:12px;color:#64748b;margin-top:2px}

.wk-rr-flag-acts{display:flex;gap:8px;flex-wrap:wrap}

.wk-rr-sched-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}

.wk-rr-sched-lbl{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em}

.wk-rr-sched-val{font-size:13px;font-weight:600;color:#0f172a;margin-top:2px}

.wk-rr-sched-off{font-size:13px;color:#64748b;margin-bottom:12px}

.wk-rr-card-acts{display:flex;gap:8px;flex-wrap:wrap}

.wk-rr-list-head{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;display:flex;align-items:center;gap:8px;margin-top:4px}

.wk-rr-count{background:#eef2f7;color:#475569;border-radius:999px;font-size:11px;padding:1px 8px}

.wk-rr-rows{display:flex;flex-direction:column;gap:6px}

.wk-rr-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #e2e8f0;border-radius:10px;background:#fff;padding:10px 12px;cursor:pointer;transition:border-color .12s,box-shadow .12s}

.wk-rr-row:hover{border-color:#cbd5e1;box-shadow:0 2px 8px rgba(15,23,42,.06)}

.wk-rr-row-status{flex:0 0 auto;font-size:11px;font-weight:700;color:var(--c,#64748b)}

.wk-rr-row-main{flex:1;min-width:0;display:flex;flex-direction:column}

.wk-rr-row-name{font-size:13px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.wk-rr-row-meta{font-size:11.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.wk-rr-row-arrow{flex:0 0 auto;color:#cbd5e1}

.wk-rr-queue-cards{display:flex;gap:12px}

.wk-rr-queue-card{flex:1;border:1px solid #e2e8f0;border-top:3px solid var(--c,#64748b);border-radius:12px;padding:14px 16px;background:#fff;text-align:left;font:inherit;cursor:pointer;transition:border-color .14s,box-shadow .14s,transform .14s}

.wk-rr-queue-card:hover{box-shadow:0 6px 18px rgba(15,23,42,.08);transform:translateY(-1px)}

.wk-rr-queue-card.is-active{border-color:var(--c);box-shadow:0 0 0 1px var(--c) inset,0 6px 18px rgba(15,23,42,.08)}

.wk-rr-queue-n{font-size:26px;font-weight:800;color:var(--c,#0f172a);line-height:1}

.wk-rr-queue-l{font-size:12px;font-weight:600;color:#64748b;margin-top:4px}

.wk-rr-btn{font-size:13px;font-weight:600;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:7px 13px;cursor:pointer}

.wk-rr-btn:hover{background:#f8fafc}

.wk-rr-btn--primary{background:#16a34a;border-color:#16a34a;color:#fff}

.wk-rr-btn--primary:hover{background:#15803d}

.wk-rr-btn--send{background:#2563eb;border-color:#2563eb;color:#fff}

.wk-rr-btn--send:hover{background:#1d4ed8}

.wk-rr-btn--ghost{border-color:transparent;color:#dc2626}

.wk-rr-btn--ghost:hover{background:#fef2f2}

.wk-rr-btn--quiet{border-color:transparent;color:#64748b}

.wk-rr-btn--quiet:hover{background:#f1f5f9;color:#0f172a}

.wk-rr-btn--locked{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9!important;border-color:#e2e8f0!important;color:#94a3b8!important;cursor:not-allowed;box-shadow:none!important}

.wk-rr-btn--locked:hover{background:#e9eef5!important;color:#8595a9!important}

.wk-rr-btn--locked svg{flex:0 0 auto;opacity:.85}

.wk-rr-overlay{position:fixed;inset:0;z-index:1000000;background:rgba(26,17,50,.48);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(1px)}

.wk-rr-ask-ov{position:fixed;inset:0;z-index:1000030;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;padding:22px;animation:wkRrFade .13s ease-out both;backdrop-filter:blur(1.5px)}

.wk-rr-ask-ov.is-closing{animation:wkRrFadeOut .16s ease-in both}

.wk-rr-ask{width:100%;max-width:452px;background:#fff;border-radius:17px;box-shadow:0 26px 64px rgba(15,23,42,.34);padding:21px 22px 17px;animation:wkRrAskIn .2s cubic-bezier(.2,.9,.3,1.1) both}

.wk-rr-ask-ov.is-closing .wk-rr-ask{animation:wkRrAskOut .16s ease-in both}

@keyframes wkRrAskIn{from{opacity:0;transform:translateY(12px) scale(.965)}to{opacity:1;transform:none}}

@keyframes wkRrAskOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(6px) scale(.98)}}

@keyframes wkRrFadeOut{from{opacity:1}to{opacity:0}}

.wk-rr-ask-hd{display:flex;align-items:flex-start;gap:13px}

.wk-rr-ask-ico{flex:0 0 38px;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#eef2f7;color:#475569}

.wk-rr-ask-ico svg{width:19px;height:19px}

.wk-rr-ask.is-go .wk-rr-ask-ico{background:#dcfce7;color:#15803d}

.wk-rr-ask.is-send .wk-rr-ask-ico{background:#dbeafe;color:#1d4ed8}

.wk-rr-ask.is-warn .wk-rr-ask-ico{background:#fef3c7;color:#b45309}

.wk-rr-ask.is-del .wk-rr-ask-ico{background:#fee2e2;color:#b91c1c}

.wk-rr-ask-t{font-size:16px;font-weight:800;color:#0f172a;letter-spacing:-.01em;line-height:1.3}

.wk-rr-ask-b{font-size:13px;color:#64748b;line-height:1.55;margin-top:4px}

.wk-rr-ask-note{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:10px 12px;border-radius:11px;background:#fffbeb;border:1px solid #fde68a;font-size:12.5px;font-weight:600;color:#92400e;line-height:1.5}

.wk-rr-ask-note svg{flex:0 0 auto;width:15px;height:15px;margin-top:1px}

.wk-rr-ask-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}

.wk-rr-ask-list li{position:relative;padding-left:17px;font-size:12.5px;color:#475569;line-height:1.5}

.wk-rr-ask-list li:before{content:"";position:absolute;left:3px;top:7px;width:5px;height:5px;border-radius:50%;background:#cbd5e1}

.wk-rr-ask-list b{color:#0f172a;font-weight:700}

.wk-rr-ask-err{margin-top:13px;padding:10px 12px;border-radius:11px;background:#fef2f2;border:1px solid #fecaca;font-size:12.5px;font-weight:600;color:#b91c1c;line-height:1.5}

.wk-rr-ask-ft{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}

.wk-rr-ask-go{background:#0f172a;color:#fff;border-color:#0f172a}

.wk-rr-ask.is-go .wk-rr-ask-go{background:#16a34a;border-color:#16a34a}

.wk-rr-ask.is-send .wk-rr-ask-go{background:#2563eb;border-color:#2563eb}

.wk-rr-ask.is-del .wk-rr-ask-go{background:#dc2626;border-color:#dc2626}

.wk-rr-ask-go:disabled{opacity:.72;cursor:default}

.wk-rr-ask-go .wk-rr-spin{border-color:rgba(255,255,255,.4);border-top-color:#fff}

/* ── marketing-hub-ask.js — the paragraph, field and option slots ──────────
   The block above was extracted with the review popup and never rendered; the
   rules below are what the four flavours in marketing-hub-ask.js need on top
   of it. `paras()` emits <p> because the strings it inherited from confirm()
   are written with blank lines in them, and a bare <p> would otherwise take
   the HOST page's margins — MRG's CRM and the hub disagree about those.
   🚨 `.wk-rr-ask-err[hidden]` NEEDS THE display:none. The slot ships with the
   `hidden` attribute set, and any author `display` on the class beats a bare
   `hidden` — the trap this fleet has hit before. */
/* 🚨 THE CARD CARRIES `role="dialog"`, AND A HOST STYLES THAT. MRG's brand
   sheet has `.modal,.dialog,[role="dialog"]{background:var(--mrg-surface)}` at
   specificity (0,1,0) and LATER in the cascade than this file, so the bare
   `.wk-rr-ask` rule above loses its background to the host. These two carry the
   colour at (0,2,0) so the card stays ours wherever this is vendored. Not
   `!important` — just enough to win.
   ⚠️ The OVERLAY must never take `role="dialog"` again: that is what painted
   MRG's whole screen white behind the question, and a re-declaration HERE
   could not have saved it — at equal specificity the host's later sheet wins,
   so the fix has to be not matching that selector at all. */
.wk-rr-ask-ov > .wk-rr-ask{background:#fff}

.wk-rr-ask-b p{margin:0}

.wk-rr-ask-b p+p{margin-top:7px}

.wk-rr-ask-note p{margin:0}

.wk-rr-ask-note p+p{margin-top:6px}

.wk-rr-ask-err[hidden]{display:none}

.wk-rr-ask-fld{margin-top:15px}

.wk-rr-ask-lbl{display:block;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#64748b;margin-bottom:6px}

.wk-rr-ask-in,.wk-rr-ask-ta{width:100%;box-sizing:border-box;font-family:inherit;font-size:13.5px;line-height:1.5;color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;padding:9px 12px;transition:border-color .15s,box-shadow .15s}

.wk-rr-ask-ta{resize:vertical;min-height:78px}

.wk-rr-ask-in::placeholder,.wk-rr-ask-ta::placeholder{color:#94a3b8}

.wk-rr-ask-in:focus,.wk-rr-ask-ta:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}

.wk-rr-ask-hint{margin-top:6px;font-size:11.5px;color:#94a3b8;line-height:1.45}

.wk-rr-ask-opts{margin-top:15px;display:flex;flex-direction:column;gap:7px;max-height:46vh;overflow-y:auto}

.wk-rr-ask-opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;font-family:inherit;background:#fff;border:1.5px solid #e2e8f0;border-radius:11px;padding:10px 13px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}

.wk-rr-ask-opt:hover{background:#f8fafc;border-color:#cbd5e1}

.wk-rr-ask-opt.is-on{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 3px rgba(37,99,235,.12)}

.wk-rr-ask-opt-t{font-size:13.5px;font-weight:700;color:#0f172a;line-height:1.35}

.wk-rr-ask-opt-s{font-size:11.5px;color:#64748b;line-height:1.4}

.wk-rr-flash{display:flex;align-items:center;gap:9px;margin:0 20px;padding:9px 13px;border-radius:11px;font-size:12.5px;font-weight:700;background:#dcfce7;border:1px solid #bbf7d0;color:#15803d;animation:wkRrFlashIn .26s cubic-bezier(.2,.9,.3,1.1) both}

.wk-rr-flash.is-warn{background:#fffbeb;border-color:#fde68a;color:#92400e}

.wk-rr-flash-i{display:flex;flex:0 0 auto}

.wk-rr-flash-i svg{width:15px;height:15px}

@keyframes wkRrFlashIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

@media(prefers-reduced-motion:reduce) {
.wk-rr-ask,.wk-rr-ask-ov,.wk-rr-flash{animation:none}
}

.wk-rr-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(15,23,42,.3);transition:max-width .24s ease,width .24s ease,height .24s ease}

.wk-rr-modal--sm{max-width:460px}

.wk-rr-modal--lg{max-width:860px}

.wk-rr-modal--wizard{max-width:800px}

.wk-rr-modal--full{max-width:none;width:calc(100vw - 28px);height:calc(100vh - 28px);max-height:none}

.wk-rr-modal--full .wk-rr-modal-body{flex:1 1 auto;min-height:0}

.wk-rr-modal--full .wk-rr-preview-wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}

.wk-rr-modal--full .wk-rr-frame{flex:1 1 auto;height:auto;min-height:0}

.wk-rr-modal--full .wk-rr-html{flex:1 1 auto;min-height:300px}

.wk-rr-rte-wrap{display:flex;flex-direction:column;gap:12px}

.wk-rr-rte-bar{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:4px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px}

.wk-rr-tb{font:inherit;font-size:13px;min-width:32px;height:30px;padding:0 9px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;color:#334155;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1}

.wk-rr-tb:hover{background:#16a34a;border-color:#16a34a;color:#fff}

.wk-rr-rte-sec{display:flex;flex-direction:column;gap:5px}

.wk-rr-rte-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b}

.wk-rr-rte{border:1px solid #cbd5e1;border-radius:8px;padding:12px 14px;min-height:64px;font-size:14px;line-height:1.6;color:#0f172a;background:#fff;outline:none}

.wk-rr-rte:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.12)}

.wk-rr-rte--full{min-height:320px;overflow:auto}

.wk-rr-rte p{margin:0 0 10px}

.wk-rr-rte ul,.wk-rr-rte ol{margin:0 0 10px;padding-left:20px}

.wk-rr-rte li{margin:4px 0}

.wk-rr-rte h3{font-size:15px;margin:12px 0 6px;font-weight:700}

.wk-rr-help{font-size:12px;color:#64748b;line-height:1.5;margin:2px 0 0}

.wk-rr-help--quiet{font-size:11.5px;color:#94a3b8}

.wk-rr-brandrow{display:flex;align-items:center;gap:9px}

.wk-rr-brandrow input[type=text]{flex:1 1 auto;min-width:0}

.wk-rr-brandswatch{flex:0 0 auto;width:42px;height:38px;padding:2px;border:1px solid #dbe3d6;border-radius:9px;background:#fff;cursor:pointer}

.wk-rr-brandprev{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;padding:14px 16px;margin-top:4px}

.wk-rr-brandprev-l{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.72)}

.wk-rr-brandprev-plate{background:#fff;border-radius:10px;padding:6px 10px;display:inline-flex;align-items:center;box-shadow:0 6px 18px rgba(0,0,0,.18)}

.wk-rr-brandprev-plate img{height:40px;width:auto;max-width:132px;object-fit:contain;display:block;border:0}

.wk-rr-brandprev-mono{display:flex;width:40px;height:40px;border-radius:9px;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#0f172a}

.wk-rr-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.wk-rr-field textarea{font:inherit;font-size:13px;color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%;box-sizing:border-box;resize:vertical}

.wk-rr-linkbtn--mut{color:#94a3b8}

.wk-rr-preview-head>span:first-child{flex:1}

.wk-rr-modal--full .wk-rr-rte-wrap{flex:1 1 auto;min-height:0}

.wk-rr-modal--full .wk-rr-rte--full{flex:1 1 auto}

.wk-rr-preview-wrap{position:relative;border-radius:12px}

.wk-rr-expand{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:7px;background:rgba(15,23,42,.72);color:#fff;border:none;border-radius:9px;padding:8px 13px;font-size:12px;font-weight:600;cursor:pointer;opacity:0;transform:translateY(-3px);transition:opacity .18s ease,transform .18s ease,background .15s;z-index:3;box-shadow:0 4px 12px rgba(15,23,42,.25)}

.wk-rr-preview-wrap:hover .wk-rr-expand,.wk-rr-expand:focus-visible{opacity:1;transform:none}

.wk-rr-expand:hover{background:#16a34a}

/* 🚨 THE FULL SCREEN HAS TO BEAT EVERY LAYER THAT CAN OPEN IT, AND 1000002 BEAT
   ALMOST NONE OF THEM. Tyler, 2026-08-21: "when I try to pull up the template and
   I try to expand the view to fully look at it, it pops up behind." Exactly that.
   The template profile pins itself at 1000010 (overlay() in
   marketing-hub-template-profile.js), the ask card is 1000030, the template pick
   1000020 and the piece builder 1000050/1000060 — so the enlarged email drew UNDER
   the popup whose expand button opened it. Measured: every point over this layer,
   including its own "Exit full screen" button, hit-tested to the profile's scrim,
   so the view was DEAD, not merely ugly.
   2147483400 is a WINDOW, not a big number — above the CRM's `.ch-overlay`
   (2147483000, bumped to base+n when stacked) and its templates popup
   (2147483300), below `.crm-toast` (2147483500) so a confirmation still lands on
   top of the thing it confirms. The same window `.crb-namedlg-overlay` sits in. */
.wk-rr-fs{position:fixed;inset:0;z-index:2147483400;background:#eef2f6;display:flex;flex-direction:column;animation:wkRrIn .16s ease-out both}

.wk-rr-fs-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 6px rgba(15,23,42,.06)}

.wk-rr-fs-title{font-size:13px;font-weight:700;color:#0f172a;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-rr-fs-note{font-weight:400;font-style:normal;color:#94a3b8}

.wk-rr-fs-exit{flex:0 0 auto;border:1px solid #cbd5e1;background:#fff;border-radius:9px;padding:8px 15px;font-size:13px;font-weight:600;color:#0f172a;cursor:pointer;transition:border-color .12s,color .12s}

.wk-rr-fs-exit:hover{border-color:#16a34a;color:#16a34a}

.wk-rr-fs-body{flex:1 1 auto;min-height:0}

.wk-rr-fs-frame{width:100%;height:100%;border:0;background:#eef2f6;display:block}

.wk-rr-iconbtn{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:#94a3b8;cursor:pointer;padding:5px;border-radius:8px;line-height:0}

.wk-rr-iconbtn:hover{color:#6d28d9;background:#f5f3ff}

.wk-rr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:48px 16px;color:#64748b;font-size:13px;font-weight:600;text-align:center}

.wk-rr-spin{display:inline-block;width:13px;height:13px;border:2px solid rgba(15,23,42,.22);border-top-color:#0f172a;border-radius:50%;animation:wkRrSpin .7s linear infinite;vertical-align:-2px;margin-right:5px}

.wk-rr-spin--lg{width:30px;height:30px;border-width:3px;border-color:#d7dee9;border-top-color:#16a34a;margin:0 auto 12px;vertical-align:0}

@keyframes wkRrSpin{to{transform:rotate(360deg)}}

.wk-rr-modal-head{display:flex;align-items:center;gap:8px;padding:16px 18px;border-bottom:1px solid #eef2f7;font-weight:700;color:#0f172a}

.wk-rr-modal-title{flex:1;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.wk-rr-modal-sub{display:block;font-size:11px;font-weight:650;color:#94a3b8;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-rr-x{margin-left:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;font-size:21px;line-height:1;color:#94a3b8;cursor:pointer;border-radius:9px;transition:background .15s ease,color .15s ease,transform .15s ease}

.wk-rr-x:hover{background:#f1f5f9;color:#0f172a;transform:rotate(90deg)}

/* ⋯ — WkRecordMenu's kebab, sitting immediately left of the ✕.
   ⚠️ `.wk-rr-x` CARRIES THE `margin-left:auto` THAT PINS THIS ROW'S CONTROLS TO
   THE RIGHT EDGE, so putting anything before it would leave the kebab floating
   in the middle beside the title. The auto margin moves onto the kebab, and the
   ✕ gives its own up — only when a kebab is actually there, so every other
   popup in this shell is untouched. The button's box model comes from
   wk-record-menu.js's own :where() block (zero specificity, 32px, r8), which is
   the size the ✕ already is; nothing here restyles it. */
.wk-rr-modal-head .wk-rmenu-btn{margin-left:auto;color:#94a3b8}

.wk-rr-modal-head .wk-rmenu-btn + .wk-rr-x{margin-left:0}

.wk-rr-modal-body{padding:26px 30px 28px;overflow:auto;display:flex;flex-direction:column}

.wk-rr-sub{font-size:12px;font-weight:600;color:#94a3b8;margin-bottom:10px;letter-spacing:.01em}

.wk-rr-field{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:#475569}

.wk-rr-field input,.wk-rr-field select,.wk-rr-html{font:inherit;font-size:13px;font-weight:400;color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%;box-sizing:border-box}

.wk-rr-html{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;resize:vertical}

.wk-rr-note{font-size:11.5px;color:#94a3b8;line-height:1.4}

.wk-rr-preview-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:#475569}

.wk-rr-linkbtn{border:none;background:none;color:#4f46e5;font-weight:600;font-size:12px;cursor:pointer}

.wk-rr-frame{width:100%;height:480px;border:1px solid #e2e8f0;border-radius:12px;background:#eef2f6;display:block}

.wk-rr-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 22px;border-top:1px solid #eef2f7}

.wk-rr-foot-right{display:flex;gap:8px;margin-left:auto}

.wk-rr-hub-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

.wk-rr-hub-title{font-size:18px;font-weight:800;color:#0f172a}

.wk-rr-hub-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.wk-rr-scope{font:inherit;font-size:13px;font-weight:600;color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;padding:7px 10px;background:#fff;max-width:280px;cursor:pointer}

.wk-rr-scope:hover{border-color:#94a3b8}

.wk-rr-btn--mini{font-size:12px;padding:5px 10px;flex:0 0 auto}

.wk-rr-sched-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}

.wk-rr-sched-card{border:1px solid #e2e8f0;border-radius:12px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:10px;transition:border-color .14s,box-shadow .14s,transform .14s}

.wk-rr-sched-card:hover{border-color:#cbd5e1;box-shadow:0 6px 18px rgba(15,23,42,.07);transform:translateY(-1px)}

.wk-rr-sched-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}

.wk-rr-sched-card-name{font-size:14px;font-weight:700;color:#0f172a;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-rr-sched-card-meta{display:flex;flex-direction:column;gap:7px;font-size:12.5px;color:#64748b}

.wk-rr-sched-card-line{display:flex;align-items:center;gap:8px;line-height:1.35}

.wk-rr-sched-card-line svg{flex:0 0 auto;color:#94a3b8}

.wk-rr-sched-card-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-rr-muted{color:#94a3b8;font-style:italic}

.wk-rr-sched-card.is-off{background:#f8fafc}

.wk-rr-sched-card.is-off .wk-rr-sched-card-name{color:#64748b}

.wk-rr-sched-card-acts{display:flex;gap:8px;margin-top:4px}

.wk-rr-sched-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:2px}

.wk-rr-sched-head-t{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#475569;display:flex;align-items:center;gap:8px}

.wk-rr-sched-head-acts{display:flex;gap:8px;flex-wrap:wrap}

.wk-rr-fieldlabel{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;margin:26px 0 13px}

.wk-rr-wstep-sub + .wk-rr-fieldlabel{margin-top:18px}

.wk-rr-segs{display:flex;flex-wrap:wrap;gap:6px}

.wk-rr-seg{font-size:12.5px;font-weight:600;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:7px 14px;cursor:pointer;transition:background .18s cubic-bezier(.22,1,.36,1),border-color .18s,color .14s,transform .12s cubic-bezier(.22,1,.36,1),box-shadow .18s}

.wk-rr-seg:hover{border-color:#94a3b8;background:#f8fafc;transform:translateY(-1px)}

.wk-rr-seg:active{transform:translateY(0) scale(.97)}

.wk-rr-seg:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(22,163,74,.28)}

.wk-rr-seg.is-on{background:#16a34a;border-color:#16a34a;color:#fff;transform:none;box-shadow:0 2px 8px rgba(22,163,74,.28)}

.wk-rr-seg.is-on:hover{background:#15803d;border-color:#15803d;transform:translateY(-1px)}

.wk-rr-daterow{display:grid;grid-template-columns:1fr 1fr;gap:10px;animation:wkRrSlideDown .2s ease both}

@keyframes wkRrSlideDown{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

.wk-rr-audit{display:flex;flex-direction:column;gap:5px;border:1px solid #e9efe4;border-left:3px solid #16a34a;border-radius:10px;background:#f7faf5;padding:10px 12px}

.wk-rr-audit-row{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#475569;line-height:1.5}

.wk-rr-audit-ico{flex:0 0 auto;width:16px;text-align:center;color:#16a34a;font-weight:700}

.wk-rr-adv-toggle{align-self:flex-start;border:none;background:none;font-size:12.5px;font-weight:600;color:#4f46e5;cursor:pointer;padding:2px 0;display:inline-flex;align-items:center;gap:6px}

.wk-rr-adv-toggle:hover{text-decoration:underline}

.wk-rr-adv-dot{width:7px;height:7px;border-radius:50%;background:#16a34a;display:inline-block}

.wk-rr-adv{display:flex;flex-direction:column;gap:12px;border:1px solid #e2e8f0;border-radius:10px;padding:12px;background:#f8fafc;animation:wkRrIn .16s ease-out both}

.wk-rr-em{font-weight:400;color:#94a3b8;font-style:normal}

.wk-rr-type-hint{font-size:12.5px;color:#64748b;line-height:1.5;margin:14px 0 0;min-height:18px}

.wk-rr-type-hint--all{font-size:11.5px;color:#94a3b8;margin-top:7px;min-height:0}

.wk-rr-typegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}

@media (max-width:640px) {
.wk-rr-typegrid{grid-template-columns:repeat(2,1fr)}
}

.wk-rr-typecard{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border:1.5px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;text-align:center;transition:border-color .2s,box-shadow .2s,transform .18s cubic-bezier(.22,1,.36,1),background .2s}

.wk-rr-typecard:hover{border-color:color-mix(in srgb,var(--tc,#3b82f6) 45%,#e2e8f0);transform:translateY(-2px);box-shadow:0 6px 16px rgba(15,23,42,.08)}

.wk-rr-typecard:active{transform:translateY(0) scale(.985);transition-duration:.08s}

.wk-rr-typecard:focus-visible{outline:none;border-color:var(--tc,#3b82f6);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc,#3b82f6) 28%,transparent)}

.wk-rr-typecard.is-on{border-color:var(--tc,#3b82f6);background:color-mix(in srgb,var(--tc,#3b82f6) 7%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc,#3b82f6) 16%,transparent)}

.wk-rr-typecard-ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--tc,#3b82f6) 12%,#fff);color:var(--tc,#3b82f6);transition:background .2s,color .2s,transform .2s cubic-bezier(.22,1,.36,1)}

.wk-rr-typecard-ic svg{width:18px;height:18px}

.wk-rr-typecard.is-on .wk-rr-typecard-ic{background:var(--tc,#3b82f6);color:#fff}

.wk-rr-typecard.is-on .wk-rr-typecard-ic{animation:wkRrTileMark .32s cubic-bezier(.22,1,.36,1) both}

@keyframes wkRrTileMark{from{transform:scale(.82)}60%{transform:scale(1.06)}to{transform:scale(1)}}

@media(prefers-reduced-motion:reduce) {
.wk-rr-typecard.is-on .wk-rr-typecard-ic{animation:none}
}

.wk-rr-typecard-n{font-size:12px;font-weight:700;color:#0f172a;line-height:1.25}

.wk-rr-typecard--wide{grid-column:span 2;flex-direction:row;justify-content:flex-start;text-align:left;gap:12px;padding:14px 16px}

.wk-rr-typecard--wide .wk-rr-typecard-ic{width:40px;height:40px;flex:0 0 40px}

.wk-rr-typecard--wide .wk-rr-typecard-ic svg{width:21px;height:21px}

.wk-rr-typecard--wide .wk-rr-typecard-n{font-size:14px}

.wk-rr-typecard--door{border-style:dashed;border-color:#cbd5e1}

.wk-rr-typecard--door.is-on{border-style:solid}

#wkRrWizard .wk-rr-typecard{border-radius:12px !important}

#wkRrWizard .wk-rr-typecard-ic{border-radius:10px !important}

#wkRrWizard .wk-nr-tpl{border-radius:10px !important}

#wkRrWizard .wk-nr-tpl-ic{border-radius:8px !important}

#wkRrWizard .wk-nr-tpl-tag{border-radius:5px !important}

#wkRrWizard .wk-nr-tpl-sec{border-radius:5px !important}

#wkRrWizard .wk-nr-pcard{border-radius:12px !important}

#wkRrWizard .wk-nr-split{border-radius:13px !important}

#wkRrWizard .wk-nr-split-ic{border-radius:9px !important}

#wkRrWizard .wk-nr-cotab{border-radius:9px !important}

#wkRrWizard .wk-nr-cochip{border-radius:999px !important}

#wkRrWizard .wk-nr-cochip-x{border-radius:999px !important}

#wkRrWizard .wk-nr-picklist .wk-rr-ms-opt{border-radius:9px !important}

#wkRrWizard .wk-nr-bcard{border-radius:12px !important}

#wkRrWizard .wk-nr-wsblock{border-radius:12px !important}

#wkRrWizard .wk-nr-railco-h{border-radius:8px !important}

#wkRrWizard .wk-nr-railrow-x{border-radius:999px !important}

#wkRrWizard .wk-nr-wstag{border-radius:5px !important}

#wkRrWizard .wk-nr-railco-c{border-radius:999px !important}

#wkRrWizard .wk-nr-batch-n{border-radius:999px !important}

#wkRrWizard .wk-nr-bcard-i{border-radius:999px !important}

#wkRrWizard .wk-rr-seg,#wkRrWizard .wk-rr-chip,#wkRrWizard .wk-rr-pill{border-radius:999px !important}

.wk-rr-type-hint--lock{color:#b45309}

.wk-nr-tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:10px;align-items:stretch}

.wk-nr-tpls .wk-nr-tpl{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:13px 15px 13px;border:1px solid #e6ebf2;border-radius:10px;background:#fff;cursor:pointer;text-align:left;overflow:hidden;transition:border-color .16s,box-shadow .16s,transform .16s}

.wk-nr-tpls .wk-nr-tpl::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--tc,#7c3aed)}

.wk-nr-tpl:hover{border-color:color-mix(in srgb,var(--tc,#7c3aed) 40%,#e6ebf2);transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.09)}

.wk-nr-tpl.is-on{border-color:var(--tc,#7c3aed);background:color-mix(in srgb,var(--tc,#7c3aed) 4%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc,#7c3aed) 15%,transparent)}

.wk-nr-tpl-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 9px}

.wk-nr-tpls .wk-nr-tpl-ic{flex:0 0 auto;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--tc,#7c3aed) 12%,#fff);color:var(--tc,#7c3aed)}

.wk-nr-tpl.is-on .wk-nr-tpl-ic{background:var(--tc,#7c3aed);color:#fff}

.wk-nr-tpls .wk-nr-tpl-tag{font-style:normal;font-size:8.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#64748b;background:#f1f5f9;border-radius:5px;padding:3px 8px;flex:0 0 auto}

.wk-nr-tpl-n{display:block;font-size:14px;font-weight:800;color:#0f172a;line-height:1.3}

.wk-nr-tpl-meta{display:block;margin-top:5px;font-size:10.5px;font-weight:700;letter-spacing:.03em;color:#94a3b8}

.wk-nr-tpl-note{display:block;margin-top:8px;font-size:12px;color:#64748b;line-height:1.5}

.wk-nr-tpl-secs{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:11px}

.wk-nr-tpls .wk-nr-tpl-sec{font-style:normal;font-size:10.5px;font-weight:700;line-height:1;color:color-mix(in srgb,var(--tc,#7c3aed) 55%,#0f172a);background:color-mix(in srgb,var(--tc,#7c3aed) 9%,#fff);border-radius:5px;padding:4px 7px;max-width:100%}

.wk-nr-tpls .wk-nr-tpl-sec--more{color:#94a3b8;background:none;padding-left:1px;padding-right:1px;font-weight:600}

.wk-nr-tpl-clear{margin-left:auto;flex:0 0 auto;text-transform:none;letter-spacing:0}

.wk-nr-tplon{display:flex;align-items:center;gap:9px;margin:0 0 16px;padding:9px 12px;border:1px solid #e0e7ff;border-radius:10px;background:#f5f6ff;font-size:12.5px;color:#3730a3;line-height:1.45}

.wk-nr-tplon svg{flex:0 0 auto;color:#4f46e5}

.wk-nr-tplon strong{font-weight:800}

.wk-nr-tplon>span{flex:1 1 auto;min-width:0}

.wk-nr-tpick-ov{position:fixed;inset:0;z-index:1000020;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;padding:22px;animation:wkRrFade .13s ease-out both;backdrop-filter:blur(1.5px)}

.wk-nr-tpick-ov.is-closing{animation:wkRrFadeOut .16s ease-in both}

.wk-nr-tpick{width:100%;max-width:940px;max-height:88vh;display:flex;flex-direction:column;background:#fff;border-radius:17px;box-shadow:0 26px 64px rgba(15,23,42,.34);overflow:hidden;animation:wkRrAskIn .2s cubic-bezier(.2,.9,.3,1.1) both}

.wk-nr-tpick-ov.is-closing .wk-nr-tpick{animation:wkRrAskOut .16s ease-in both}

.wk-nr-tpick-hd{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 14px;border-bottom:1px solid #eef2f7}

.wk-nr-tpick-t{font-size:16px;font-weight:800;color:#0f172a;letter-spacing:-.01em}

.wk-nr-tpick-b{margin-top:4px;font-size:12.5px;color:#64748b;line-height:1.55;max-width:64ch}

.wk-nr-tpick-body{flex:1 1 auto;min-height:0;overflow:auto;padding:18px 20px 20px}

.wk-nr-tpick-ft{display:flex;justify-content:flex-end;gap:10px;padding:13px 20px;border-top:1px solid #eef2f7;background:#fbfcfe}

.wk-nr-tpick-item{position:relative;display:flex}

.wk-nr-tpick-item .wk-nr-tpl{flex:1 1 auto}

.wk-nr-tpick-del{position:absolute;top:11px;right:11px;z-index:2;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:7px;background:none;color:#cbd5e1;cursor:pointer;opacity:0;transition:opacity .15s,color .15s,background .15s,border-color .15s}

.wk-nr-tpick-item:hover .wk-nr-tpick-del,.wk-nr-tpick-del:focus-visible{opacity:1}

.wk-nr-tpick-del:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}

@media (hover:none) {
.wk-nr-tpick-del{opacity:1;color:#94a3b8}
}

.wk-nr-tpick-empty{padding:34px 16px;text-align:center}

.wk-nr-tpick-empty-t{font-size:14px;font-weight:800;color:#0f172a}

.wk-nr-tpick-empty-b{margin:8px auto 0;max-width:52ch;font-size:12.5px;color:#64748b;line-height:1.6}

#wkNrTplPick .wk-nr-tpl{border-radius:10px !important}

#wkNrTplPick .wk-nr-tpl-ic{border-radius:8px !important}

#wkNrTplPick .wk-nr-tpl-sec{border-radius:5px !important}

#wkNrTplPick .wk-nr-tpick-del{border-radius:7px !important}

#wkNrTplPick .wk-rr-btn{border-radius:8px !important}

@media (max-width:560px) {
.wk-nr-tpick{max-height:92vh}

.wk-nr-tpick-body{padding:14px}
}

.wk-nr-tplsave{margin-top:24px;padding-top:18px;border-top:1px solid #eef2f7;display:flex;flex-direction:column;gap:10px;align-items:flex-start}

.wk-nr-tplsave.is-open{align-items:stretch}

.wk-nr-tplbtn{display:inline-flex;align-items:center;gap:8px}

.wk-nr-tplacts{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.wk-rr-input{width:100%;font-family:inherit;font-size:14px;color:#0f172a;padding:11px 13px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff}

.wk-rr-input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)}

.wk-bld-count{margin-left:8px;font-size:10px;color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 8px;text-transform:none;letter-spacing:0}

.wk-bld-empty{font-size:12.5px;color:#64748b;line-height:1.5;padding:14px;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc}

.wk-bld-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}

.wk-bld-row{display:flex;align-items:flex-start;gap:11px;padding:11px 12px;border:1.5px solid #e2e8f0;border-radius:11px;background:#fff}

.wk-bld-row.is-blocked{border-color:#fcd9a4;background:#fffbf3}

.wk-bld-row-n{flex:0 0 auto;width:22px;height:22px;border-radius:7px;background:#16a34a;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}

.wk-bld-row.is-blocked .wk-bld-row-n{background:#d97706}

.wk-bld-row-t{flex:1;min-width:0}

.wk-bld-row-t b{display:block;font-size:13px;font-weight:800;color:#0f172a}

.wk-bld-row-t em{display:block;font-style:normal;font-size:11.5px;color:#64748b;margin-top:2px;line-height:1.45}

.wk-bld-row-warn{color:#b45309!important;margin-top:4px!important}

.wk-bld-row-acts{flex:0 0 auto;display:flex;gap:4px}

.wk-bld-mv{width:26px;height:26px;border:1px solid #e2e8f0;border-radius:7px;background:#fff;color:#64748b;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}

.wk-bld-mv:hover:not(:disabled){border-color:#94a3b8;color:#0f172a}

.wk-bld-mv:disabled{opacity:.35;cursor:default}

.wk-bld-mv--x{font-size:15px;line-height:1}

.wk-bld-mv--x:hover{border-color:#fca5a5;color:#dc2626}

.wk-bld-pal{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}

.wk-bld-opt{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;text-align:left;transition:border-color .14s,background .14s}

.wk-bld-opt:hover{border-color:#16a34a;background:#f6fbf4}

.wk-bld-opt.is-dim{opacity:.62}

.wk-bld-opt-plus{flex:0 0 auto;width:20px;height:20px;border-radius:6px;background:#f1f5f9;color:#475569;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;margin-top:1px}

.wk-bld-opt:hover .wk-bld-opt-plus{background:#16a34a;color:#fff}

.wk-bld-opt-t{flex:1;min-width:0}

.wk-bld-opt-t b{display:block;font-size:12.5px;font-weight:700;color:#0f172a}

.wk-bld-opt-t em{display:block;font-style:normal;font-size:11px;color:#94a3b8;margin-top:2px;line-height:1.4}

.wk-bld-opt-t b .wk-nr-tpl-tag{display:inline-block;margin-left:6px;font-size:9px}

.wk-nr-rsecs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}

.wk-nr-rsecs li{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:5px 12px 5px 5px}

.wk-nr-rsecs li span{width:19px;height:19px;border-radius:999px;background:#16a34a;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}

.wk-nr-rsecs li em{font-style:normal;font-size:10.5px;font-weight:600;color:#94a3b8}

.wk-nr-hint--warn{color:#b45309}

.wk-nr-sec-sub{margin-left:8px;font-size:11px;font-weight:600;color:#0f172a;text-transform:none;letter-spacing:0}

.wk-rr-ms{position:relative}

.wk-rr-ms.is-open .wk-rr-ss-btn{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)}

.wk-rr-ms.is-open .wk-rr-ss-chev{transform:rotate(180deg)}

.wk-rr-ms-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:none;border-radius:8px;padding:9px 10px;cursor:pointer;transition:background .15s ease}

.wk-rr-ms-opt:hover{background:#f4f7f1}

.wk-rr-ms-opt.is-sel{background:#eef4ea}

.wk-rr-ms-all{border-bottom:1px solid #eef2f7;border-radius:8px 8px 0 0;margin-bottom:2px}

.wk-rr-ms-check{flex:0 0 auto;width:18px;height:18px;border-radius:5px;border:1.5px solid #cbd5e1;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .12s,border-color .12s}

.wk-rr-ms-check svg{opacity:0;transition:opacity .12s}

.wk-rr-ms-opt.is-sel .wk-rr-ms-check{background:#16a34a;border-color:#16a34a}

.wk-rr-ms-opt.is-sel .wk-rr-ms-check svg{opacity:1}

.wk-rr-stepwrap{will-change:transform,opacity}

.wk-rr-swipe-fwd{animation:wkRrSwipeFwd .3s cubic-bezier(.22,1,.36,1) both}

.wk-rr-swipe-back{animation:wkRrSwipeBack .3s cubic-bezier(.22,1,.36,1) both}

@keyframes wkRrSwipeFwd{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}

@keyframes wkRrSwipeBack{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}

.wk-rr-body--report{overflow-x:hidden}

.wk-rr-adv-toggle{margin-top:2px}

.wk-rr-adv{margin-top:14px}

.wk-rr-sum{margin-top:22px}

.wk-rr-stepwrap .wk-rr-note{margin-top:16px}

.wk-rr-field select,.wk-rr-chip-add{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 11px center;padding-right:30px;cursor:pointer}

.wk-rr-field select:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)}

.wk-rr-chips{display:flex;flex-wrap:wrap;gap:7px;align-items:center;border:1px solid #cbd5e1;border-radius:10px;padding:8px 9px;background:#fff;min-height:42px}

.wk-rr-chip{display:inline-flex;align-items:center;gap:6px;background:#eef4ea;color:#2f6d33;border:1px solid #cfe3c6;border-radius:999px;padding:4px 6px 4px 11px;font-size:12.5px;font-weight:600}

.wk-rr-chip-x{border:none;background:none;color:#4d7440;font-size:15px;line-height:1;cursor:pointer;padding:0 2px;opacity:.7}

.wk-rr-chip-x:hover{opacity:1}

.wk-rr-chip-add{border:1px dashed #cbd5e1;border-radius:999px;padding:5px 28px 5px 12px;font-size:12.5px;font-weight:600;color:#475569;background-color:#f8fafc}

.wk-rr-chip-add:hover{border-color:#16a34a;color:#16a34a}

.wk-rr-chip-none{font-size:12px;color:#94a3b8;font-style:italic}

.wk-rr-ss{position:relative}

.wk-rr-ss-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;color:#0f172a;cursor:pointer;transition:border-color .12s,box-shadow .12s}

.wk-rr-ss-btn:hover{border-color:#94a3b8}

.wk-rr-ss.is-open .wk-rr-ss-btn{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)}

.wk-rr-ss-val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}

.wk-rr-ss-val-sub{color:#94a3b8;font-weight:400}

.wk-rr-ss-val-ph{color:#94a3b8;font-weight:500}

.wk-rr-ss-chev{flex:0 0 auto;color:#94a3b8;transition:transform .16s}

.wk-rr-ss.is-open .wk-rr-ss-chev{transform:rotate(180deg)}

.wk-rr-ss-panel{margin-top:6px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,42,.07);overflow:hidden;transform-origin:top;animation:wkRrExpand .18s ease-out both}

@keyframes wkRrExpand{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

@keyframes wkRrDrop{from{transform:translateY(-5px)}to{transform:none}}

.wk-rr-ss-search{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #eef2f7;color:#94a3b8}

.wk-rr-ss-search input{flex:1;border:none;outline:none;font:inherit;font-size:13.5px;color:#0f172a;background:none}

.wk-rr-ss-list{max-height:320px;overflow-y:auto;padding:5px}

.wk-rr-ss-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:none;border-radius:8px;padding:9px 10px;cursor:pointer}

.wk-rr-ss-opt:hover{background:#f4f7f1}

.wk-rr-ss-opt.is-sel{background:#eef4ea}

.wk-rr-ss-opt-txt{flex:1;min-width:0;display:flex;flex-direction:column}

.wk-rr-ss-opt-n{font-size:13.5px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.wk-rr-ss-opt-s{font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.wk-rr-ss-opt-ck{flex:0 0 auto;color:#16a34a}

.wk-rr-ss-empty{padding:14px;text-align:center;font-size:12.5px;color:#94a3b8}

.wk-rr-card--sched{border-top:3px solid #16a34a}

.wk-rr-card-ico{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#f0fdf4;color:#16a34a;flex:0 0 auto}

.wk-rr-empty--card{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px dashed #cbd5e1;border-radius:12px;padding:22px;color:#94a3b8;background:#fff}

.wk-rr-card{animation:wkRrIn .16s ease-out both}

.wk-rr-row--hist{padding:0;overflow:hidden}

.wk-rr-row-openarea{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-align:left;border:none;background:none;padding:10px 12px;cursor:pointer}

.wk-rr-row--hist .wk-rr-btn--mini{margin:0 10px 0 0}

.wk-rr-sched-card,.wk-rr-row{animation:wkRrIn .16s ease-out both}

@keyframes wkRrIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

.wk-rr-overlay{animation:wkRrFade .14s ease-out both}

@keyframes wkRrFade{from{opacity:0}to{opacity:1}}

.rr-thumb{position:relative;height:118px;overflow:hidden;background:var(--tc,#3b82f6);background:linear-gradient(142deg,color-mix(in srgb,var(--tc,#3b82f6) 84%,#fff) 0%,var(--tc,#3b82f6) 46%,color-mix(in srgb,var(--tc,#3b82f6) 66%,#0f172a) 100%)}

.rr-thumb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:4;background:rgba(255,255,255,.34)}

.rr-thumb-tex{position:absolute;inset:0;background:radial-gradient(circle at 6px 6px,rgba(255,255,255,.14) 1.6px,transparent 1.6px) 0 0/18px 18px;opacity:.5;pointer-events:none}

.rr-art{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}

.rr-thumb-co{position:absolute;top:10px;left:10px;z-index:3;width:48px;height:48px;border-radius:13px;background:#fff;box-shadow:0 2px 10px rgba(15,23,42,.26),0 0 0 1px rgba(255,255,255,.6);overflow:hidden}

.rr-thumb-comono{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--mc,#334155);font-weight:800;font-size:17px;letter-spacing:.3px}

.rr-thumb-co img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:4px;background:#fff;box-sizing:border-box}

.rr-thumb-type{position:absolute;left:10px;bottom:10px;z-index:3;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 20px);font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#fff;background:rgba(15,23,42,.24);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:3px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(3px)}

.rr-thumb-type svg{flex:0 0 auto;opacity:.95}

.rr-thumb-stat{position:absolute;right:10px;top:10px;z-index:3;font-size:10px;font-weight:700;letter-spacing:.2px;color:#fff;background:var(--c,#64748b);border-radius:999px;padding:3px 9px;box-shadow:0 1px 5px rgba(15,23,42,.34),0 0 0 1.5px rgba(255,255,255,.62);max-width:calc(100% - 74px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.rp-card--rr .rp-card-body{padding:12px 14px 12px;gap:8px}

.rp-card--rr .rp-card-name{font-size:14.5px;font-weight:750;line-height:1.32;margin:0;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.rp-card--rr .rp-card-tags{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:auto}

.rr-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;border-radius:6px;padding:3px 8px;line-height:1.2;max-width:100%;min-width:0}

.rr-tag-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}

.rr-tag--co{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.rr-tag--proj{background:#f8fafc;color:#334155;border:1px solid #e2e8f0;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.rr-tag--proj svg{opacity:.65;flex:0 0 auto}

.rr-tag--more{color:#64748b;max-width:none}

.rr-tag--date{background:color-mix(in srgb,var(--rp-card-c,#2563eb) 9%,#fff);color:color-mix(in srgb,var(--rp-card-c,#2563eb) 72%,#0f172a);border:1px solid color-mix(in srgb,var(--rp-card-c,#2563eb) 20%,#fff);white-space:nowrap}

.rr-tag--date svg{opacity:.7;flex:0 0 auto}

.rr-tag--cadence{background:#eef4ea;color:#2f6d33;border:1px solid #cfe3c6}

.rr-tag--cadence svg{opacity:.7;flex:0 0 auto}

.wk-rr-schedhist{margin-top:2px}

.wk-rr-sum-v.is-warn{color:#b45309}

.rr-tag--aud{background:#ecfdf5;color:#047857}

.rr-tag--aud.is-int{background:#f1f5f9;color:#475569}

.rp-card--rr .rp-card-foot-date{font-size:10.5px;color:#64748b}

.rr-foot-note{flex:0 0 auto;font-size:10px;font-weight:700;color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 8px;white-space:nowrap}

.rr-foot-note.is-warn{color:#b45309;background:#fef3c7}

.rp-card--rr:focus-visible{outline:2px solid var(--rp-card-c,#2563eb);outline-offset:2px}

.wk-rr-search{display:inline-flex;align-items:center;gap:7px;border:1px solid #cbd5e1;border-radius:9px;padding:6px 11px;background:#fff;min-width:210px;transition:border-color .14s,box-shadow .14s}

.wk-rr-search:focus-within{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)}

.wk-rr-search svg{width:15px;height:15px;color:#94a3b8;flex:0 0 auto}

.wk-rr-search input{border:none;outline:none;font:inherit;font-size:13px;color:#0f172a;background:none;width:100%;min-width:0}

@media(max-width:640px) {
.wk-rr-search{min-width:0;flex:1}
}

.wk-rr-window{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #cbd5e1;border-radius:9px;background:#f1f5f9}

.wk-rr-window.is-off{display:none}

.wk-rr-win-btn{font:inherit;font-size:12px;font-weight:650;line-height:1;color:#64748b;background:none;border:0;border-radius:7px;padding:6px 10px;cursor:pointer;transition:background .13s,color .13s,box-shadow .13s}

.wk-rr-win-btn:hover{color:#0f172a;background:#e2e8f0}

.wk-rr-win-btn.is-on{color:#0f172a;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.14)}

.wk-rr-win-btn:focus-visible{outline:2px solid #0d9488;outline-offset:1px}

@media(max-width:640px) {
.wk-rr-win-btn{padding:6px 8px}
}

.wk-rr-swap{animation:wkRrSwapIn .24s cubic-bezier(.22,.61,.36,1) both}

@keyframes wkRrSwapIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

@media(prefers-reduced-motion:reduce) {
.wk-rr-swap{animation:none}
}

@media(max-width:560px) {
.wk-rr-sched-grid{grid-template-columns:1fr}

.wk-rr-queue-cards{flex-direction:column}

.wk-rr-sched-cards{grid-template-columns:1fr}
}

.wk-rr-wsteps{display:flex;align-items:center;gap:0;padding:18px 30px 8px;flex-wrap:wrap}

.wk-rr-wstep{display:inline-flex;align-items:center;gap:7px;border:none;background:none;cursor:default;padding:2px 0;color:#94a3b8;font:inherit}

.wk-rr-wstep[data-goto]{cursor:pointer}

.wk-rr-wstep-n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#eef2f7;color:#94a3b8;font-size:11px;font-weight:800;flex:0 0 auto;transition:background .14s,color .14s}

.wk-rr-wstep-l{font-size:12px;font-weight:600;white-space:nowrap}

.wk-rr-wstep.is-on .wk-rr-wstep-n{background:#16a34a;color:#fff}

.wk-rr-wstep.is-on .wk-rr-wstep-l{color:#0f172a}

.wk-rr-wstep.is-done .wk-rr-wstep-n{background:#dcfce7;color:#16a34a}

.wk-rr-wstep.is-done .wk-rr-wstep-l{color:#475569}

.wk-rr-wstep-sep{flex:1;height:2px;min-width:10px;background:#eef2f7;margin:0 8px}

.wk-rr-wstep-sub{font-size:17px;color:#0f172a;font-weight:700;margin:10px 0 16px;letter-spacing:-.01em}

@media(max-width:560px) {
.wk-rr-wstep-l{display:none}

.wk-rr-wstep-sep{min-width:16px}
}

.wk-rr-custom{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#475569;font-weight:600;margin-top:14px}

.wk-rr-daygrid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:360px}

.wk-rr-day{font:inherit;font-size:13px;font-weight:600;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:9px 0;cursor:pointer;transition:border-color .12s,background .12s,color .12s}

.wk-rr-day:hover{border-color:#16a34a;color:#16a34a}

.wk-rr-day.is-on{background:#16a34a;border-color:#16a34a;color:#fff}

.wk-rr-day--last{grid-column:span 4;color:#475569}

.wk-rr-custom-on{color:#94a3b8;font-weight:600}

.wk-rr-mini-num{width:62px;font:inherit;font-size:13px;font-weight:600;color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;padding:7px 9px;text-align:center}

.wk-rr-mini-num:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)}

.wk-rr-mini-select{font:inherit;font-size:13px;font-weight:600;color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;padding:7px 26px 7px 10px;appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right 8px center;cursor:pointer}

.wk-rr-mini-select:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)}

.wk-rr-scopelist{display:flex;flex-direction:column;gap:8px}

.wk-rr-scopecard{display:flex;align-items:flex-start;gap:11px;text-align:left;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;background:#fff;cursor:pointer;transition:border-color .12s,box-shadow .12s,background .12s;font:inherit}

.wk-rr-scopecard:hover{border-color:#cbd5e1}

.wk-rr-scopecard.is-on{border-color:#16a34a;background:#f6fbf4;box-shadow:0 0 0 1px #16a34a inset}

.wk-rr-scopecard-radio{flex:0 0 auto;width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;margin-top:1px;position:relative;transition:border-color .12s}

.wk-rr-scopecard.is-on .wk-rr-scopecard-radio{border-color:#16a34a}

.wk-rr-scopecard.is-on .wk-rr-scopecard-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#16a34a}

.wk-rr-scopecard-txt{display:flex;flex-direction:column;gap:2px;min-width:0}

.wk-rr-scopecard-t{font-size:13.5px;font-weight:700;color:#0f172a}

.wk-rr-scopecard-d{font-size:12px;color:#64748b}

.wk-rr-streamlist{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;padding:2px}

.wk-rr-streamrow{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #e2e8f0;border-radius:10px;padding:9px 11px;background:#fff;cursor:pointer;font:inherit;transition:border-color .12s,background .12s}

.wk-rr-streamrow:hover{border-color:#cbd5e1}

.wk-rr-streamrow.is-on{border-color:#16a34a;background:#f6fbf4}

.wk-rr-check{flex:0 0 auto;width:18px;height:18px;border-radius:6px;border:2px solid #cbd5e1;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:background .12s,border-color .12s}

.wk-rr-streamrow.is-on .wk-rr-check{background:#16a34a;border-color:#16a34a}

.wk-rr-streamrow-n{flex:1;min-width:0;font-size:13px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.wk-rr-streamrow-s{flex:0 0 auto;font-size:11px;font-weight:600;color:#64748b;text-transform:capitalize;background:#f1f5f9;border-radius:999px;padding:2px 8px}

.wk-rr-av{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;line-height:1;overflow:hidden;background-color:#94a3b8}

.wk-rr-pp{position:relative}

.wk-rr-pp-btn{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:8px 11px;font:inherit;cursor:pointer;transition:border-color .12s,box-shadow .12s}

.wk-rr-pp-btn:hover{border-color:#94a3b8}

.wk-rr-pp-val{flex:1;min-width:0;font-size:13.5px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.wk-rr-pp-ph{flex:1;min-width:0;font-size:13.5px;font-weight:500;color:#94a3b8}

.wk-rr-pp-chev{flex:0 0 auto;color:#94a3b8;transition:transform .16s}

.wk-rr-pp-panel{margin-top:6px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.12);overflow:hidden;animation:wkRrDrop .13s ease-out both}

.wk-rr-pp-search{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #eef2f7;color:#94a3b8}

.wk-rr-pp-search input{flex:1;border:none;outline:none;font:inherit;font-size:13.5px;color:#0f172a;background:none}

.wk-rr-pp-list{max-height:220px;overflow-y:auto;padding:5px}

.wk-rr-pp-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:none;border-radius:8px;padding:8px 9px;cursor:pointer;font:inherit}

.wk-rr-pp-opt:hover{background:#f4f7f1}

.wk-rr-pp-opt.is-sel{background:#eef4ea}

.wk-rr-pp-opt-txt{flex:1;min-width:0;display:flex;flex-direction:column}

.wk-rr-pp-opt-n{font-size:13px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.wk-rr-pp-opt-s{font-size:11.5px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.wk-rr-pp-ck{flex:0 0 auto;color:#16a34a}

.wk-rr-pp-empty{padding:14px;text-align:center;font-size:12.5px;color:#94a3b8}

.wk-rr-recip{display:flex;flex-direction:column;gap:9px}

.wk-rr-chip-n{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-rr-sum{display:flex;flex-direction:column;border:1px solid #e9efe4;border-radius:12px;overflow:hidden;background:#fbfdfa}

.wk-rr-sum-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #eef2e8}

.wk-rr-sum-row:last-child{border-bottom:none}

.wk-rr-sum-l{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}

.wk-rr-sum-v{display:inline-flex;align-items:center;gap:9px;justify-content:flex-end;font-size:13px;font-weight:600;color:#0f172a;text-align:right}

.wk-rr-sum-row--go{width:100%;font:inherit;text-align:left;background:none;border:0;border-bottom:1px solid #eef2e8;cursor:pointer;transition:background .13s}

.wk-rr-sum-row--go:hover,.wk-rr-sum-row--go:focus-visible{background:#f2f9ef;outline:none}

.wk-rr-sum-row--go:focus-visible{box-shadow:inset 0 0 0 2px #16a34a}

.wk-rr-sum-row--go:last-child{border-bottom:none}

.wk-rr-sum-edit{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#15803d;background:#f0fdf4;border:1px solid #dcfce7;border-radius:999px;padding:3px 9px;opacity:0;transition:opacity .13s}

.wk-rr-sum-row--go:hover .wk-rr-sum-edit,.wk-rr-sum-row--go:focus-visible .wk-rr-sum-edit{opacity:1}

.wk-rr-modal--gen{max-width:480px}

.wk-rr-gen{align-items:center;text-align:center;gap:10px;padding:34px 30px 30px}

.wk-rr-gen-t{font-size:15.5px;font-weight:800;color:#0f172a;letter-spacing:-.01em;transition:color .2s}

.wk-rr-gen-s{font-size:12.5px;color:#64748b;line-height:1.5;max-width:340px;min-height:19px}

.wk-rr-gen-ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#fef3f2;color:#dc2626;margin-bottom:2px}

.wk-rr-gen-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:15px;background:#f0fdf4;color:#15803d;margin-bottom:4px;animation:wkGenPulse 1.9s ease-in-out infinite}

.wk-rr-gen-mark:before{content:"";position:absolute;inset:-6px;border-radius:20px;border:1.5px solid #dcfce7;animation:wkGenRing 1.9s ease-out infinite}

@keyframes wkGenPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}

@keyframes wkGenRing{0%{transform:scale(.9);opacity:.9}70%,100%{transform:scale(1.14);opacity:0}}

.wk-rr-gen-bar{position:relative;width:100%;max-width:330px;height:7px;border-radius:999px;background:#eef2f7;overflow:hidden;margin:4px 0 2px}

.wk-rr-gen-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width .34s cubic-bezier(.33,1,.68,1)}

.wk-rr-gen-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);background-size:60% 100%;background-repeat:no-repeat;animation:wkGenSheen 1.25s linear infinite}

@keyframes wkGenSheen{from{background-position:-70% 0}to{background-position:170% 0}}

.wk-rr-gen-bar.is-done .wk-rr-gen-fill:after{animation:none;opacity:0}

.wk-rr-gen-steps{display:flex;flex-direction:column;gap:7px;align-self:stretch;max-width:330px;margin:9px auto 0;text-align:left}

.wk-rr-gen-step{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:#b4bec9;transition:color .24s}

.wk-rr-gen-step.is-now{color:#0f172a;font-weight:700}

.wk-rr-gen-step.is-done{color:#64748b}

.wk-rr-gen-dot{flex:0 0 auto;width:17px;height:17px;border-radius:50%;border:1.5px solid #e2e8f0;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:background .24s,border-color .24s,color .24s}

.wk-rr-gen-step.is-now .wk-rr-gen-dot{border-color:#16a34a;background:#fff;box-shadow:0 0 0 3px rgba(22,163,74,.16)}

.wk-rr-gen-step.is-now .wk-rr-gen-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:#16a34a;animation:wkGenBlink 1.1s ease-in-out infinite}

@keyframes wkGenBlink{0%,100%{opacity:1}50%{opacity:.35}}

.wk-rr-gen-step.is-done .wk-rr-gen-dot{background:#16a34a;border-color:#16a34a;color:#fff}

.wk-rr-gen-led{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:5px 0 1px}

.wk-rr-gen-pip{width:22px;height:22px;border-radius:50%;border:1.5px solid #e2e8f0;background:#fff;color:#b4bec9;font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;transition:background .22s,border-color .22s,color .22s,transform .22s}

.wk-rr-gen-pip.is-now{border-color:#16a34a;color:#15803d;background:#f0fdf4;transform:scale(1.12);box-shadow:0 0 0 3px rgba(22,163,74,.14)}

.wk-rr-gen-pip.is-done{background:#16a34a;border-color:#16a34a;color:#fff}

.wk-rr-gen-led-t{font-size:11px;font-weight:700;color:#64748b;margin-left:4px}

@media(prefers-reduced-motion:reduce) {
.wk-rr-gen-mark,.wk-rr-gen-mark:before,.wk-rr-gen-fill:after,.wk-rr-gen-step.is-now .wk-rr-gen-dot:after{animation:none}
}

.wk-rr-modal--nr{max-width:min(1560px,calc(100vw - 56px))}

.wk-rr-modal--nr.wk-rr-modal--tall{height:min(90vh,1080px)}

.wk-rr-modal--tall .wk-rr-modal-body{overflow:hidden}

.wk-rr-modal--tall .wk-rr-stepwrap{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}

.wk-rr-modal--tall .wk-rr-wstep-sub,.wk-rr-modal--tall .wk-nr-costrip,.wk-rr-modal--tall .wk-nr-splitbox,.wk-rr-modal--tall .wk-nr-search,.wk-rr-modal--tall .wk-nr-pickbar,.wk-rr-modal--tall .wk-nr-cotabs{flex:0 0 auto}

.wk-rr-modal--tall .wk-nr-picklist--cap{max-height:none;flex:1 1 auto;min-height:120px;overflow:auto}

.wk-rr-modal--nr.wk-rr-modal--tall .wk-rr-modal-body{flex:1 1 auto;min-height:0}

.wk-rr-modal--nr .wk-rr-modal-body{padding:22px 30px 26px;gap:0}

.wk-nr-logo{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(15,23,42,.07)}

.wk-nr-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:3px;border-radius:9px}

.wk-nr-mono{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:#fff;font-weight:800;letter-spacing:.4px}

.wk-nr-logo--all{background:#eef4ea;color:#15803d;box-shadow:0 0 0 1px #d5e6cd}

.wk-nr-ss-btn{padding:9px 12px}

.wk-nr-ss-val{display:flex;align-items:center;gap:11px;min-width:0}

.wk-nr-selname{display:flex;flex-direction:column;min-width:0;line-height:1.3;font-size:14.5px;font-weight:700;color:#0f172a}

.wk-nr-selname em{font-style:normal;font-size:11.5px;font-weight:600;color:#94a3b8}

.wk-nr-corow,.wk-nr-projrow{gap:11px}

.wk-nr-corow-faces,.wk-nr-projrow-faces{flex:0 0 auto;display:flex;align-items:center;gap:10px;margin-left:auto;padding-left:8px}

.wk-nr-fgrp{display:inline-flex;align-items:center;gap:6px}

.wk-nr-fgrp em{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}

.wk-nr-fgrp .wk-rr-fstack-i{margin-left:-5px;box-shadow:0 0 0 2.5px #fff}

.wk-nr-fgrp .wk-rr-fstack-i:first-child{margin-left:0}

.wk-nr-fgrp .wk-rr-fstack-more{margin-left:-5px;box-shadow:0 0 0 2.5px #fff}

.wk-nr-costrip{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 12px}

.wk-nr-costrip-l{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;margin-right:2px}

.wk-nr-cochip{display:inline-flex;align-items:center;gap:7px;padding:4px 5px 4px 5px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;max-width:220px}

.wk-nr-cochip.is-new{animation:wkNrChipIn .2s cubic-bezier(.22,1,.36,1) both}

@keyframes wkNrChipIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}

.wk-nr-splitbox:empty{display:none}

.wk-nr-splitbox{margin-bottom:12px}

.wk-nr-pickbar:empty{display:none}

.wk-rr-ms-check{transition:background .14s ease,border-color .14s ease}

.wk-rr-ms-check svg{transition:opacity .14s ease,transform .14s ease;transform:scale(.7)}

.wk-rr-ms-opt.is-sel .wk-rr-ms-check svg{transform:none}

@media(prefers-reduced-motion:reduce) {
.wk-nr-cochip.is-new{animation:none}

.wk-rr-ms-check,.wk-rr-ms-check svg,.wk-rr-ms-opt{transition:none}
}

.wk-nr-cochip-n{font-size:12.5px;font-weight:700;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-nr-cochip-x{width:19px;height:19px;flex:0 0 19px;border:none;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}

.wk-nr-cochip-x:hover{background:#fee2e2;color:#b91c1c}

.wk-nr-search{display:flex;align-items:center;gap:9px;border:1.5px solid #e2e8f0;border-radius:10px;padding:0 11px;background:#fff;color:#94a3b8}

.wk-nr-search:focus-within{border-color:#86b871;box-shadow:0 0 0 3px rgba(22,163,74,.12)}

.wk-nr-search-i{flex:1;border:none;outline:none;background:none;padding:9px 0;font:inherit;font-size:13.5px;color:#0f172a;min-width:0}

.wk-nr-pickbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 2px 4px;font-size:12px;color:#64748b}

.wk-nr-pickbar-t b{color:#0f172a}

.wk-nr-picklist{border:1px solid #e8eef4;border-radius:12px;padding:6px;background:#fff}

.wk-nr-picklist--cap{max-height:340px;overflow:auto}

.wk-nr-picklist .wk-rr-ms-opt{border-radius:9px}

.wk-nr-noneleft{padding:18px 10px;text-align:center;font-size:13px;color:#94a3b8}

.wk-nr-soft{color:#94a3b8;font-weight:600}

.wk-nr-splits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:2px}

@media(max-width:640px) {
.wk-nr-splits{grid-template-columns:1fr}
}

.wk-nr-split{display:flex;align-items:flex-start;gap:11px;text-align:left;padding:13px 14px;border:1.5px solid #e2e8f0;border-radius:13px;background:#fff;cursor:pointer;transition:border-color .16s,box-shadow .16s,background .16s}

.wk-nr-split:hover{border-color:#c7d2e0}

.wk-nr-split.is-on{border-color:#16a34a;background:#f6faf4;box-shadow:0 0 0 3px rgba(22,163,74,.14)}

.wk-nr-split-ic{width:32px;height:32px;flex:0 0 32px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b}

.wk-nr-split.is-on .wk-nr-split-ic{background:#16a34a;color:#fff}

.wk-nr-split-t{min-width:0;display:flex;flex-direction:column;gap:3px}

.wk-nr-split-t b{font-size:13.5px;font-weight:800;color:#0f172a}

.wk-nr-split-t em{font-style:normal;font-size:11.5px;font-weight:500;color:#64748b;line-height:1.45}

.wk-nr-cotabs{display:flex;gap:6px;overflow-x:auto;padding:0 0 10px;margin:0 -2px 2px;scrollbar-width:thin}

.wk-nr-cotab{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:6px 11px 6px 7px;border:1.5px solid #e2e8f0;border-radius:9px;background:#fff;cursor:pointer;transition:border-color .16s,background .16s}

.wk-nr-cotab:hover{border-color:#c7d2e0}

.wk-nr-cotab.is-on{border-color:#16a34a;background:#f6faf4}

.wk-nr-cotab-n{font-size:12.5px;font-weight:700;color:#0f172a;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-nr-cotab-c{font-size:10.5px;font-weight:800;color:#fff;background:#16a34a;border-radius:999px;padding:1px 6px}

.wk-nr-cotab.is-empty:not(.is-on){border-style:dashed;color:#94a3b8}

.wk-nr-batch{border:1px solid #e6ecf2;border-radius:14px;background:linear-gradient(180deg,#fbfdfa,#fff);padding:15px 16px 14px}

.wk-nr-batch-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}

.wk-nr-batch-n{width:36px;height:36px;flex:0 0 36px;border-radius:999px;background:#16a34a;color:#fff;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center}

.wk-nr-batch-t{display:flex;flex-direction:column;gap:2px;min-width:0}

.wk-nr-batch-t b{font-size:15px;font-weight:800;color:#0f172a;letter-spacing:-.01em}

.wk-nr-batch-t em{font-style:normal;font-size:11.5px;color:#64748b;line-height:1.45}

.wk-nr-batch-list{display:flex;flex-direction:column;gap:8px}

.wk-nr-bcard{display:flex;align-items:center;gap:11px;border:1px solid #e8eef4;border-radius:12px;background:#fff;padding:9px 12px 9px 10px;border-left:3px solid var(--tc,#0ea5e9)}

.wk-nr-bcard-i{width:20px;height:20px;flex:0 0 20px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}

.wk-nr-bcard-t{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}

.wk-nr-bcard-t b{font-size:13.5px;font-weight:800;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-nr-bcard-t em{font-style:normal;font-size:11.5px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-nr-bcard-f{flex:0 0 auto;margin-left:auto}

.wk-nr-bcard-c{flex:0 0 auto;margin-left:auto;font-size:10.5px;font-weight:800;color:#475569;background:#f1f5f9;border-radius:999px;padding:3px 9px;white-space:nowrap}

.wk-nr-audlocked{display:flex;flex-wrap:wrap;align-items:center;gap:10px}

.wk-nr-q{display:flex;align-items:center;gap:10px;margin:26px 0 13px}

.wk-rr-wstep-sub + .wk-nr-q,.wk-nr-tplon + .wk-nr-q{margin-top:16px}

.wk-nr-q-n{flex:0 0 auto;width:21px;height:21px;border-radius:50%;border:1.5px solid #cbd5e1;background:#fff;color:#94a3b8;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;transition:background .24s cubic-bezier(.22,1,.36,1),border-color .24s,color .24s}

.wk-nr-q.is-done .wk-nr-q-n{background:#16a34a;border-color:#16a34a;color:#fff}

.wk-nr-q-t{font-size:13px;font-weight:800;letter-spacing:-.005em;color:#0f172a}

.wk-nr-q:not(.is-done) .wk-nr-q-t{color:#475569}

.wk-nr-q-s{font-size:11.5px;color:#94a3b8}

.wk-nr-await{color:#a9b4c0;font-style:italic}

.wk-nr-fadein{animation:wkNrFadeIn .26s cubic-bezier(.22,1,.36,1) both}

@keyframes wkNrFadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

.wk-nr-typenote{transition:opacity .2s}

@media(prefers-reduced-motion:reduce) {
.wk-nr-fadein{animation:none}
}

.wk-nr-slip.is-blank .wk-nr-slip-tic{background:#f1f5f9;color:#b4bec9;box-shadow:none;border:1.5px dashed #d7dee9}

.wk-nr-two{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;flex:1 1 auto;min-height:0;align-items:stretch}

@media(max-width:900px) {
.wk-nr-two{grid-template-columns:1fr}
}

.wk-nr-main{min-width:0;overflow:auto;padding-right:4px;display:flex;flex-direction:column}

.wk-nr-rail{min-width:0;display:flex;flex-direction:column;border:1px solid #e8eef4;border-radius:14px;background:#fbfdfa;overflow:hidden}

.wk-nr-rail-h{padding:12px 14px 11px;border-bottom:1px solid #eef2f7;background:#fff;display:flex;flex-direction:column;gap:2px}

.wk-nr-rail-h b{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#64748b}

.wk-nr-rail-h em{font-style:normal;font-size:12.5px;font-weight:700;color:#0f172a}

.wk-nr-rail-b{flex:1 1 auto;min-height:0;overflow:auto;padding:8px}

.wk-nr-railco{border-radius:10px;padding:2px;margin-bottom:4px}

.wk-nr-railco.is-cur{background:#eef4ea}

.wk-nr-railco-h{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;padding:6px 7px;border-radius:8px;cursor:pointer;text-align:left}

.wk-nr-railco-h:hover{background:#fff}

.wk-nr-railco-n{flex:1;min-width:0;font-size:12.5px;font-weight:800;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-nr-railco-c{flex:0 0 auto;font-size:10.5px;font-weight:800;color:#fff;background:#16a34a;border-radius:999px;padding:1px 7px}

.wk-nr-railco.is-owed .wk-nr-railco-c{background:#fef3c7;color:#b45309}

.wk-nr-railpr{display:flex;flex-direction:column;gap:3px;padding:0 4px 4px 8px}

.wk-nr-railrow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 6px;padding:5px 6px 6px 8px;border-left:2px solid #d5e6cd;border-radius:0 7px 7px 0;background:#fff}

.wk-nr-railrow-n{font-size:12px;font-weight:700;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-nr-railrow-s{grid-column:1;font-size:10.5px;font-weight:600;color:#64748b}

.wk-nr-railrow-x{grid-column:2;grid-row:1/3;width:19px;height:19px;border:none;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}

.wk-nr-railrow-x:hover{background:#fee2e2;color:#b91c1c}

.wk-nr-railempty{font-size:11.5px;color:#b45309;padding:2px 10px 7px 15px;font-weight:600}

.wk-nr-wssec{margin-top:14px}

.wk-nr-wsblock{border:1px solid #e8eef4;border-radius:12px;background:#fff;margin-top:8px;overflow:hidden;transition:border-color .18s ease,background .18s ease}

.wk-nr-wsblock.is-empty{border-color:#cbd5e1;border-style:dashed;background:#f8fafc}

.wk-nr-wsblock-h{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;width:100%;text-align:left;border:none;background:none;padding:11px 13px;cursor:pointer;transition:background .16s ease}

.wk-nr-wsblock-h.is-static{cursor:default}

.wk-nr-wsblock-h:hover{background:#f8fafc}

.wk-nr-wschev{display:inline-flex;color:#94a3b8;transition:transform .22s cubic-bezier(.22,1,.36,1)}

.wk-nr-wsblock.is-open .wk-nr-wschev{transform:rotate(90deg)}

.wk-nr-wsblock-t{font-size:13px;font-weight:800;color:#0f172a}

.wk-nr-wsblock-s{font-size:11.5px;color:#64748b;font-weight:600}

.wk-nr-wsblock-s b{color:#0f172a}

.wk-nr-wsblock-a{margin-left:auto;flex:0 0 auto}

.wk-nr-wsblock.is-open .wk-nr-wsblock-a{display:none}

.wk-nr-wsbody{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.22,1,.36,1)}

.wk-nr-wsblock.is-open .wk-nr-wsbody{grid-template-rows:1fr}

.wk-nr-wsbody-i{overflow:hidden;min-height:0}

.wk-nr-wssearch{border-top:1px solid #eef2f7;padding:9px 11px 0}

.wk-nr-wssearch .wk-nr-search{border-radius:9px}

.wk-nr-wssearch .wk-nr-search-i{padding:7px 0;font-size:13px}

.wk-nr-wssearch .wk-nr-pickbar{padding:7px 2px 0}

.wk-nr-picklist--ws{border:none;border-radius:0;padding:5px 7px 8px}

@media(prefers-reduced-motion:reduce) {
.wk-nr-wsbody,.wk-nr-wschev{transition:none}
}

.wk-nr-slip{display:flex;align-items:stretch;gap:12px;margin:2px 30px 0;padding:9px 12px;border:1px solid #e6ecf2;border-radius:13px;background:linear-gradient(180deg,#fbfdfa,#fff);box-shadow:0 1px 3px rgba(15,23,42,.04)}

.wk-nr-slip-type{display:flex;align-items:center;gap:9px;flex:0 0 auto;max-width:44%;border:none;background:none;font:inherit;text-align:left;padding:2px 4px 2px 2px;border-radius:10px;transition:background .15s}

.wk-nr-slip-type.is-go{cursor:pointer}

.wk-nr-slip-type.is-go:hover,.wk-nr-slip-type.is-go:focus-visible{background:#f1f6ee;outline:none}

.wk-nr-slip-tic{flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:var(--tc,#16a34a);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 7px rgba(15,23,42,.14)}

.wk-nr-slip-tic svg{width:16px;height:16px}

.wk-nr-slip-tt{display:flex;flex-direction:column;min-width:0;line-height:1.2}

.wk-nr-slip-tt em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}

.wk-nr-slip-tt b{font-size:13.5px;font-weight:800;color:#0f172a;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-nr-slip-slots{flex:1 1 auto;display:flex;align-items:stretch;gap:0;min-width:0;overflow-x:auto;scrollbar-width:none;border-left:1px solid #e9eef4;padding-left:2px}

.wk-nr-slip-slots::-webkit-scrollbar{display:none}

.wk-nr-slot{display:flex;flex-direction:column;gap:1px;flex:0 0 auto;max-width:210px;min-width:0;border:none;background:none;font:inherit;text-align:left;padding:2px 11px;border-radius:9px;position:relative;transition:background .15s}

.wk-nr-slot + .wk-nr-slot:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:1px;background:#eef2f7}

.wk-nr-slot-l{font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#a9b4c0;white-space:nowrap}

.wk-nr-slot-v{display:flex;align-items:center;gap:5px;min-width:0;font-size:12.5px;font-weight:700;color:#0f172a}

.wk-nr-slot-vt{min-width:0;display:flex;flex-direction:column;line-height:1.25;overflow:hidden}

.wk-nr-slot-vt em{font-style:normal;font-size:10px;font-weight:600;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-nr-slot-ic{flex:0 0 auto;color:#94a3b8}

.wk-nr-slot:not(.is-on) .wk-nr-slot-v{color:#c2cbd6;font-weight:600}

.wk-nr-slot-wait{font-style:italic}

.wk-nr-slot.is-go{cursor:pointer}

.wk-nr-slot.is-go:hover,.wk-nr-slot.is-go:focus-visible{background:#f1f6ee;outline:none}

.wk-nr-slot.is-new{animation:wkNrSlotIn .34s cubic-bezier(.22,1,.36,1) both}

@keyframes wkNrSlotIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

.wk-nr-slip-n{flex:0 0 auto;align-self:center;display:inline-flex;align-items:baseline;gap:4px;font-size:10.5px;font-weight:700;color:#475569;background:#eef2f7;border-radius:999px;padding:4px 11px;white-space:nowrap}

.wk-nr-slip-n b{font-size:13px;font-weight:800;color:#0f172a}

.wk-nr-slip-n.is-many{background:#16a34a;color:rgba(255,255,255,.86)}

.wk-nr-slip-n.is-many b{color:#fff}

@media(max-width:700px) {
.wk-nr-slip{margin:2px 16px 0;flex-wrap:wrap}

.wk-nr-slip-type{max-width:100%}

.wk-nr-slip-slots{border-left:none;padding-left:0;order:3;width:100%}
}

@media(prefers-reduced-motion:reduce) {
.wk-nr-slot.is-new{animation:none}
}

.wk-nr-cocard{margin-top:12px;border:1px solid #e6ecf2;border-radius:14px;background:linear-gradient(180deg,#fbfdfa,#fff);overflow:hidden;animation:wkNrRise .26s cubic-bezier(.22,1,.36,1) both}

@keyframes wkNrRise{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}

.wk-nr-cocard-top{display:flex;align-items:center;gap:14px;padding:15px 17px 13px}

.wk-nr-cocard-id{min-width:0;flex:1}

.wk-nr-cocard-n{font-size:17px;font-weight:800;color:#0f172a;letter-spacing:-.01em;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-nr-cocard-s{font-size:12px;color:#64748b;font-weight:600;margin-top:2px}

.wk-nr-none{font-size:12px;color:#b4bec9;font-style:italic}

.wk-nr-audrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 17px;border-top:1px solid #eef2f7;background:#fbfdfa}

.wk-nr-audrow-l{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#64748b}

.wk-nr-audlock{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#0f172a;background:#eef2f7;border:1px solid #e2e8f0;border-radius:999px;padding:5px 12px}

.wk-nr-audlock svg{color:#64748b;flex:0 0 auto}

.wk-nr-audwhy{font-size:11.5px;color:#64748b}

.wk-nr-audrow .wk-rr-segs{gap:6px}

.wk-nr-picked{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:11px}

.wk-nr-pcard{position:relative;border:1px solid #e6ecf2;border-left:3px solid #16a34a;border-radius:12px;background:#fff;padding:12px 34px 12px 14px;animation:wkNrRise .24s cubic-bezier(.22,1,.36,1) both}

.wk-nr-pcard.is-all{border-left-color:#2563eb;padding-right:14px}

.wk-nr-pcard-n{font-size:13.5px;font-weight:700;color:#0f172a;line-height:1.3}

.wk-nr-pcard-s{font-size:11.5px;color:#94a3b8;font-weight:600;margin-top:2px}

.wk-nr-pcard-f{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:9px}

.wk-nr-pcard-x{position:absolute;top:7px;right:8px;width:22px;height:22px;border:none;background:none;border-radius:7px;color:#b4bec9;font-size:16px;line-height:1;cursor:pointer;transition:background .14s,color .14s}

.wk-nr-pcard-x:hover{background:#fef2f2;color:#dc2626}

.wk-nr-hint{font-size:12px;color:#64748b;line-height:1.5;margin-top:10px}

.wk-nr-wait{font-size:13px;color:#94a3b8;font-style:italic;border:1px dashed #dbe3ec;border-radius:12px;padding:16px;text-align:center;margin-top:12px}

.wk-nr-cover{border:1px solid #e6ecf2;border-top:4px solid var(--tc,#16a34a);border-radius:14px;background:#fff;padding:16px 18px 15px;box-shadow:0 6px 20px rgba(15,23,42,.05);animation:wkNrRise .26s cubic-bezier(.22,1,.36,1) both}

.wk-nr-cover-top{display:flex;align-items:center;gap:14px}

.wk-nr-cover-id{flex:1;min-width:0}

.wk-nr-cover-eyebrow{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#94a3b8}

.wk-nr-cover-n{font-size:21px;font-weight:800;color:#0f172a;letter-spacing:-.015em;line-height:1.2;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-nr-cover-type{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--tc,#16a34a) 10%,#fff);border:1px solid color-mix(in srgb,var(--tc,#16a34a) 26%,#fff);border-radius:999px;padding:6px 14px 6px 8px}

.wk-nr-cover-tic{width:24px;height:24px;border-radius:50%;background:var(--tc,#16a34a);color:#fff;display:inline-flex;align-items:center;justify-content:center}

.wk-nr-cover-tic svg{width:13px;height:13px}

.wk-nr-cover-tn{font-size:12.5px;font-weight:800;color:var(--tc,#16a34a)}

.wk-nr-cover-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}

.wk-nr-cchip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#475569;background:#f6f8fa;border:1px solid #e6ecf2;border-radius:999px;padding:4px 11px}

.wk-nr-cchip svg{flex:0 0 auto;color:#94a3b8}

.wk-nr-cover-lead{font-size:12.5px;color:#64748b;line-height:1.55;margin-top:11px;padding-top:11px;border-top:1px solid #f1f5f9}

.wk-nr-sec{margin-top:18px}

.wk-nr-sec-h{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;margin-bottom:9px}

.wk-nr-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px}

@media(max-width:700px) {
.wk-nr-facts{grid-template-columns:1fr}
}

.wk-nr-fact{display:flex;align-items:flex-start;gap:11px;width:100%;text-align:left;font:inherit;border:1px solid #e8eef4;border-radius:12px;background:#fff;padding:12px 13px;min-width:0;transition:border-color .15s,box-shadow .15s,background .15s}

.wk-nr-fact.is-go{cursor:pointer}

.wk-nr-fact.is-go:hover,.wk-nr-fact.is-go:focus-visible{border-color:#bfd8b2;background:#fbfdfa;box-shadow:0 2px 10px rgba(15,23,42,.05);outline:none}

.wk-nr-fact-ic{flex:0 0 auto;width:28px;height:28px;border-radius:9px;background:#f4f7f1;color:#5d8a4c;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}

.wk-nr-fact.is-go:hover .wk-nr-fact-ic{background:#dcfce7;color:#15803d}

.wk-nr-fact-t{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}

.wk-nr-fact-t em{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#94a3b8}

.wk-nr-fact-t b{font-size:14px;font-weight:800;color:#0f172a;letter-spacing:-.01em;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-nr-fact-t i{font-style:normal;font-size:11.5px;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.wk-nr-fact-go{flex:0 0 auto;align-self:center;font-size:10px;font-weight:800;color:#15803d;background:#f0fdf4;border:1px solid #dcfce7;border-radius:999px;padding:3px 9px;opacity:0;transform:translateX(3px);transition:opacity .15s,transform .15s}

.wk-nr-fact.is-go:hover .wk-nr-fact-go,.wk-nr-fact.is-go:focus-visible .wk-nr-fact-go{opacity:1;transform:none}

.wk-nr-rcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:10px}

.wk-nr-rcard{border:1px solid #e6ecf2;border-left:3px solid #16a34a;border-radius:12px;background:#fff;padding:12px 14px}

.wk-nr-rcard.is-all{border-left-color:#2563eb}

.wk-nr-rcard-n{font-size:13.5px;font-weight:700;color:#0f172a;line-height:1.3}

.wk-nr-rcard-s{font-size:11.5px;color:#94a3b8;font-weight:600;margin-top:2px;line-height:1.45}

.wk-nr-rcard-f{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:9px}

.wk-nr-sec--filter{border:1px solid #e6ecf2;border-radius:13px;background:#fbfdfa;padding:4px;margin-top:18px}

.wk-nr-filthead{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:none;background:none;font:inherit;padding:11px 13px;cursor:pointer;border-radius:10px;transition:background .14s}

.wk-nr-filthead:hover{background:#f4f7f1}

.wk-nr-filthead-ic{flex:0 0 auto;width:22px;height:22px;border-radius:7px;background:#eef2f7;color:#64748b;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.22,1,.36,1),background .16s}

.wk-nr-filthead-ic.is-open{transform:rotate(90deg);background:#dcfce7;color:#15803d}

.wk-nr-filthead-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}

.wk-nr-filthead-t b{font-size:13.5px;font-weight:700;color:#0f172a}

.wk-nr-filthead-t em{font-size:11.5px;font-style:normal;color:#94a3b8;line-height:1.45}

.wk-nr-filthead-b{flex:0 0 auto;font-size:10.5px;font-weight:800;background:#dcfce7;color:#15803d;border-radius:999px;padding:2px 9px}

.wk-nr-adv{background:#fff;border-color:#e6ecf2;gap:15px;margin:0 4px 5px}

.wk-nr-fld{display:flex;flex-direction:column;gap:7px}

.wk-nr-fld-l{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#64748b}

.wk-nr-clearf{align-self:flex-start;color:#dc2626}

.wk-nr-filthead-b.is-zero{background:#fef2f2;color:#b91c1c}

.wk-nr-msegs{gap:7px}

.wk-nr-mseg{display:inline-flex;align-items:center;gap:8px}

.wk-nr-mseg-n{font-size:10.5px;font-weight:800;line-height:1;padding:3px 6px;border-radius:999px;background:#eef2f7;color:#64748b;transition:background .12s,color .12s}

.wk-nr-mseg.is-on .wk-nr-mseg-n{background:rgba(255,255,255,.24);color:#fff}

.wk-nr-mseg.is-empty:not(.is-on){opacity:.55}

.wk-nr-meter{display:flex;flex-direction:column;gap:7px;padding:11px 13px;border:1px solid #e6ecf2;border-radius:11px;background:#f8fafc}

.wk-nr-meter.is-on{border-color:#bbf7d0;background:#f2fdf5}

.wk-nr-meter.is-zero{border-color:#fecaca;background:#fef4f4}

.wk-nr-meter-bar{height:7px;border-radius:999px;background:#e2e8f0;overflow:hidden}

.wk-nr-meter-bar>i{display:block;height:100%;border-radius:999px;background:#16a34a;transition:width .28s cubic-bezier(.22,1,.36,1)}

.wk-nr-meter.is-zero .wk-nr-meter-bar>i{background:#ef4444}

.wk-nr-meter-t{font-size:12px;color:#64748b;line-height:1.45}

.wk-nr-meter-t b{color:#0f172a;font-weight:800}

.wk-nr-meter.is-zero .wk-nr-meter-t b{color:#b91c1c}

.wk-nr-sched{display:flex;flex-direction:column;gap:16px;margin-top:14px;padding:16px 18px;border:1px solid #d7e9d6;border-left:3px solid #16a34a;border-radius:13px;background:linear-gradient(#f3faf2,#fbfdfb);box-shadow:inset 0 1px 0 #fff;animation:wkNrSchedIn .26s cubic-bezier(.22,1,.36,1) both}

@keyframes wkNrSchedIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

.wk-nr-sched .wk-rr-seg:not(.is-on){background:#fff}

.wk-nr-sched .wk-nr-fld-l{color:#3f6b46}

.wk-nr-slot-logos{display:inline-flex;align-items:center;flex:0 0 auto}

.wk-nr-slot-logos>*{margin-right:-5px;box-shadow:0 0 0 2px #fff;border-radius:5px}

.wk-nr-slot-logos>*:last-child{margin-right:3px}

.wk-nr-slot-more{font-size:10px;font-weight:800;color:#64748b;background:#eef2f7;border-radius:999px;padding:2px 5px;margin-right:3px;box-shadow:0 0 0 2px #fff}

.wk-rr-seg.is-off{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border-style:dashed;border-color:#dbe3ec;color:#94a3b8;cursor:pointer}

.wk-rr-seg.is-off:hover{background:#f1f5f9;border-color:#cbd5e1;transform:none;box-shadow:none}

.wk-rr-seg.is-off svg{opacity:.7}

.wk-nr-sched .wk-rr-fieldlabel{margin:0}

.wk-nr-sched .wk-rr-custom{margin-top:10px}

.wk-nr-sched .wk-nr-hint{margin:0}

.wk-nr-schedon{display:flex;align-items:flex-start;gap:9px;padding:9px 12px;border:1px solid #fde68a;border-radius:10px;background:#fffbeb;font-size:12.5px;color:#92400e;line-height:1.5}

.wk-nr-schedon svg{flex:0 0 auto;margin-top:3px}

.wk-rr-nextdraft{margin-top:14px;font-size:12.5px;color:#475569;line-height:1.5}

.wk-rr-nextdraft strong{color:#15803d;font-weight:800}

.wk-nr-sched .wk-rr-nextdraft{margin-top:0}

@media(prefers-reduced-motion:reduce) {
.wk-nr-cocard,.wk-nr-pcard,.wk-nr-cover{animation:none}

.wk-nr-meter-bar>i{transition:none}
}

.wk-rr-modal--report .wk-rr-modal-head{background:linear-gradient(180deg,#f7f4ff,#fff 88%);border-bottom-color:#ece7fb}

.wk-rr-modal--report .wk-rr-tabs{background:linear-gradient(180deg,#fdfcff,#fff);border-bottom-color:#ece7fb}

.wk-rr-modal--report .wk-rr-modal-foot{border-top-color:#ece7fb}

.wk-rr-modal--report .wk-rr-btn--send{background:linear-gradient(135deg,#7c3aed,#6366f1);border-color:#6d28d9;color:#fff}

.wk-rr-modal--report .wk-rr-btn--send:hover:not([disabled]){background:linear-gradient(135deg,#6d28d9,#4f46e5);border-color:#5b21b6}

.wk-rr-modal--report .wk-rr-btn--icon:hover{color:#5b21b6;border-color:#c4b5fd;background:#faf8ff}

.wk-rr-expand:hover{background:#6d28d9}

.wk-rr-modal--report{max-width:min(1560px,calc(100vw - 36px));width:100%;height:calc(100vh - 36px);max-height:none}

.wk-rr-modal--report .wk-rr-modal-body{flex:1 1 auto;min-height:0;padding:0 22px 18px}

.wk-rr-modal--report .wk-rr-stepwrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}

.wk-rr-body--report .wk-rr-preview-wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}

.wk-rr-body--report .wk-rr-frame{flex:1 1 auto;height:auto;min-height:0}

.wk-rr-body--report .wk-rr-rte-wrap{flex:1 1 auto;min-height:0;overflow:auto;padding-top:4px}

.wk-rr-body--report .wk-rr-html{flex:1 1 auto;min-height:260px}

.wk-rr-body--report.is-two{padding:0 18px 16px}

.wk-rr-two{flex-direction:row!important;gap:16px;align-items:stretch}

.wk-rr-recpane{box-sizing:border-box;flex:0 0 380px;min-width:0;min-height:0;overflow:auto;padding:16px 16px 18px;border:1px solid #ece7fb;border-radius:14px;background:linear-gradient(180deg,#faf8ff,#fff 42%)}

.wk-rr-recpane *{box-sizing:border-box}

.wk-rr-docpane{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;gap:9px}

@media(max-width:1080px) {
.wk-rr-two{flex-direction:column!important}

.wk-rr-recpane{flex:0 0 auto;max-height:44vh}
}

.wk-rr-rhero{display:flex;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid #eef2f7}

.wk-rr-rhero-mark{flex:0 0 auto;line-height:0}

.wk-rr-rhero-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px}

.wk-rr-rhero-co{font-size:12px;font-weight:700;color:#64748b}

.wk-rr-rchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}

.wk-rr-rchip{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;letter-spacing:.02em;padding:3px 9px;border-radius:999px;color:var(--c,#475569);background:color-mix(in srgb,var(--c,#475569) 11%,#fff);border:1px solid color-mix(in srgb,var(--c,#475569) 26%,#fff)}

.wk-rr-rchip.is-int{--c:#7c3aed}

.wk-rr-rsub{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;margin:16px 0 8px}

.wk-rr-rnone{font-size:12.5px;color:#64748b;line-height:1.5;padding:10px 12px;border:1px dashed #dbe3ea;border-radius:10px;background:#f8fafc}

.wk-rr-rsched{display:flex;gap:9px;align-items:flex-start;margin-top:9px;font-size:12.5px;line-height:1.5;color:#7c4a09;padding:10px 12px;border:1px solid #f5d7a6;border-radius:10px;background:#fffaf1}

.wk-rr-rsched-d{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#d97706;margin-top:6px;box-shadow:0 0 0 3px rgba(217,119,6,.16)}

.wk-rr-field--spaced{margin-top:16px}

.wk-rr-modal--ai .wk-rr-modal-head{background:linear-gradient(180deg,#f7f4ff,#fff 88%);border-bottom-color:#ece7fb}

.wk-rr-modal--ai .wk-rr-btn--primary{background:linear-gradient(135deg,#7c3aed,#6366f1);border-color:#6d28d9}

.wk-rr-modal--ai .wk-rr-btn--primary:hover:not([disabled]){background:linear-gradient(135deg,#6d28d9,#4f46e5);border-color:#5b21b6}

.wk-rr-modal--ai textarea:focus,.wk-rr-modal--ai input:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 0 3px rgba(124,58,237,.13)}

.wk-rr-rerun-fixed{margin-top:18px;padding:13px 14px 4px;border:1px solid #ece7fb;border-radius:13px;background:linear-gradient(180deg,#faf8ff,#fff 60%)}

.wk-rr-rerun-fixed .wk-rr-fieldlabel{margin:0 0 9px}

.wk-rr-rerun-fixed .wk-rr-help{margin:11px 0 12px}

.wk-rr-rerun-sched{display:flex;gap:9px;align-items:flex-start;margin-top:14px;font-size:12.5px;line-height:1.55;color:#7c4a09;padding:11px 13px;border:1px solid #f5d7a6;border-radius:11px;background:#fffaf1}

.wk-rr-rerun-sched .wk-rr-linkbtn{color:#7c4a09;text-decoration:underline;text-underline-offset:2px}

.wk-rr-rfacts{display:flex;flex-direction:column;border:1px solid #eef2f7;border-radius:11px;overflow:hidden}

.wk-rr-rfact{display:flex;gap:12px;align-items:baseline;justify-content:space-between;padding:8px 12px;font-size:12.5px;background:#fff}

.wk-rr-rfact+.wk-rr-rfact{border-top:1px solid #f1f5f9}

.wk-rr-rfact>span{flex:0 0 auto;color:#94a3b8;font-weight:700}

.wk-rr-rfact>b{flex:1 1 auto;min-width:0;text-align:right;color:#0f172a;font-weight:700;overflow-wrap:anywhere}

.wk-rr-rfact-who{display:inline-flex;align-items:center;gap:7px;justify-content:flex-end}

.wk-rr-rfact-who .wk-rr-rfact-nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-rr-rfact-none{color:#94a3b8;font-weight:600}

.wk-rr-rfact-you{margin-left:7px;font-size:10px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:2px 6px;white-space:nowrap}

.wk-rr-rfact-go{display:inline-flex;align-items:center;gap:7px;justify-content:flex-end;border:none;background:none;font:inherit;font-size:12.5px;font-weight:700;color:#6d28d9;cursor:pointer;padding:1px 3px;text-align:right}

.wk-rr-rfact-go:hover{text-decoration:underline;text-decoration-color:#c4b5fd;text-underline-offset:3px}

.wk-rr-rfact-pen{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;font-size:10px;font-weight:800;color:#6d28d9;background:#f5f3ff;border:1px solid #e6e0fb;border-radius:6px;padding:2px 7px;opacity:0;transform:translateX(3px);transition:opacity .15s,transform .15s}

.wk-rr-rfact-go:hover .wk-rr-rfact-pen,.wk-rr-rfact-go:focus-visible .wk-rr-rfact-pen{opacity:1;transform:none}

.wk-rr-dochead{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:2px 2px 0}

/* ⚠️ `flex:1 1 auto` MOVED HERE FROM .wk-rr-dochead-h. That spacer existed only
   to push Edit to the right edge, and the header's left-hand item is now the
   template button (or, on a record with no design, an empty -t placeholder). If
   nothing in the row grows, Edit slides left and sits against the title. */
.wk-rr-dochead-t{flex:1 1 auto;min-width:0;font-size:12.5px;font-weight:800;color:#0f172a}

.wk-rr-dochead-h{flex:1 1 auto;font-size:11px;color:#94a3b8;font-weight:650}

.wk-rr-dochead .wk-rr-more{flex:0 0 auto}

/* ══ THE DESIGN, NAMED WHERE THE PIECE IS READ ═══════════════════════════════
   The header of the preview pane is the template it renders through, replacing
   "What goes out / the stored copy" (Tyler, 2026-08-11). Slate rather than the
   violet of .wk-rr-dochead-edit beside it: this one OPENS a profile, it does not
   change anything, and two violet pills in one row would read as two edits.
   ⚠️ min-width:0 + the ellipsis on the name — a SendGrid design name runs long
   and an unclamped one shoves Edit off the right edge of the pane. */
/* ⚠️ `flex:0 1 auto`, NOT `1 1 auto` — it must HUG the design's name. Allowed to
   grow, a one-word name stretched into a full-width bar that read as an empty
   input field sitting where a heading used to be. `margin-right:auto` is what
   holds Edit at the right edge instead, and max-width keeps a long SendGrid name
   ellipsising rather than shoving Edit off the pane. */
.wk-rr-dochead-tpl{flex:0 1 auto;min-width:0;max-width:calc(100% - 96px);
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 10px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;
  font:inherit;font-size:11.5px;font-weight:800;color:#334155;cursor:pointer;text-align:left;
  margin-right:auto;transition:background .12s,border-color .12s,color .12s}

.wk-rr-dochead-tpl-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-rr-dochead-tpl-go{flex:0 0 auto;opacity:.55}

.wk-rr-dochead-tpl:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}

.wk-rr-dochead-tpl:hover .wk-rr-dochead-tpl-go{opacity:1}

.wk-rr-dochead-tpl:focus-visible{outline:2px solid #8b5cf6;outline-offset:1px}

/* ══ THE CAMPAIGN, UNDER THE TITLE, AS THE ONLY THING THERE ══════════════════
   Replaces the .wk-rr-campline box and the kind chip (Tyler, 2026-08-11: *"We
   only need the ready to send bubble. The campaign name can be underneath the
   title at the top"*). A crumb, not a pill: it belongs to the title block, and
   a bordered box under a title is a second card inside the first.
   ⚠️ align-self:flex-start — .wk-rr-rhero-t is a column flex, so a stretched
   button would draw a hover strip the full width of the pane. */
.wk-rr-rcamp{align-self:flex-start;max-width:100%;display:inline-flex;align-items:center;gap:6px;
  margin-top:1px;padding:3px 8px 3px 6px;border:1px solid transparent;border-radius:8px;
  background:none;font:inherit;font-size:11.5px;font-weight:800;color:#6d28d9;cursor:pointer;
  text-align:left;transition:background .12s,border-color .12s}

.wk-rr-rcamp-ico{flex:0 0 auto;display:inline-flex;line-height:0;opacity:.85}

.wk-rr-rcamp-ico svg{width:13px;height:13px}

.wk-rr-rcamp-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Hover is what tells you it goes somewhere — Tyler: *"I should be able to hover
   over it and click it."* The arrow is held out of the flow until then so the
   resting state stays a name, not a control. */
.wk-rr-rcamp-go{flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:.02em;
  color:#6d28d9;opacity:0;transform:translateX(-3px);transition:opacity .15s,transform .15s}

button.wk-rr-rcamp:hover{background:#f5f3ff;border-color:#e6e0fb}

button.wk-rr-rcamp:hover .wk-rr-rcamp-go,
button.wk-rr-rcamp:focus-visible .wk-rr-rcamp-go{opacity:1;transform:none}

button.wk-rr-rcamp:focus-visible{outline:2px solid #8b5cf6;outline-offset:1px}

/* A piece nobody filed: a fact, not a door — no pointer, no hover, no arrow. */
.wk-rr-rcamp--none{color:#94a3b8;cursor:default;font-weight:700}

/* ══ A PERSON AND THE MOMENT, IN ONE FACT ROW ════════════════════════════════
   `Created` / `Approved` carry a face over a timestamp. The stack is right-
   aligned because .wk-rr-rfact>b is, and the date is muted so the row still
   reads as one answer to "who" rather than two competing values. */
.wk-rr-rfact-stack{display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:0}

.wk-rr-rfact-when{font-size:11px;font-weight:650;color:#94a3b8;white-space:nowrap}

/* ══ 🚨 AND THE AUTHOR THAT IS NOT A PERSON ══════════════════════════════════
   Tyler, 2026-08-12: *"Why is it showing #C? Did some AI [do this]?"* — the row
   had drawn a coloured initials bubble reading **#C** beside **# MRG Hub CRM**,
   the Dataverse application user every `/api/*` write goes through. In the row
   that answers "who wrote this", a face makes a service principal look like a
   colleague or a robot author. A cog in a grey square cannot be read as either,
   and the name is muted so it stops competing with the rows that DO name people.
   (isAppAccount() in marketing-hub-home.js decides which shape a row takes.) */
.wk-rr-rfact-app .wk-rr-rfact-nm{color:#64748b;font-weight:650}

.wk-rr-rfact-cog{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;border-radius:6px;background:#f1f5f9;color:#94a3b8;
  border:1px solid #e2e8f0}

.wk-rr-rfact-cog svg{width:12px;height:12px}

/* ══ EDIT, ON THE HEADER OF THE THING IT EDITS ═══════════════════════════════
   Violet to match .wk-rr-rfact-go / .wk-rr-rfact-pen above — this pane's "you can
   change this" colour is already established, and a second accent for a second
   edit affordance reads as two different kinds of action.
   ⚠️ `flex:0 0 auto` IS NOT OPTIONAL: .wk-rr-dochead-h is `flex:1 1 auto` and
   eats the row, so a default-shrink button beside it collapses to its padding.
   ⚠️ THE LABEL IS A BARE TEXT NODE beside an <svg> in a flex container, which
   makes it its own flex item and lets it wrap away from the icon — hence
   white-space:nowrap here rather than a wrapper span in the markup
   (reference_flex_button_bare_text_node_wraps). */
.wk-rr-dochead-edit{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
  padding:4px 10px;border:1px solid #e6e0fb;border-radius:999px;background:#f5f3ff;
  font:inherit;font-size:11.5px;font-weight:800;color:#6d28d9;cursor:pointer;
  transition:background .12s,border-color .12s,color .12s}

.wk-rr-dochead-edit svg{width:12px;height:12px;flex:0 0 auto}

.wk-rr-dochead-edit:hover{background:#ede9fe;border-color:#c4b5fd;color:#5b21b6}

.wk-rr-dochead-edit:focus-visible{outline:2px solid #8b5cf6;outline-offset:1px}

.wk-rr-more--down .wk-rr-more-pop{top:calc(100% + 8px);bottom:auto;left:auto;right:0}

/* 🚨 THE PREVIEW WAS CUT OFF BY A NUMBER, NOT BY ITS CONTENT. `.wk-rr-frame` is
   declared `height:480px` for the report's stacked layout. In this two-pane
   popup the frame is a flex item of a wrap that fills a `--tall` modal, and a
   flex item with an explicit cross-size is NOT stretched — so the email stopped
   at 480px with empty pane below it, and everything past the fold was reachable
   only through the iframe's own scrollbar. Same three declarations the report
   itself uses when its preview has room (.wk-rr-body--report above). */
.wk-rr-docpane .wk-rr-frame{pointer-events:auto;flex:1 1 auto;height:auto;min-height:0}

.wk-rr-docpane .wk-rr-prevacts{z-index:3}

.wk-rr-docpane .wk-rr-preview-wrap:focus-within .wk-rr-frame{border-color:#c4b5fd}

.wk-rr-whenfield input{font-variant-numeric:tabular-nums}

.wk-rr-whenok b{color:#0f172a}

.wk-rr-whenbad{margin-top:8px;font-size:12.5px;line-height:1.5;color:#9a3412;padding:9px 11px;border:1px solid #f5d7a6;border-radius:10px;background:#fffaf1}

.wk-rr-rec{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:16px 24px 14px;background:linear-gradient(180deg,#fbfdfa,#fff);border-bottom:1px solid #eef2f7}

.wk-rr-rec-main{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:9px}

.wk-rr-rec-title{display:inline-flex;align-items:flex-start;gap:9px;border:none;background:none;padding:0;margin:0;font:inherit;font-size:20px;font-weight:800;color:#0f172a;letter-spacing:-.015em;text-align:left;cursor:text;line-height:1.25;border-radius:8px}

.wk-rr-rec-title>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}

.wk-rr-rec-title svg{flex:0 0 auto;margin-top:5px;color:#cbd5e1;opacity:0;transition:opacity .14s}

.wk-rr-rec-title:hover svg{opacity:1}

.wk-rr-rec-title:hover span{text-decoration:underline;text-decoration-color:#cbd5e1;text-underline-offset:3px}

.wk-rr-rec-input{font:inherit;font-size:19px;font-weight:800;color:#0f172a;letter-spacing:-.015em;border:1px solid #7c3aed;border-radius:9px;padding:5px 10px;width:100%;max-width:640px;box-shadow:0 0 0 3px rgba(124,58,237,.14);outline:none}

.wk-rr-rec-chips{display:flex;flex-wrap:wrap;gap:7px}

.wk-rr-rec-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:4px 10px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-rr-rec-chip svg{flex:0 0 auto;color:#94a3b8}

.wk-rr-fpill{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #e6ecf2;border-radius:12px;padding:7px 12px 7px 9px}

.wk-rr-fpill--go{width:100%;font:inherit;text-align:left;cursor:pointer;transition:border-color .14s,box-shadow .14s,background .14s}

.wk-rr-fpill--go:hover,.wk-rr-fpill--go:focus-visible{border-color:#c4b5fd;background:#fdfcff;box-shadow:0 2px 10px rgba(76,29,149,.07);outline:none}

.wk-rr-fpill--go .wk-rr-fpill-txt{flex:1 1 auto}

.wk-rr-fpill-go{flex:0 0 auto;font-size:10px;font-weight:800;color:#6d28d9;background:#f5f3ff;border:1px solid #e6e0fb;border-radius:6px;padding:3px 8px;opacity:0;transform:translateX(3px);transition:opacity .15s,transform .15s}

.wk-rr-fpill--go:hover .wk-rr-fpill-go,.wk-rr-fpill--go:focus-visible .wk-rr-fpill-go{opacity:1;transform:none}

.wk-rr-fpill-ico{width:26px;height:26px;border-radius:50%;background:#f1f5f9;color:#94a3b8;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}

.wk-rr-fpill-txt{display:flex;flex-direction:column;min-width:0;line-height:1.3}

.wk-rr-fpill-l{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;white-space:nowrap}

.wk-rr-fpill-n{font-size:13px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}

/* A campaign name and a group name are sentences, not the "4 people · 2 sends"
   these pills were built for — 190px of ellipsis truncates the one thing the
   row exists to say. These two wrap instead, and the pill grows a line. */
.wk-rr-fpill--wrap{width:100%;align-items:flex-start}

.wk-rr-fpill--wrap .wk-rr-fpill-txt{flex:1 1 auto}

.wk-rr-fpill-n--wrap{white-space:normal;overflow:visible;text-overflow:clip;max-width:none;line-height:1.4}

.wk-rr-rnote{font-size:11.5px;color:#94a3b8;line-height:1.45;margin:6px 2px 0}

/* The campaign crumb belongs to the title block above it, not to a section of
   its own, so it hangs off the hero rather than starting a 16px gap. */
.wk-rr-fpill--crumb{margin-top:10px}

.wk-rr-rnote--crumb{margin-top:10px;font-weight:600}

/* ══ THE CAMPAIGN LINE — a fact you can also CHANGE ═══════════════════════════
   Tyler, 2026-08-11: *"What if I want to change the campaign? You're not letting
   me."* The pill keeps the whole width it had (a campaign name wraps to two
   lines and must not be squeezed into a column beside a button), and Change is
   a mini button pinned to its right, vertically centred against the pill rather
   than stretched to its height — a full-height button beside a two-line pill
   reads as a panel, not a control.
   ⚠️ `min-width:0` ON THE PILL IS LOAD-BEARING: a flex item defaults to
   min-width:auto, so a long unbroken campaign name would push the button out of
   the 380px pane instead of wrapping. */
.wk-rr-campline{display:flex;align-items:center;gap:8px;margin-top:10px}

.wk-rr-campline>.wk-rr-fpill{flex:1 1 auto;min-width:0;margin-top:0}

.wk-rr-campline>.wk-rr-btn{flex:0 0 auto}

.wk-rr-campline .wk-rr-fpill-n--wrap{max-width:none}

.wk-rr-fstack{display:inline-flex;align-items:center;flex:0 0 auto}

.wk-rr-fstack-i{display:inline-flex;margin-left:-7px;border-radius:50%;box-shadow:0 0 0 2px #fff}

.wk-rr-fstack-i:first-child{margin-left:0}

.wk-rr-fstack-more{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;margin-left:-7px;border-radius:50%;background:#eef2f7;color:#475569;font-size:11px;font-weight:800;box-shadow:0 0 0 2px #fff;padding:0 5px}

.wk-rr-tabs{display:flex;align-items:center;gap:4px;padding:10px 24px 0;border-bottom:1px solid #eef2f7;flex:0 0 auto}

.wk-rr-tab{position:relative;border:none;background:none;font:inherit;font-size:13px;font-weight:700;color:#94a3b8;padding:9px 14px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;border-radius:9px 9px 0 0;transition:color .14s,background .14s}

.wk-rr-tab:hover{color:#5b21b6;background:#faf8ff}

.wk-rr-tab.is-on{color:#0f172a}

.wk-rr-tab.is-on:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2.5px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#7c3aed,#6366f1);animation:wkRrTabUL .28s cubic-bezier(.22,1,.36,1) both}

@keyframes wkRrTabUL{from{transform:scaleX(.15);opacity:.2}to{transform:none;opacity:1}}

.wk-rr-tab-b{font-size:10.5px;font-weight:800;background:#eef2f7;color:#475569;border-radius:999px;padding:1px 7px}

.wk-rr-tab.is-on .wk-rr-tab-b{background:#ede9fe;color:#5b21b6}

.wk-rr-prevacts{position:absolute;top:12px;right:12px;display:flex;gap:7px;z-index:3}

.wk-rr-prevacts .wk-rr-expand{position:static}

.wk-rr-more{position:relative}

.wk-rr-btn--icon{padding:6px 9px;line-height:0;color:#64748b}

.wk-rr-btn--icon:hover{color:#0f172a;border-color:#94a3b8}

.wk-rr-more-pop{position:absolute;bottom:calc(100% + 8px);left:0;width:330px;background:#fff;border:1px solid #e2e8f0;border-radius:13px;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:6px;z-index:5;animation:wkRrExpand .14s ease-out both}

.wk-rr-more-i{display:flex;align-items:flex-start;gap:11px;width:100%;text-align:left;border:none;background:none;border-radius:9px;padding:10px 11px;cursor:pointer;font:inherit;color:#0f172a}

.wk-rr-more-i:hover{background:#f7f4ff}

.wk-rr-more-i:hover svg{color:#6d28d9}

.wk-rr-more-i[disabled]{opacity:.45;cursor:default}

.wk-rr-more-i svg{flex:0 0 auto;margin-top:2px;color:#64748b}

.wk-rr-more-i span{display:flex;flex-direction:column;gap:2px;min-width:0}

.wk-rr-more-i b{font-size:13px;font-weight:700}

.wk-rr-more-i em{font-size:11.5px;font-style:normal;color:#94a3b8;line-height:1.4}

.wk-rr-more-i--danger{color:#dc2626}

.wk-rr-more-i--danger svg{color:#dc2626}

.wk-rr-more-i--danger:hover{background:#fef2f2}

.wk-rr-hist{display:flex;flex-direction:column;gap:14px;padding-top:16px;overflow:auto;flex:1 1 auto;min-height:0}

.wk-rr-hist-m{font-size:12px;color:#94a3b8;font-weight:600}

.wk-rr-hist-d{font-size:12.5px;color:#64748b;line-height:1.5}

.wk-rr-hist-fail{font-size:12.5px;color:#dc2626;font-weight:600}

.wk-rr-hstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px}

.wk-rr-hstat{border:1px solid #e6ecf2;border-top:3px solid var(--c,#64748b);border-radius:12px;background:#fff;padding:13px 15px 12px;transition:transform .16s,box-shadow .16s}

.wk-rr-hstat:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.08)}

.wk-rr-hstat.is-zero{background:#fafbfc;border-top-color:#cbd5e1}

.wk-rr-hstat.is-zero .wk-rr-hstat-v{color:#94a3b8}

.wk-rr-hstat-v{font-size:23px;font-weight:800;color:var(--c,#0f172a);line-height:1.1;letter-spacing:-.01em}

.wk-rr-hstat-l{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-top:6px}

.wk-rr-hstat-s{font-size:11.5px;color:#94a3b8;font-weight:600;margin-top:3px}

.wk-rr-hstat{font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;width:100%;transition:transform .16s,box-shadow .16s,border-color .12s,background .12s}

.wk-rr-hstat.is-on{border-color:var(--c);background:color-mix(in srgb,var(--c) 8%,#fff);box-shadow:0 0 0 1px var(--c) inset,0 8px 20px rgba(15,23,42,.07)}

.wk-rr-hstat.is-on.is-zero{background:color-mix(in srgb,var(--c) 6%,#fafbfc)}

.wk-rr-hstat:focus-visible{outline:2px solid var(--c);outline-offset:2px}

.wk-rr-hist-list{display:flex;flex-direction:column}

.wk-rr-hsec--quiet{opacity:.92}

.rr-sv.is-queued .rr-sv-row{background:#fffdf7}

.rr-sv.is-queued.is-soon .rr-sv-row{background:#fff8ec}

.rr-sv.is-pulled .rr-sv-row{background:#fafbfc}

.rr-sv.is-pulled .rr-sv-t{text-decoration:line-through;text-decoration-color:#cbd5e1}

.rr-sv-tag.is-pulled{color:#64748b;background:#f1f5f9}

.wk-rr-hsec{margin-top:20px}

.wk-rr-hsec-h{display:flex;align-items:center;gap:9px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;margin-bottom:10px}

.wk-rr-hsec-c{font-size:10.5px;font-weight:800;background:#eef2f7;color:#475569;border-radius:999px;padding:1px 8px;letter-spacing:0}

.wk-rr-hcard-ways{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}

.wk-rr-hmark{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}

.wk-rr-hmark .wk-rr-hcard-ways{margin-top:0}

.wk-rr-hfaces{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}

.wk-rr-hface{display:inline-flex;align-items:center;gap:6px;background:#f4f7fb;border:1px solid #e6ecf2;border-radius:999px;padding:2px 9px 2px 3px;font-size:11.5px;font-weight:650;color:#334155;max-width:190px}

.wk-rr-hface>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-rr-hmore{font-size:11px;font-weight:750;color:#64748b;background:#eef2f7;border-radius:999px;padding:3px 8px}

.wk-rr-hsubj{margin-top:8px;font-size:13px;font-weight:650;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-rr-hopen{margin-top:10px;display:inline-flex;align-items:center;gap:7px;border:1px solid #dbe3ec;background:#fff;color:#1d4ed8;font:inherit;font-size:12px;font-weight:750;border-radius:9px;padding:6px 11px;cursor:pointer;transition:background .14s,border-color .14s}

.wk-rr-hopen:hover{background:#f5f8ff;border-color:#93b4f7}

.wk-rr-hopen:focus-visible{outline:2px solid #2563eb;outline-offset:1px}

.wk-rr-overlay--mail{z-index:1000003;background:rgba(15,23,42,.55)}

.wk-rr-modal--mail{width:min(860px,96vw);max-height:92vh;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.3)}

.wk-rr-mailenv{padding:14px 22px 4px;display:flex;flex-direction:column;gap:7px;border-bottom:1px solid #eef2f6;background:#fbfdff}

.wk-rr-mailenv-r{display:flex;align-items:flex-start;gap:12px;min-width:0}

.wk-rr-mailenv-l{flex:0 0 74px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;padding-top:4px}

.wk-rr-mailenv-v{flex:1;min-width:0;font-size:13px;color:#1e293b;display:flex;align-items:center;gap:7px;flex-wrap:wrap}

.wk-rr-mailenv-m{color:#64748b;font-weight:500}

.wk-rr-maildesign{font-size:11px;font-weight:750;color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:3px 10px}

.wk-rr-mailclip{font-size:12px;font-weight:650;color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;padding:3px 9px}

.wk-rr-mailbody{flex:1 1 auto;min-height:0;background:#eef2f6;display:flex}

.wk-rr-mailframe{flex:1;width:100%;border:0;background:#eef2f6}

.wk-rr-mailload{margin:auto;padding:40px;font-size:13px;font-weight:650;color:#64748b}

.wk-rr-hway{font-size:11px;font-weight:700;color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:3px 10px}

.wk-rr-hrow{display:flex;align-items:flex-start;gap:12px;margin-top:9px}

.wk-rr-hrow-l{flex:0 0 62px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;padding-top:5px}

.wk-rr-hrow-v{flex:1;min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.wk-rr-hrow-t{font-size:12.5px;color:#475569;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.5}

@media(max-width:640px) {
.wk-rr-hrow{flex-direction:column;gap:4px}

.wk-rr-hrow-l{padding-top:0}
}

.wk-rr-hfail{font-size:12.5px;font-weight:600;color:#dc2626;margin-top:9px}

.wk-rr-tl-item.is-fail .wk-rr-hway{color:#b91c1c;background:#fee2e2}

.wk-rr-hempty{display:flex;align-items:flex-start;gap:13px;border:1px dashed #dbe3ec;border-radius:13px;background:#fafbfc;padding:17px 18px;color:#64748b}

.wk-rr-hempty--slim{margin-top:12px;padding:13px 16px}

.wk-rr-hempty svg{flex:0 0 auto;color:#b4bec9;margin-top:1px}

.wk-rr-hempty-t{display:block;font-size:13.5px;color:#0f172a;font-weight:700}

.wk-rr-hempty-s{display:block;font-size:12.5px;color:#94a3b8;line-height:1.55;margin-top:4px}

.wk-rr-hempty-s b{font-weight:700;color:#475569}

.wk-rr-tl{list-style:none;margin:0;padding:0;position:relative}

.wk-rr-tl-item{position:relative;display:flex;align-items:flex-start;gap:15px;padding:0 0 16px}

.wk-rr-tl-item:not(:last-child):before{content:"";position:absolute;left:20px;top:44px;bottom:-2px;width:2px;background:linear-gradient(#dbe3ec,#e9eef4);border-radius:2px}

.wk-rr-tl-node{position:relative;z-index:1;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #fff,0 1px 4px rgba(15,23,42,.12)}

.wk-rr-tl-art,.wk-rr-tl-art>*{width:40px;height:40px;border-radius:50%;overflow:hidden;display:block}

.wk-rr-tl-art img{width:100%;height:100%;object-fit:contain;background:#fff}

.wk-rr-tl-badge{position:absolute;right:-3px;bottom:-3px;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef2f7;color:#64748b;box-shadow:0 0 0 2px #fff}

.wk-rr-tl-badge svg{width:11px;height:11px}

.wk-rr-tl-badge.is-approve{background:#dcfce7;color:#15803d}

.wk-rr-tl-badge.is-send{background:#dbeafe;color:#1d4ed8}

.wk-rr-tl-badge.is-rerun{background:#fef3c7;color:#b45309}

.wk-rr-tl-badge.is-draft{background:#f3e8ff;color:#7c3aed}

.wk-rr-tl-card{flex:1;min-width:0;border:1px solid #e6ecf2;border-radius:13px;background:#fff;padding:12px 15px 13px;box-shadow:0 1px 3px rgba(15,23,42,.04)}

.wk-rr-tl-item.is-send .wk-rr-tl-card{border-left:3px solid #2563eb}

.wk-rr-tl-item.is-approve .wk-rr-tl-card{border-left:3px solid #16a34a}

.wk-rr-tl-item.is-draft .wk-rr-tl-card{border-left:3px solid #7c3aed}

.wk-rr-tl-item.is-fail .wk-rr-tl-card{border-left-color:#dc2626;background:#fffbfb}

.wk-rr-tl-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}

.wk-rr-tl-t{font-size:13.5px;font-weight:800;color:#0f172a}

.wk-rr-tl-n{font-size:11px;font-weight:800;color:#64748b;background:#eef2f7;border-radius:999px;padding:1px 7px}

.wk-rr-tl-when{margin-left:auto;font-size:11.5px;font-weight:600;color:#94a3b8;white-space:nowrap}

.wk-rr-tl-by{font-size:12px;font-weight:600;color:#64748b;margin-top:2px}

.wk-rr-tl-d{font-size:12.5px;color:#64748b;line-height:1.5;margin-top:4px}

.wk-rr-tl-cos{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

.wk-rr-tl-co{display:inline-flex;align-items:center;gap:8px;border:1px solid #e6ecf2;border-radius:999px;background:#f8fafc;padding:3px 12px 3px 4px;max-width:100%}

.wk-rr-tl-co-n{font-size:12px;font-weight:700;color:#334155;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-rr-tl-co-x{font-size:11px;font-weight:600;color:#94a3b8;white-space:nowrap}

.wk-rr-tl-people{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

.wk-rr-tl-p{display:inline-flex;align-items:center;gap:9px;border:1px solid #e6ecf2;border-radius:11px;background:#fff;padding:5px 12px 5px 6px;max-width:300px}

.wk-rr-tl-p-t{display:flex;flex-direction:column;min-width:0}

.wk-rr-tl-p-n{font-size:12.5px;font-weight:700;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-rr-tl-p-s{font-size:11px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.wk-rr-tl-note{font-size:12.5px;color:#475569;line-height:1.6;white-space:pre-wrap;border-left:2px solid #e2e8f0;padding:3px 0 3px 12px;margin-top:11px;max-width:780px}

.wk-rr-tl-node--now{display:flex;align-items:center;justify-content:center;box-shadow:none;background:none}

.wk-rr-tl-dot{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #cbd5e1}

.wk-rr-tl-item.now-wait .wk-rr-tl-dot{border-color:#d97706;animation:wkRrPulse 2.4s ease-in-out infinite}

.wk-rr-tl-item.now-done .wk-rr-tl-dot{border-color:#16a34a}

.wk-rr-tl-card--now{background:#f8fafc;border-style:dashed}

.wk-rr-tl-item.now-wait .wk-rr-tl-card--now{background:#fffbeb;border-color:#fde68a}

@keyframes wkRrPulse{0%,100%{box-shadow:0 0 0 0 rgba(217,119,6,.35)}50%{box-shadow:0 0 0 6px rgba(217,119,6,0)}}

@media(max-width:640px) {
.wk-rr-tl-item{gap:11px}

.wk-rr-tl-item:not(:last-child):before{left:19px}

.wk-rr-tl-p{max-width:100%}
}

@media(prefers-reduced-motion:reduce) {
.wk-rr-tl-item.now-wait .wk-rr-tl-dot{animation:none}
}

@media(prefers-reduced-motion:reduce) {
.wk-rr-hstat{transition:none}
}

.wk-rr-sendhead{display:flex;align-items:center;gap:12px;padding:13px 24px;border-bottom:1px solid #eef2f7;flex:0 0 auto}

.wk-rr-sendhead-back{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#475569;cursor:pointer;flex:0 0 auto}

.wk-rr-sendhead-back:hover{border-color:#16a34a;color:#16a34a}

.wk-rr-sendhead-t{flex:1;min-width:0;font-size:16px;font-weight:800;color:#0f172a;letter-spacing:-.01em}

.wk-rr-sdots{display:flex;align-items:center;gap:0;flex:0 0 auto}

.wk-rr-sdot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#eef2f7;color:#94a3b8;font-size:11px;font-weight:800}

.wk-rr-sdot.is-on{background:#16a34a;color:#fff}

.wk-rr-sdot.is-done{background:#dcfce7;color:#16a34a}

.wk-rr-sdot-sep{width:22px;height:2px;background:#eef2f7;margin:0 6px}

.wk-rr-body--send{padding:20px 24px 22px}

.wk-rr-sendcol{display:flex;flex-direction:column;max-width:620px;width:100%}

.wk-rr-sendgrid{display:grid;grid-template-columns:minmax(340px,1fr) minmax(420px,1.15fr);gap:26px;align-items:start;flex:1 1 auto;min-height:0}

.wk-rr-sendgrid .wk-rr-sendcol{max-width:none;overflow:auto;max-height:100%}

@media(max-width:1000px) {
.wk-rr-sendgrid{grid-template-columns:1fr}
}

.wk-rr-sendprev{display:flex;flex-direction:column;gap:9px;min-height:0;height:100%}

.wk-rr-sendprev-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8}

.wk-rr-sendprev-hint{display:inline-flex;align-items:center;gap:6px;font-weight:600;letter-spacing:0;text-transform:none;color:#94a3b8}

.wk-rr-mailwrap{flex:1 1 auto;min-height:460px;overflow:auto;border:1px solid #e2e8f0;border-radius:14px;background:#f4f6f3;box-shadow:0 8px 24px rgba(15,23,42,.06)}

.wk-rr-mailwrap .wk-rr-mail-head{position:sticky;top:0;z-index:2;background:#f8fafc}

.wk-rr-mailframe{width:100%;border:0;background:#f4f6f3;display:block;min-height:420px}

.wk-rr-styles{display:grid;grid-template-columns:1fr;gap:7px}

.wk-rr-style{display:block;text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:11px;padding:9px 12px;cursor:pointer;font:inherit;transition:border-color .14s,box-shadow .14s,background .14s}

.wk-rr-style:hover{border-color:#cbd5e1}

.wk-rr-style.is-on{border-color:#16a34a;background:#f0fdf4;box-shadow:0 0 0 3px rgba(22,163,74,.12)}

.wk-rr-style-n{display:block;font-size:13px;font-weight:750;color:#0f172a}

.wk-rr-style-d{display:block;font-size:11.5px;color:#64748b;line-height:1.5;margin-top:2px}

.wk-rr-recipblock{margin-bottom:4px}

.wk-rr-cnt{display:inline-block;margin-left:6px;font-size:10px;font-weight:800;color:#475569;background:#eef2f7;border-radius:999px;padding:1px 7px;vertical-align:middle}

.wk-rr-whynone{font-size:12.5px;line-height:1.6;color:#7c5e10;background:#fffbeb;border:1px solid #fde68a;border-radius:11px;padding:10px 12px}

.wk-rr-whynone strong{color:#713f12}

.wk-rr-audnote{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.55;color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:11px;padding:10px 12px;margin-bottom:12px}

.wk-rr-audnote svg{flex:0 0 auto;margin-top:2px;color:#64748b}

.wk-rr-attach{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:11px;padding:9px 12px;margin-top:10px}

.wk-rr-attach svg{flex:0 0 auto;color:#64748b}

.wk-rr-dim{color:#cbd5e1}

.wk-rr-mail{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.06)}

.wk-rr-mail-head{padding:14px 18px 12px;border-bottom:1px solid #eef2f7;background:#f8fafc}

.wk-rr-mail-subj{font-size:14.5px;font-weight:800;color:#0f172a;line-height:1.35}

.wk-rr-mail-from{font-size:11.5px;color:#94a3b8;font-weight:600;margin-top:3px}

.wk-rr-mail-msg{padding:15px 18px;font-size:13.5px;color:#334155;line-height:1.65;max-height:190px;overflow:auto;white-space:normal}

.wk-rr-mail-rpt{flex:1 1 auto;min-height:180px;display:flex;flex-direction:column;border-top:1px solid #eef2f7;background:#eef2f6}

.wk-rr-mail-rpt-l{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;padding:9px 18px 7px}

.wk-rr-mail-frame{flex:1 1 auto;width:100%;min-height:0;border:0;background:#eef2f6;display:block}

.wk-rr-sendto{display:flex;align-items:center;gap:11px;flex-wrap:wrap;border:1px solid #e2e8f0;border-radius:11px;padding:10px 12px;background:#fff}

.wk-rr-sendto-n{flex:1;min-width:0;font-size:12.5px;color:#475569;overflow:hidden;text-overflow:ellipsis}

@media(prefers-reduced-motion:reduce) {
.wk-rr-swipe-fwd,.wk-rr-swipe-back{animation:none}
}

.wk-rr-range{display:inline-flex;align-items:center;gap:6px;padding:2px}

.wk-rr-range.is-off{display:none}

.wk-rr-range input{font:inherit;font-size:12px;font-weight:600;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:5px 8px;line-height:1.1}

.wk-rr-range input:focus{outline:none;border-color:#0d9488;box-shadow:0 0 0 3px rgba(13,148,136,.15)}

.wk-rr-range-d{font-size:11.5px;font-weight:650;color:#94a3b8}

.rr-tl-sum{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px 0}

.rr-tl-sumi{display:inline-flex;align-items:baseline;gap:5px;font-size:11.5px;font-weight:650;color:#64748b;background:#f1f5f9;border:1px solid #e6edf5;border-radius:999px;padding:4px 11px}

.rr-tl-sumi b{font-size:13px;font-weight:800;color:#0f172a}

.rr-tl-cos{display:flex;flex-wrap:wrap;gap:7px;padding:12px 16px 2px}

.rr-tl-co{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12px;font-weight:650;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:4px 11px 4px 5px;cursor:pointer;transition:border-color .13s,box-shadow .13s,color .13s,background .13s}

.rr-tl-co:first-child{padding-left:11px}

.rr-tl-co:hover{border-color:#cbd5e1;color:#0f172a;background:#f8fafc}

.rr-tl-co.is-on{border-color:#0d9488;color:#0f172a;background:#f0fdfa;box-shadow:0 0 0 2px rgba(13,148,136,.14)}

.rr-tl-co-n{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.rr-tl-co-c{font-size:10.5px;font-weight:800;color:#64748b;background:#eef2f7;border-radius:999px;padding:1px 6px;min-width:18px;text-align:center}

.rr-tl-co.is-on .rr-tl-co-c{color:#0f766e;background:#ccfbf1}

.rr-tl{padding:8px 0 4px}

.rr-tl-day{padding:6px 0 2px}

.rr-tl-daybar{display:flex;align-items:baseline;gap:9px;padding:9px 16px 8px;border-bottom:1px solid #eef2f7}

.rr-tl-daylbl{font-size:12.5px;font-weight:800;color:#0f172a;letter-spacing:-.01em}

.rr-tl-daysub{font-size:11px;font-weight:600;color:#94a3b8;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.rr-tl-dayn{font-size:10.5px;font-weight:800;color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 8px;white-space:nowrap}

.rr-tl-rows{position:relative;padding:4px 0 6px}

.rr-tl-day.is-todo .rr-tl-daybar{border-bottom-color:#fde3c0}

.rr-tl-day.is-todo .rr-tl-daylbl{color:#b45309}

.rr-tl-day.is-todo .rr-tl-dayn{color:#b45309;background:#fef3c7}

.rr-tl-day.is-todo .rr-tl-rows{background:linear-gradient(180deg,rgba(254,243,199,.42),rgba(254,243,199,0));border-bottom:1px dashed #fcd9a4}

.rr-sv{border-bottom:1px solid #f4f7fa}

.rr-sv:last-child{border-bottom:0}

.rr-sv-row{display:grid;grid-template-columns:58px 16px auto minmax(0,1fr) auto 14px;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;background:none;border:0;padding:9px 16px;cursor:pointer;transition:background .13s}

.rr-sv-row:hover{background:#f8fafc}

.rr-sv-row:focus-visible{outline:2px solid #0d9488;outline-offset:-2px}

.rr-sv.is-open .rr-sv-row{background:#f6f9fc}

.rr-sv-clock{font-size:11px;font-weight:700;color:#94a3b8;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.rr-tl-rows{overflow:hidden}

.rr-sv-node{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center}

.rr-sv-node::before{content:"";position:absolute;left:50%;margin-left:-1px;top:-30px;bottom:-30px;width:2px;background:#e2e8f0}

.rr-sv-dot{position:relative;z-index:1;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 3.5px #fff}

.rr-sv-row:hover .rr-sv-dot{box-shadow:0 0 0 3.5px #f8fafc}

.rr-sv-dot.is-ring{background:#fff !important;border:2.5px solid #94a3b8}

.rr-sv-faces{display:inline-flex;align-items:center}

.rr-sv-faces.is-none{font-size:12px;color:#cbd5e1;font-weight:700;padding:0 8px}

.rr-sv-face{display:inline-flex;margin-right:-7px;border-radius:50%;box-shadow:0 0 0 2px #fff}

.rr-sv-face:last-child{margin-right:0}

.rr-sv-facemore{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;margin-left:2px;border-radius:50%;background:#eef2f7;color:#64748b;font-size:10.5px;font-weight:800;box-shadow:0 0 0 2px #fff}

.rr-sv-mark{display:inline-flex;align-items:center;flex:0 0 auto}

.rr-sv-co{flex:0 0 auto;font-size:11.5px;font-weight:650;color:#64748b}

.rr-sv-co::before{content:"·";margin-right:6px;color:#cbd5e1}

.rr-sv-to{display:flex;align-items:center;flex-wrap:wrap;gap:0 7px;min-width:0;font-size:12px;color:#334155}

.rr-sv-tol{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8}

.rr-sv-ton{font-weight:700;color:#1e293b;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.rr-sv-to.is-none{color:#94a3b8;font-style:italic;font-weight:600}

.rr-sv-bulk{flex:0 0 auto;font-size:9.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#6d28d9;background:#ede9fe;border-radius:999px;padding:2px 7px}

.rr-sv-line{display:flex;align-items:center;flex-wrap:wrap;gap:2px 9px;min-width:0}

.rr-sv-vr{width:1px;height:12px;background:#e2e8f0;flex:0 0 auto}

.rr-sv-line:has(.rr-sv-to.is-none) .rr-sv-vr{display:none}

.rr-sv-by{display:flex;align-items:center;flex-wrap:nowrap;gap:0 5px;min-width:0;font-size:11.5px;color:#64748b}

.rr-sv-by > span:not(.rr-sv-way){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.rr-sv-by .is-none{color:#94a3b8;font-style:italic}

.rr-sv-by .wk-rr-av{margin-right:2px}

.rr-sv-to .rr-sv-faces{flex:0 0 auto}

.rr-sv-txt{min-width:0;display:flex;flex-direction:column;gap:2px}

.rr-sv-txt > .rr-sv-bad{align-self:flex-start;margin-top:2px}

.rr-sv-t{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px;font-weight:700;color:#0f172a;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.rr-sv-type{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--c,#64748b);background:color-mix(in srgb,var(--c,#64748b) 12%,#fff);border-radius:6px;padding:2px 6px}

.rr-sv-type svg{width:11px;height:11px}

.rr-sv-int{flex:0 0 auto;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#7c3aed;background:#f3e8ff;border-radius:6px;padding:2px 6px}

.rr-sv-s{display:flex;align-items:center;flex-wrap:wrap;gap:0 6px;font-size:11.5px;color:#64748b;min-width:0}

.rr-sv-s b{color:#334155;font-weight:750}

.rr-sv-way{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:750;color:#475569;background:#f1f5f9;border-radius:5px;padding:1px 6px;margin-left:2px}

.rr-sv-bad{font-size:10.5px;font-weight:750;color:#b91c1c;background:#fee2e2;border-radius:5px;padding:1px 6px}

.rr-sv-when{font-size:11px;font-weight:650;color:#94a3b8;white-space:nowrap;text-align:right}

.rr-sv-tag{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#b45309;background:#fef3c7;border-radius:999px;padding:3px 9px}

.rr-sv-tag.is-ready{color:#1d4ed8;background:#dbeafe}

.rr-sv-tag.is-late{color:#b91c1c;background:#fee2e2}

.rr-sv-tag.is-noone{color:#b91c1c;background:#fee2e2}

.rr-sv.is-noone{background:#fff7f7}

.rr-sv.is-noone .rr-sv-clock{color:#dc2626}

.rr-sv.is-noone .rr-sv-row:hover{background:#fef2f2}

.rr-sv-caret{font-size:10px;color:#cbd5e1;transition:transform .16s ease,color .13s}

.rr-sv.is-open .rr-sv-caret{transform:rotate(90deg);color:#64748b}

.rr-sv-row:hover .rr-sv-caret{color:#94a3b8}

.rr-sv-detail{padding:2px 16px 16px 84px;animation:wkRrSwapIn .2s cubic-bezier(.22,.61,.36,1) both}

@media(prefers-reduced-motion:reduce) {
.rr-sv-detail{animation:none}
}

.rr-sv-failbar{font-size:11.5px;font-weight:700;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;padding:8px 11px;margin-bottom:10px}

.rr-sv-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:#eef2f7;border:1px solid #eef2f7;border-radius:11px;overflow:hidden}

.rr-sv-fact{display:flex;flex-direction:column;gap:2px;background:#fff;padding:9px 12px;min-width:0}

.rr-sv-fact span{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8}

.rr-sv-fact b{font-size:12.5px;font-weight:650;color:#0f172a;overflow-wrap:anywhere}

.rr-sv-sub{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;margin:14px 0 8px}

.rr-sv-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}

.rr-sv-people .wk-rr-tl-p{max-width:none;width:100%}

.rr-sv-acts{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}

.rr-sv-nolog{font-size:11.5px;color:#94a3b8;font-style:italic}

.rr-sv.is-todo .rr-sv-clock{color:#b45309;font-weight:750}

.rr-sv.is-todo.is-ready .rr-sv-clock{color:#1d4ed8}

.rr-sv.is-todo .rr-sv-row:hover{background:rgba(255,255,255,.6)}

@media(max-width:820px) {
.rr-sv-row{grid-template-columns:52px 14px minmax(0,1fr) auto 12px;gap:8px;padding:9px 12px}

.rr-sv-mark{display:none}

.rr-sv-faces{display:none}

.rr-sv-to .rr-sv-faces{display:inline-flex}

.rr-sv-detail{padding-left:16px}

.rr-sv-people{grid-template-columns:1fr}

.rr-tl-sum,.rr-tl-cos{padding-left:12px;padding-right:12px}

.rr-tl-daybar{padding-left:12px;padding-right:12px}
}

#wkRrOv button,#wkRrOv [role="button"]{border-radius:8px!important}

#wkRrOv .wk-rr-tab{border-radius:8px 8px 0 0!important}

{border-radius:10px!important}

#wkRrOv .wk-nr-rsecs li{border-radius:6px}

#wkRrOv .wk-rr-rsched-d{border-radius:50%!important}

#wkRrOv .wk-rr-gen-bar,#wkRrOv .wk-rr-gen-fill{border-radius:999px!important}

#wkRrOv .wk-rr-fpill--go{border-radius:12px!important}

#wkRrOv .wk-rr-rfact-go{border-radius:7px!important}

#wkRrOv .wk-rr-fpill-go,#wkRrOv .wk-rr-rfact-pen{border-radius:6px}

#wkRrFs button{border-radius:8px!important}

/* ══ THE PIECE REVIEW HEADER — TITLE, THEN THE CAMPAIGN BY NAME ══════════════
   Tyler, 2026-08-11: *"where it says '2 hours', and right now it says
   'Campaign'. We could just say the name of the campaign."* The sub-line was
   `kindLabel · when` — the literal word "Campaign" on an email campaign, above a
   piece belonging to a programme with an actual name.
   ⚠️ SCOPED TO `.wk-rr-hsub`. `.wk-rr-modal-sub` is a plain text line on every
   other popup this stylesheet was vendored for; only this one holds a button. */
/* ⚠️ `flex-wrap:nowrap` AND A TIGHT GAP. The two things on this line are a name
   and a clock; the middot between them does the separating, so the gap only has
   to keep the glyph off both of them. */
.wk-rr-hsub{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;min-width:0}

.wk-rr-hwhen{flex:0 0 auto;font-size:11px;font-weight:650;color:#94a3b8;white-space:nowrap}

.wk-rr-hdot{flex:0 0 auto;color:#cbd5e1;font-weight:800;line-height:1}

.wk-rr-hcamp{min-width:0;display:inline-flex;align-items:center;gap:6px;
  margin:-2px 0;padding:2px 7px 2px 5px;border:1px solid transparent;border-radius:7px;
  background:none;font:inherit;font-size:11.5px;font-weight:800;color:#6d28d9;cursor:pointer;
  text-align:left;transition:background .12s,border-color .12s}

.wk-rr-hcamp-ico{flex:0 0 auto;display:inline-flex;line-height:0;opacity:.85}

.wk-rr-hcamp-ico svg{width:12px;height:12px}

.wk-rr-hcamp-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 🚨 NINE PIXELS, AND ALWAYS THERE. This used to read `Open →` at `opacity:0`,
   which held ~46px of empty header IN THE FLOW between the campaign's name and
   the clock — Tyler, 2026-08-12: *"The 'in five hours' being super far away
   looks tacky."* That gap was this label, not the time's margin. Faded rather
   than hidden, because a name that only admits it is a link on hover is a link
   nobody finds, and a label that appears on hover shoves the clock sideways. */
.wk-rr-hcamp-go{flex:0 0 auto;font-size:11px;font-weight:800;line-height:1;
  color:#6d28d9;opacity:.45;transition:opacity .15s}

button.wk-rr-hcamp:hover{background:#f5f3ff;border-color:#e6e0fb}

button.wk-rr-hcamp:hover .wk-rr-hcamp-go,
button.wk-rr-hcamp:focus-visible .wk-rr-hcamp-go{opacity:1}

button.wk-rr-hcamp:focus-visible{outline:2px solid #8b5cf6;outline-offset:1px}

/* A piece nobody filed, and a legacy campaign row: a fact, not a door. */
.wk-rr-hcamp--none{color:#94a3b8;cursor:default;font-weight:700;padding-left:0}

/* ══ THE ONE LINE OF THE PIECE THAT IS NOT ALREADY ON SCREEN ═════════════════
   The hero's title is gone (it was `.wk-rr-modal-title` again, one inch lower
   and twice the size — Tyler: *"you have the title again that you're just
   copying from what's above"*). What replaces it is the SUBJECT, labelled,
   because an unlabelled sentence under a title reads as a strapline. */
.wk-rr-rlead{display:flex;flex-direction:column;gap:3px;min-width:0}

.wk-rr-rlead-k{font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#a5b4c3}

.wk-rr-rlead-v{font-size:15px;font-weight:800;line-height:1.3;color:#0f172a;letter-spacing:-.01em;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}

/* An email that has no subject yet. Muted, because it is an absence — but it
   keeps the slot's size so the hero does not collapse, and the `<em>` says why
   it matters rather than leaving "not written yet" as a shrug.
   ⚠️ `display:block` overrides the -webkit-box above, which would put the `<em>`
   on the same clamped line and swallow it. */
.wk-rr-rlead-v--none{display:block;color:#94a3b8;font-weight:700}

.wk-rr-rlead-v--none em{display:block;margin-top:2px;font-size:10.5px;font-weight:650;
  font-style:normal;color:#b45309;letter-spacing:0}

/* ══ THE TEMPLATE IS LOCKED IN ONCE THE PIECE IS SIGNED OFF ══════════════════
   Tyler, 2026-08-11: *"If it's already been approved, it should always just be
   locked in."* Still a door — looking at a design is reading, not editing — so
   it keeps the arrow and gains a padlock and a tooltip that names the way out
   (Back to review). Amber, not slate: this row is stating a CONSTRAINT now. */
.wk-rr-dochead-tpl.is-locked{background:#fffaf1;border-color:#f5d7a6;color:#7c4a09}

.wk-rr-dochead-tpl.is-locked:hover{background:#fef3e2;border-color:#eec27f;color:#653b06}

.wk-rr-dochead-tpl-lock{flex:0 0 auto;display:inline-flex;line-height:0;opacity:.75}

/* ══ CLICK THE PREVIEW, GET THE PREVIEW ═════════════════════════════════════
   Tyler, 2026-08-11: *"When you click the preview, just let it see the same
   thing again."* The cursor is the only resting-state hint; the pointer inside
   the frame is set on the iframe's own body, which this rule cannot reach. */
.wk-rr-preview-wrap.is-zoomable{cursor:zoom-in}

.wk-rr-preview-wrap.is-zoomable .wk-rr-expand{cursor:pointer}

/* A piece with no subject and no body has no lead line, so the hero is a 40px
   mark beside a 20px bubble and flex-start hangs the bubble off its top. */
.wk-rr-rhero--bare{align-items:center}

/* ══ 🚨 THE PREVIEW IS SHOWING THE DESIGN, AND IT SAYS SO ════════════════════
   Tyler, 2026-08-12: *"It's not even showing the preview of the thing I selected
   … or you can just load what I put."* A piece with a SendGrid design and no
   stored copy now renders that design (docPane). This is the caption that keeps
   it honest: an unfilled template drawn with no warning reads as the finished
   email with the copy broken, and an approver would sign off on a mock-up.
   ⚠️ Slate, NOT amber. Nothing is wrong here — this is the normal state of a
   piece whose look is chosen before its words are written. */
/* ⚠️ `display:block`, NOT flex. It is one SENTENCE with two bold phrases in it;
   as a flex row each `<b>` became its own column, so the caption rendered as
   three ragged blocks spread across the pane with "Edit" stranded on the right.
   A paragraph is a paragraph. */
.wk-rr-docnote{flex:0 0 auto;display:block;
  padding:8px 11px;border:1px solid #e4e9f2;border-left:3px solid #cbd5e1;border-radius:9px;
  background:#f8fafc;font-size:11.5px;font-weight:600;line-height:1.5;color:#64748b}

.wk-rr-docnote b{font-weight:800;color:#475569}

/* ══ WHAT THE PIECE IS FOR — PROSE, SO NOT A FACT ROW ════════════════════════
   `vo_description` used to render in the preview frame as though it were the
   email. It belongs with the facts, but a sentence inside `.wk-rr-rfact` wraps
   into a ragged block fighting its own right-aligned label in a 380px column, so
   it gets a block of its own above the table. */
.wk-rr-rwhat{margin-top:14px;padding:10px 12px;border:1px solid #eef2f7;border-radius:11px;background:#fff}

.wk-rr-rwhat-k{font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  color:#a5b4c3;margin-bottom:4px}

.wk-rr-rwhat-v{font-size:12.5px;font-weight:600;line-height:1.55;color:#475569;overflow-wrap:anywhere}

/* ══ 🚨 THE POPUP BRINGS ITS OWN TEXT SCALE ══════════════════════════════════
   Tyler, 2026-08-12: *"When you click into the piece, it has to look exactly
   the same, literally the exact same … Sizing everything is what we need."*

   MEASURED that day (~/_pwverify/_mhparity.cjs, the SAME piece record opened
   through __mhHome.review on both hosts): 69 computed-style differences between
   marketing.runmai.app and MRG's CRM, and 55 of them were this one thing.
   This hub's <body> sets a font-family and NO font-size, so the popup inherited
   the browser default — 16px / line-height `normal`. MRG's crm.css sets
   14px / 1.5 and the vendored copy inherited THAT. Same bytes, two text scales:

     tab 37px vs 41px · fact row 31 vs 35 · scorecard 90 vs 96 · title 35 vs 42

   None of which any stylesheet asked for. 14px/1.5 is the value this popup was
   drawn against, and pinning it is a no-op on MRG (already 14/1.5) while
   bringing VisionOne onto the same grid.
   ⚠️ `.wk-rr-overlay` covers the mail overlay too — it carries the same class.
   ⚠️ DO NOT ALSO PIN font-family. The face is the HOST's identity: Inter on
   VisionOne, the CRM's stack on MRG, and that difference is wanted.
   🚫 The lesson is send-kit.css's, learned twice now: a body-portaled root that
   pins its font-FAMILY and not its font-SIZE is still at the host's mercy.

   ⚠️ THE INK IS OURS FOR THE SAME REASON. 15 more of the 69 were the inherited
   `color`: near-black #161616 on VisionOne against the CRM's navy #1a1a2e. The
   popup's own text all carries an explicit colour, so this only ever showed on
   the containers — but that is precisely the text nobody styled and everybody
   reads. #0f172a is the value the sheet already uses for its own headings. */
.wk-rr-overlay{font-size:14px;line-height:1.5;color:#0f172a}

/* ══ 🚨 NOTHING CARD-SHAPED ON THE PIECE POPUP IS A PILL ═════════════════════
   Tyler, 2026-08-12: *"I do not want any of the scorecards to have this pill
   effect anywhere throughout the piece. Only small buttons like the send button
   should do that, or tags."*

   The stylesheet never asked for it. `.wk-rr-hstat` is 12px, `.wk-rr-tl-p` is
   11px, `.rr-sv-row` has no radius at all — and every one of them is a
   `<button>`, so dashboard-meta.js's RUNTIME rule found them:

     button:not(.ax-card):not(.tcd-view-btn):not(.tcd-filter-btn)
       :not(.tcd-ai-btn):not(.tmbp-add-btn){border-radius:var(--wt-theme-btn-radius)!important}

   That scores (0,5,1) with !important, so a class — even three classes with
   !important — LOSES. Only an id wins, which is why this is the same block
   `#wkRrOv` already carries for the report popup: `#mhPieceOverlay` is set in
   overlay(), so one hook covers every tab, the receipt, and the person cards.
   ⚠️ MEASURED at `--wt-theme-btn-radius:999px`, the worst case a tenant can set
   (~/_pwverify/_mhpill.cjs): 21 pill-shaped elements before, 0 after.
   🚫 Never fix this by adding a `:not()` upstream in dashboard-meta.js — every
   client that has ever loaded that file is holding a cached copy of it. */
#mhPieceOverlay button,#mhPieceOverlay [role="button"],
#mhMailOverlay button,#mhMailOverlay [role="button"]{border-radius:9px!important}

#mhPieceOverlay .wk-rr-hstat{border-radius:12px!important}

#mhPieceOverlay .wk-rr-tl-p,#mhMailOverlay .wk-rr-tl-p{border-radius:11px!important}

/* A row in a list is a row. It has no corners of its own and never had. */
#mhPieceOverlay .rr-sv-row{border-radius:0!important}

#mhPieceOverlay .wk-rr-tab{border-radius:9px 9px 0 0!important}

/* ⚠️ A 300px-wide capsule around a campaign's NAME, and its focus ring was an
   ellipse drawn round the words — the tell that this is a text button, not a
   control (reference_runtime_button_radius_beats_classes). */
#mhPieceOverlay .wk-rr-hcamp{border-radius:7px!important}

/* ── and the two things Tyler kept: a small button, and a tag ──────────────
   Restating them INSIDE the id scope is not optional — the blanket rule above
   would square the Send button and the template chip as collateral, and those
   are exactly the shapes he said may stay. */
#mhPieceOverlay .wk-rr-btn,#mhMailOverlay .wk-rr-btn,
#mhPieceOverlay .wk-rr-dochead-tpl{border-radius:999px!important}

#mhPieceOverlay .wk-rr-gen-bar,#mhPieceOverlay .wk-rr-gen-fill{border-radius:999px!important}

/* Round is round: the ⋯ menu and the × are 32×32 and stay circles. */
#mhPieceOverlay .wk-rr-x,#mhPieceOverlay .wk-rmenu-btn,
#mhMailOverlay .wk-rr-x{border-radius:50%!important}