/* The product-card kit (markup in kit.js, motion in kit-motion.js), built on the homepage's card materials in pv.css.
   The site clears every shadow with *{box-shadow:none!important}, so the shadows here carry !important. */

/* ---------- stages ---------- */
.zpv .z-chip{white-space:nowrap}
.zpv .z-st.k-hero{background:none;box-shadow:none!important;overflow:visible;border-radius:0}
.zpv .z-st.k-hero::before{display:none}
.zpv .z-st.k-hero::after{content:"";position:absolute;left:-12%;right:-12%;top:-14%;bottom:-16%;z-index:0;pointer-events:none;
  background:radial-gradient(46% 44% at 52% 50%,rgb(233 230 244 / .9) 0%,rgb(238 236 246 / .55) 50%,rgb(244 243 249 / 0) 100%)}
.zpv .z-st.k-hero .z-aura{opacity:.32}

/* ---------- the rail card ---------- */
.zpv .k-card{position:absolute;left:28px;top:36px;width:328px;height:420px;padding:24px;border-radius:14px}
.zpv .k-big{font-size:44px;line-height:1.05;letter-spacing:-.045em;font-weight:500;margin-top:6px}
.zpv .k-rl{position:relative;margin-top:18px;padding-left:22px}
.zpv .k-rr{position:absolute;left:5px;top:0;height:calc(100% - 21px);width:1.5px;background:linear-gradient(180deg,#8B7FF0,#5A4ADF);transform-origin:top;border-radius:1px}
.zpv .k-r{position:relative;display:flex;justify-content:space-between;align-items:center;height:42px;border-top:1px solid var(--line2);font-size:13px;color:var(--ink2);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.zpv .k-r::before{content:"";position:absolute;left:-17px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px #6656E8!important}
.zpv .k-r::after{content:"";position:absolute;left:-10px;top:50%;width:6px;height:1.5px;background:#8B7FF0}
.zpv .k-r small{margin-left:6px;font-size:11.5px;color:var(--ink3)}
.zpv .k-r b{font-weight:400!important;color:var(--ink)}
.zpv .k-out{opacity:0!important;transform:translateX(-6px)}
.zpv .k-chip{transition:opacity .45s var(--ease)}

/* ---------- the pill ---------- */
.zpv .k-pill{width:244px}
.zpv .k-pill .z-ph1 .k-st{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.zpv .k-sub{transition:opacity .3s}

/* ---------- the list ---------- */
.zpv .k-list{position:absolute;left:28px;top:36px;width:328px;padding:18px 18px 8px;border-radius:14px}
.zpv .k-lh{display:flex;align-items:center;gap:11px;padding-bottom:12px}
.zpv .k-lh .lgo{--lg:30px;border-radius:8px}
.zpv .k-lh .z-zm{width:30px;height:30px;border-radius:8px}.zpv .k-lh .z-zm svg{width:19px;height:19px}
.zpv .k-lh .z-ic{width:30px;height:30px;border-radius:8px}
.zpv .k-lh b{display:block;font-size:14px;font-weight:500;line-height:1.3}
.zpv .k-lh span{display:block;font-size:12px;color:var(--ink3)}
.zpv .k-lh > .z-chip{margin-left:auto}
.zpv .k-list ol,.zpv .k-sheet ol{border-top:1px solid var(--line2)}
.zpv .k-list li{display:flex;align-items:center;gap:11px;height:50px;border-bottom:1px solid var(--line2);font-size:13px;transition:opacity .4s var(--ease)}
.zpv .k-list li:last-child{border-bottom:0}
.zpv .k-list li .lgo{--lg:24px;border-radius:6px}
.zpv .k-list li .z-ic,.zpv .k-list li .z-zm{width:24px;height:24px}
.zpv .k-list li .k-fi{transform:scale(.82)}
.zpv .k-list li p{flex:1;min-width:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zpv .k-list li p small{display:block;font-size:11.5px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis}
.zpv .k-list li > b{font-weight:400!important;font-size:13px;color:var(--ink)}
.zpv .k-tag{flex:none;transition:opacity .35s var(--ease),transform .35s var(--ease)}
.zpv .k-tk{flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--ok);transition:opacity .3s,transform .3s var(--ease)}
.zpv .k-tk svg{width:11px;height:11px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.zpv li.amb .k-tk{background:var(--amb)}
.zpv .k-list li.k-run .k-tk,.zpv .k-list li.k-wait .k-tk{background:none;box-shadow:inset 0 0 0 1.5px #DCD7FB!important}
.zpv .k-list li.k-run .k-tk{border:1.5px solid #DCD7FB;border-top-color:var(--v);box-shadow:none!important;animation:zv-spin .9s linear infinite}
.zpv .k-list li.k-run .k-tk svg,.zpv .k-list li.k-wait .k-tk svg{opacity:0}
.zpv .k-list li.k-wait,.zpv .k-list li.k-run{color:var(--ink3)}
.zpv li.k-wait .k-tag,.zpv li.k-run .k-tag{opacity:0;transform:scale(.9)}
.zpv .k-bar{flex:none;width:64px;height:5px;border-radius:3px;background:#EEEDF3;overflow:hidden}
.zpv .k-bar i{display:block;height:100%;width:calc(var(--p) * 1%);border-radius:3px;background:linear-gradient(90deg,#8B7FF0,#5A4ADF);transition:width .8s var(--ease)}
.zpv .k-lf{display:flex;align-items:center;gap:8px;min-height:40px;font-size:12px;color:var(--ink2);border-top:1px solid var(--line2)}
.zpv .k-lf b{font-weight:500;color:var(--ink)}
.zpv .k-lf .z-n{margin-left:auto}

/* ---------- the packet ---------- */
.zpv .k-ask{position:absolute;left:44px;top:40px;width:380px;padding:14px 16px;border-radius:16px 16px 16px 6px;display:flex;gap:12px;align-items:flex-start;transition:opacity .5s var(--ease),transform .5s var(--ease)}
.zpv .k-ask .z-av{width:30px;height:30px;font-size:10px}
.zpv .k-ask b{display:block;font-size:13px;font-weight:500}
.zpv .k-ask b small{font-size:12px;color:var(--ink3);font-weight:400}
.zpv .k-ask p{font-size:14.5px;line-height:1.45;color:var(--ink);margin-top:2px}
.zpv .k-pk{position:absolute;left:124px;top:140px;width:420px;padding:18px 18px 14px;border-radius:16px}
.zpv .k-pk-h{display:flex;align-items:center;gap:9px;font-size:14px;height:24px}
.zpv .k-pk-h .z-chip{margin-left:auto}
.zpv .k-files{margin-top:12px;border-top:1px solid var(--line2)}
.zpv .k-files li{display:flex;align-items:center;gap:12px;height:49px;border-bottom:1px solid var(--line2);font-size:13.5px;transition:opacity .45s var(--ease),transform .45s var(--ease)}
.zpv .k-files li p small{display:block;font-size:11.5px;color:var(--ink3);margin-top:1px}
.zpv .k-files li.k-out{opacity:0;transform:translateY(6px)}
.zpv .k-fck{width:16px;height:16px;margin-left:auto;stroke:var(--ok);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:opacity .3s}
/* a file, its corner folded */
.zpv .k-fi{position:relative;flex:none;width:28px;height:34px;border-radius:4px 9px 4px 4px;display:grid;place-items:end center;padding-bottom:5px;
  background:linear-gradient(225deg,transparent 7px,var(--fb) 7px);box-shadow:none!important}
.zpv .k-fi::before{content:"";position:absolute;right:0;top:0;width:10px;height:10px;border-radius:0 0 0 3px;background:var(--ff);box-shadow:-1px 1px 2px rgb(0 0 0 / .08)!important}
.zpv .k-fi::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;-webkit-mask:linear-gradient(225deg,transparent 7px,#000 7px);mask:linear-gradient(225deg,transparent 7px,#000 7px);box-shadow:inset 0 0 0 1px var(--fl)!important}
.zpv .k-fi i{font-style:normal;font-size:7.5px;font-weight:700;letter-spacing:.06em;color:var(--fc);line-height:1}
.zpv .k-fi svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;display:block}
.zpv .k-fi.pdf{--fb:#FBECE8;--ff:#F2CFC6;--fl:#F0D3CB;--fc:#B5462F}
.zpv .k-fi.csv,.zpv .k-fi.xls{--fb:#E7F3EC;--ff:#C6E3D2;--fl:#CDE7D8;--fc:#1E7A4E}
.zpv .k-fi.log{--fb:var(--v-s);--ff:#D6D0FA;--fl:#DEDAFB;--fc:#4E3FD0}
.zpv .k-fi.doc{--fb:#E9F0FB;--ff:#CCDCF4;--fl:#D3E0F5;--fc:#2F5FB3}
.zpv .k-pk-f{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:12px;color:var(--ink2);height:26px}
.zpv .k-sg{display:flex}
.zpv .k-sg > span{width:24px;height:24px;border-radius:50%;box-shadow:0 0 0 2px #fff!important;transition:opacity .4s,transform .4s var(--ease)}
.zpv .k-sg > span + span{margin-left:-3px}
.zpv .k-sg .z-zm{border-radius:50%}
.zpv .k-sg .z-zm svg{width:14px;height:14px}
.zpv .k-sg .z-av{font-size:9px}
.zpv .k-sg > span.k-out{opacity:0;transform:scale(.6)}

/* ---------- the prepared entry ---------- */
.zpv .k-je{position:absolute;left:24px;top:30px;width:336px;padding:18px 18px 16px;border-radius:14px;display:flex;flex-direction:column;font-size:13.5px;line-height:1.5}
.zpv .k-je .z-tct{font-size:17px;margin-top:12px}
.zpv .k-je .z-tcl{margin-top:12px;font-size:12.5px}
.zpv .k-je .z-tcl>div{height:34px}
.zpv .k-je .z-tcl>div:first-child{height:26px}
.zpv .k-je .z-tca,.zpv .k-je .z-tcd{margin-top:14px;height:36px}
.zpv .k-je .z-tca .z-btn{height:36px}
.zpv .k-je.z-done .z-tca{display:none}
.zpv .k-je.z-done .z-tcd{display:flex}
.zpv .k-je.z-busy .z-tca{opacity:.35}
.zpv .k-wt{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 11px;border-radius:9px;background:var(--amb-s);color:#8A5A07;font-size:12px;line-height:1.4}
.zpv .k-wt::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--amb)}

/* ---------- figure, chart, note ---------- */
.zpv svg.k-ch{position:absolute;left:0;width:384px;height:230px;overflow:visible}
.zpv .k-b{transform-box:fill-box;transform-origin:bottom;transition:transform .7s var(--ease) calc(var(--i) * 70ms)}
.zpv .k-grow.k-flat .k-b{transform:scaleY(0)}
.zpv .k-mark{transition:opacity .4s}
.zpv .k-note{transition:opacity .5s var(--ease),transform .5s var(--ease),box-shadow .7s var(--ease)}
.zpv .k-lg{position:absolute;right:26px;top:34px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:11.5px;color:var(--ink2)}
.zpv .k-lg span{display:inline-flex;align-items:center;gap:7px}
.zpv .k-lg i{width:14px;height:2px;border-radius:1px;background:#5A4ADF}
.zpv .k-lg i.dot{height:3px;background:radial-gradient(circle,#3E3C4A 1.1px,transparent 1.3px) 0 50% / 5px 3px repeat-x}
.zpv .k-lg i.dash{background:repeating-linear-gradient(90deg,#8B7FF0 0 4px,transparent 4px 7px)}
.zpv .k-lg i.grey{background:#C9C6D3}
.zpv .k-lg i.hatch{height:8px;width:10px;border-radius:2px;background:repeating-linear-gradient(45deg,#B9B0F6 0 1.5px,#EFEDFD 1.5px 3.5px);box-shadow:inset 0 0 0 1px #8B7FF0!important}

/* ---------- the sheet ---------- */
.zpv .k-sheet{position:absolute;left:24px;top:34px;width:336px;padding:18px 18px 6px;border-radius:14px}
.zpv .k-tb{display:grid;border-top:1px solid var(--line2);font-size:12.5px}
.zpv .k-th{height:30px;display:flex;align-items:center;font-size:10.5px;color:var(--ink3);letter-spacing:.02em;border-bottom:1px solid var(--line2)}
.zpv .k-td{height:36px;display:flex;align-items:center;border-bottom:1px solid var(--line2);white-space:nowrap;transition:opacity .35s var(--ease),background .4s}
.zpv .k-th:not(:first-child),.zpv .k-td.k-c{justify-content:flex-end;text-align:right}
.zpv .k-td.k-c{color:var(--ink)}
.zpv .k-td.dim{color:var(--ink3)}
.zpv .k-td.tot{font-weight:500;border-bottom:0}
.zpv .k-td.hl{background:var(--v-s)}
.zpv .k-td.hl:first-child{border-radius:6px 0 0 6px;padding-left:8px;margin-left:-8px}
.zpv .k-td.hl:last-child{border-radius:0 6px 6px 0;padding-right:8px;margin-right:-8px}
.zpv .k-td.amb{background:var(--amb-s)}
.zpv .k-td.amb:first-child{border-radius:6px 0 0 6px;padding-left:8px;margin-left:-8px}
.zpv .k-td.amb:last-child{border-radius:0 6px 6px 0;padding-right:8px;margin-right:-8px}
.zpv .k-td .up{color:#9A6408}.zpv .k-td .dn{color:var(--ok)}
.zpv .k-td.k-blank{opacity:0}

/* ---------- paper ---------- */
/* the check: security tint, a perforated edge where it came out of the book, the MICR line along the bottom */
.zpv .k-chq{position:absolute;left:18px;top:36px;width:356px;padding:13px 16px 11px 20px;border-radius:5px;transform:rotate(-2.5deg);color:#2F3A35;font-size:10px;
  background:repeating-radial-gradient(circle at 78% 120%,rgb(80 130 110 / .05) 0 1px,transparent 1px 5px),repeating-linear-gradient(115deg,rgb(80 130 110 / .035) 0 1px,transparent 1px 4px),linear-gradient(160deg,#F2F7F3,#E6EFEA);
  -webkit-mask:radial-gradient(circle at 0 50%,transparent 1.6px,#000 1.9px) 0 0 / 6px 7px repeat-y,linear-gradient(#000 0 0) 4px 0 / calc(100% - 4px) 100% no-repeat;
          mask:radial-gradient(circle at 0 50%,transparent 1.6px,#000 1.9px) 0 0 / 6px 7px repeat-y,linear-gradient(#000 0 0) 4px 0 / calc(100% - 4px) 100% no-repeat;
  filter:drop-shadow(0 0 .6px rgb(40 70 60 / .35)) drop-shadow(0 22px 22px rgb(30 50 45 / .16))}
.zpv .k-chq::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.12;mix-blend-mode:multiply;pointer-events:none}
.zpv .k-q1{display:flex;justify-content:space-between;align-items:flex-start}
.zpv .k-q1 b{font-size:11.5px;font-weight:600;color:#1E2924;letter-spacing:-.01em;line-height:1.25}
.zpv .k-q1 b small{display:block;font-size:7.5px;font-weight:400;color:#6E7C76;letter-spacing:.02em;margin-top:1px}
.zpv .k-q1 > span{font-family:"Geist Mono",monospace;font-size:10.5px;color:#4B5953}
.zpv .k-q2{display:flex;justify-content:flex-end;align-items:baseline;gap:8px;margin-top:2px;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#6E7C76}
.zpv .k-q2 em,.zpv .k-q3 em{font-family:"Newsreader",Georgia,serif;font-style:italic;font-size:14px;letter-spacing:0;text-transform:none;color:#1E2924;border-bottom:1px solid rgb(40 70 60 / .3);padding:0 6px 1px}
.zpv .k-q3{display:flex;align-items:flex-end;gap:10px;margin-top:6px}
.zpv .k-q3 > span{font-size:7.5px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:#6E7C76}
.zpv .k-q3 em{flex:1;font-size:15px}
.zpv .k-q3 mark{font-family:"Geist Mono",monospace;font-size:12.5px;color:#1E2924;padding:3px 7px;border-radius:3px;
  background:linear-gradient(rgb(139 127 240 / .28),rgb(139 127 240 / .28)) no-repeat 0 0 / var(--hl,100%) 100%,rgb(255 255 255 / .65);box-shadow:inset 0 0 0 1px rgb(40 70 60 / .28)!important}
.zpv .k-q4{display:flex;align-items:baseline;gap:6px;margin-top:8px;font-family:"Newsreader",Georgia,serif;font-style:italic;font-size:12px;color:#33413B;border-bottom:1px solid rgb(40 70 60 / .3);padding-bottom:1px}
.zpv .k-q4 i{flex:1;height:1px;border-top:1px dashed rgb(40 70 60 / .3)}
.zpv .k-q5{display:flex;justify-content:space-between;align-items:flex-end;margin-top:2px;font-size:8.5px;color:#6E7C76}
.zpv .k-sig{width:112px;height:30px;fill:none;stroke:#23306B;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.zpv .k-q6{display:flex;align-items:center;margin-top:4px;font-family:"Geist Mono",monospace;font-size:11px;letter-spacing:.16em;color:#2B2F2D;white-space:nowrap}
.zpv .k-mi{display:inline-block;position:relative;width:8px;height:9px;margin:0 2px}
.zpv .k-mi.on::before{content:"";position:absolute;left:0;top:0;width:3px;height:9px;background:#2B2F2D}
.zpv .k-mi.on::after{content:"";position:absolute;left:4.5px;top:0;width:3.5px;height:3px;background:#2B2F2D;box-shadow:0 6px 0 #2B2F2D!important}
.zpv .k-mi.tr::before{content:"";position:absolute;left:0;top:3px;width:3.5px;height:3px;background:#2B2F2D;box-shadow:0 -3px 0 transparent!important}
.zpv .k-mi.tr::after{content:"";position:absolute;left:5px;top:0;width:3px;height:9px;background:#2B2F2D}
html .zpv .k-chq em,html .zpv .k-q4{font-family:"Newsreader",Georgia,serif!important}

/* the invoice */
.zpv .k-inv{position:absolute;left:26px;top:28px;width:300px;padding:20px 20px 16px;border-radius:4px;background:#FFFEFC;color:#3B3A36;font-size:10.5px;
  box-shadow:0 0 0 1px rgb(60 50 30 / .07),0 30px 50px -30px rgb(60 50 30 / .3)!important}
.zpv .k-inv::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.06;mix-blend-mode:multiply;pointer-events:none}
.zpv .k-inv-h{display:flex;justify-content:space-between;align-items:center}
.zpv .k-vend{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#1F1E1B;letter-spacing:-.01em}
.zpv .k-vend i{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;color:#fff;font-style:normal;font-size:10px;font-weight:700}
.zpv .k-lab{font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:#8C877C;font-weight:600}
.zpv .k-inv-m{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin-top:16px}
.zpv .k-inv-m span{display:block;font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:#9A958A}
.zpv .k-inv-m b{display:block;font-size:10.5px;font-weight:500;color:#2F2D29;margin-top:2px;white-space:nowrap}
.zpv .k-inv-t{margin-top:14px}
.zpv .k-inv-r{display:flex;justify-content:space-between;align-items:center;gap:10px;height:27px;border-top:1px solid #EFECE6}
.zpv .k-inv-r b{font-weight:400!important;font-family:"Geist Mono",monospace;font-size:10px;color:#2F2D29}
.zpv .k-inv-th{height:22px;border-top:0;font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:#9A958A}
.zpv .k-inv-th b{font-family:inherit!important;font-size:7.5px;color:#9A958A}
.zpv .k-inv-s{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px;padding-top:9px;border-top:1.5px solid #2F2D29;font-size:10.5px;font-weight:600;color:#1F1E1B}
.zpv .k-inv-s b{font-family:"Geist Mono",monospace;font-size:13px;font-weight:600}
.zpv .k-inv-f{margin-top:10px;font-size:8.5px;color:#9A958A;line-height:1.5}
.zpv .k-inv mark,.zpv .k-paper mark,.zpv .k-rcp mark{color:#1D1B17;background:linear-gradient(rgb(139 127 240 / .26),rgb(139 127 240 / .26)) no-repeat 0 0 / var(--hl,100%) 100%;border-radius:3px;padding:1px 3px;margin:0 -3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* a contract or policy, in the homepage's document face */
.zpv .k-paper{position:absolute;left:26px;top:26px;width:400px;height:420px;background:#FFFEFB;padding:36px 44px 0 34px;border-radius:4px;
  box-shadow:0 0 0 1px rgb(80 60 30 / .06),0 30px 60px -30px rgb(80 60 30 / .22)!important;font-family:"Newsreader",Georgia,serif;font-size:16px;line-height:1.7;color:#57534B}
.zpv .k-paper .z-pl{font-family:"Geist",sans-serif;font-size:9.5px;letter-spacing:.22em;color:#8C877C;font-weight:600}
.zpv .k-paper .z-ph{font-family:"Geist",sans-serif;font-size:12px;font-weight:600;color:#2F2D29;margin:20px 0 4px}
.zpv .k-paper .z-dof{filter:blur(2.4px);opacity:.55}
html .zpv .k-paper p{font-family:"Newsreader",Georgia,serif!important}
/* a receipt, photographed */
.zpv .k-rcp{position:absolute;left:44px;top:22px;width:196px;padding:18px 16px 16px;transform:rotate(3deg);background:#FDFCF8;color:#3A3832;font-size:9.5px;line-height:1.5;text-transform:uppercase;letter-spacing:.04em;
  -webkit-mask:conic-gradient(from 135deg at top,#000 90deg,#0000 0) bottom / 8px 5px repeat-x,linear-gradient(#000 0 0) 0 0 / 100% calc(100% - 5px) no-repeat;
          mask:conic-gradient(from 135deg at top,#000 90deg,#0000 0) bottom / 8px 5px repeat-x,linear-gradient(#000 0 0) 0 0 / 100% calc(100% - 5px) no-repeat;
  filter:drop-shadow(0 18px 18px rgb(60 50 30 / .14));background-image:linear-gradient(90deg,rgb(0 0 0 / .03),transparent 12%,transparent 88%,rgb(0 0 0 / .035))}
html .zpv .k-rcp,html .zpv .k-rcp *{font-family:"Geist Mono",ui-monospace,monospace!important}
.zpv .k-rcp-n{display:block;text-align:center;font-size:11.5px;font-weight:600;letter-spacing:.08em;color:#1F1E1B}
.zpv .k-rcp-a{display:block;text-align:center;font-size:8px;color:#8C877C;margin-top:2px}
.zpv .k-rcp-l{margin-top:12px;padding-top:8px;border-top:1px dashed #C9C4B8}
.zpv .k-rcp-l div,.zpv .k-rcp-t{display:flex;justify-content:space-between}
.zpv .k-rcp-t{margin-top:8px;padding-top:7px;border-top:1px dashed #C9C4B8;font-size:11px;font-weight:600;color:#1F1E1B}
.zpv .k-rcp-c{margin-top:10px;font-size:8px;color:#8C877C;text-align:center}

/* ---------- the hero's queue ---------- */
.zpv .k-qh{position:absolute;left:50%;margin-left:-220px;top:28px;width:440px;height:52px;padding:0 16px;border-radius:13px;display:flex;align-items:center;gap:8px;font-size:13.5px;white-space:nowrap}
.zpv .k-qh b{font-weight:500}
.zpv .k-qh .z-mut{font-size:12.5px}
.zpv .k-qh .z-zm{width:22px;height:22px}
.zpv .k-qbar{flex:none;margin-left:auto;width:64px;height:6px;border-radius:3px;background:#EEEDF3;overflow:hidden}
.zpv .k-qbar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#8B7FF0,#5A4ADF);transition:width .7s var(--ease)}
.zpv .k-qn{font-size:12.5px;color:var(--ink2);margin-left:4px}
.zpv .k-sk{position:absolute;left:50%;margin-left:-220px;top:100px;width:440px;height:400px;border-radius:14px;background:#fff;transform-origin:bottom center;box-shadow:0 0 0 1px rgb(17 17 17 / .05),0 16px 30px -22px rgb(30 25 60 / .3)!important}
.zpv .k-sk1{transform:translateY(14px) scale(.95);opacity:.75}
.zpv .k-sk2{transform:translateY(28px) scale(.9);opacity:.45}
.zpv .k-je.k-jl{left:50%;margin-left:-220px;top:100px;width:440px;padding:22px 22px 20px;font-size:14.5px}
.zpv .k-je.k-jl .z-tct{font-size:19px;margin-top:16px}
.zpv .k-je.k-jl .z-tcl{margin-top:16px;font-size:13px}
.zpv .k-je.k-jl .z-tcl>div{height:38px}
.zpv .k-je.k-jl .z-tcl>div:first-child{height:28px}
.zpv .k-je.k-jl .z-tca,.zpv .k-je.k-jl .z-tcd{height:38px;margin-top:16px}
.zpv .k-je.k-jl .z-tca .z-btn{height:38px}

/* ---------- cursor for approvals ---------- */
.zpv .k-cur{position:absolute;left:0;top:0;width:20px;height:22px;z-index:3;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 3px rgb(0 0 0 / .25))}

@media (prefers-reduced-motion:reduce){.zpv .k-b,.zpv .k-r,.zpv .k-list li,.zpv .k-files li{transition:none!important}}

/* ---------- country badge ---------- */
.zpv .k-cc{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:linear-gradient(160deg,#F5F4FA,#E6E4F0);font-size:10px;font-weight:700;letter-spacing:.05em;color:#4A4760;box-shadow:inset 0 0 0 1px rgb(17 17 17 / .06)!important}
.zpv .k-list li .k-cc{width:24px;height:24px;font-size:8.5px;border-radius:6px}

/* ---------- coded fields, and a schedule ---------- */
.zpv .k-fields,.zpv .k-sched{position:absolute;width:268px;padding:15px 16px 12px;border-radius:14px}
.zpv .k-fields .z-ph1 .z-chip,.zpv .k-sched .z-ph1 .z-chip{margin-left:auto}
.zpv .k-fsub{font-size:11.5px;color:var(--ink3);margin-top:3px}
.zpv .k-fields dl{margin-top:10px;border-top:1px solid var(--line2)}
.zpv .k-fields dl div{display:grid;grid-template-columns:92px 1fr;align-items:center;height:31px;border-bottom:1px solid var(--line2);font-size:12.5px}
.zpv .k-fields dt{color:var(--ink3);font-size:11.5px}
.zpv .k-fields dd{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s}
.zpv .k-fields dd.k-blank{opacity:0}
.zpv .k-fields dd.k-fill{background:linear-gradient(90deg,#F0EFF5 0,#E3E0F4 50%,#F0EFF5 100%) 0 50% / 300% 9px no-repeat;animation:zv-shim 1.2s linear infinite;color:transparent!important}
.zpv .k-ff{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:12px;color:var(--ink2);transition:opacity .4s}
.zpv .k-ff b{font-weight:500;color:var(--ink)}
.zpv .k-sched .z-amt{font-size:28px;letter-spacing:-.03em;font-weight:500;margin-top:8px;line-height:1.1}
.zpv .k-segs{display:flex;gap:3px;margin-top:12px}
.zpv .k-segs i{flex:1;height:9px;border-radius:2.5px;background:#EEEDF3;transition:background .3s}
.zpv .k-segs i.on{background:linear-gradient(180deg,#8B7FF0,#5A4ADF)}

/* ---------- two entities ---------- */
.zpv .k-ent{position:absolute;width:300px;padding:16px 18px;border-radius:14px;transition:opacity .5s var(--ease),transform .5s var(--ease)}
.zpv .k-ent.a{left:30px;top:64px}
.zpv .k-ent.b{left:240px;top:318px}
.zpv .k-eh{display:flex;align-items:center;gap:11px}
.zpv .k-eh b{display:block;font-size:14px;font-weight:500}
.zpv .k-eh span{display:block;font-size:12px;color:var(--ink3)}
.zpv .k-ea{display:flex;justify-content:space-between;align-items:baseline;margin-top:16px;padding-top:12px;border-top:1px solid var(--line2);font-size:12px;color:var(--ink2)}
.zpv .k-ea b{font-size:22px;font-weight:500;letter-spacing:-.03em;color:var(--ink)}
.zpv .k-ex{margin-top:4px;text-align:right;font-size:12px;color:var(--v);font-weight:500;transition:opacity .4s}
.zpv svg.k-link{position:absolute;left:0;top:0;width:560px;height:540px;overflow:visible;pointer-events:none}
.zpv svg.k-link path{fill:none;stroke:#8B7FF0;stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:0}
.zpv .k-rate{position:absolute;left:206px;top:250px;height:34px;padding:0 13px;border-radius:17px;display:flex;align-items:center;font-size:12.5px;color:#4E3FD0;white-space:nowrap;transition:opacity .5s var(--ease),transform .5s var(--ease)}
.zpv .k-match{position:absolute;left:240px;top:468px;transition:opacity .5s var(--ease)}
.zpv .k-match .z-chip{height:28px;padding:0 11px;font-size:12.5px;border-radius:8px}

/* ---------- a page of the management pack ---------- */
.zpv .k-pack{position:absolute;left:40px;top:34px;width:396px;height:470px;padding:26px 26px 0;border-radius:5px;background:#FFFEFC;color:#3B3A36;
  box-shadow:0 0 0 1px rgb(60 50 30 / .07),0 34px 60px -32px rgb(60 50 30 / .3)!important}
.zpv .k-pack::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.05;mix-blend-mode:multiply;pointer-events:none}
.zpv .k-pk1{display:flex;justify-content:space-between;font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:#8C877C;font-weight:600}
.zpv .k-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}
.zpv .k-tiles div{padding:11px 11px 10px;border-radius:8px;background:#F6F5F1}
.zpv .k-tiles .k-hl{background:linear-gradient(rgb(139 127 240 / .2),rgb(139 127 240 / .2)) no-repeat 0 0 / var(--hl,100%) 100%,#F6F5F1}
.zpv .k-tiles span{display:block;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#8C877C}
.zpv .k-tiles b{display:block;font-size:19px;font-weight:500;letter-spacing:-.03em;color:#1F1E1B;margin-top:4px}
.zpv .k-tiles small{display:block;font-size:9.5px;color:#1E7A4E;margin-top:1px}
.zpv .k-pbars{display:flex;align-items:flex-end;gap:10px;height:120px;margin-top:22px;padding-bottom:16px;border-bottom:1px solid #EFECE6}
.zpv .k-pbars span{position:relative;flex:1;height:100%;display:flex;align-items:flex-end}
.zpv .k-pbars i{display:block;width:100%;border-radius:3px 3px 1px 1px;background:#E4E1EC}
.zpv .k-pbars span.on i{background:linear-gradient(180deg,#8B7FF0,#5A4ADF)}
.zpv .k-pbars em{position:absolute;left:0;right:0;bottom:-15px;text-align:center;font-style:normal;font-size:8.5px;color:#9A958A}
.zpv .k-plines{margin-top:22px;filter:blur(1.4px);opacity:.7}
.zpv .k-plines i{display:block;height:6px;border-radius:3px;background:#E6E3DC;margin-bottom:9px}

/* ---------- a hero panel; the days strip ---------- */
.zpv .k-panel{position:absolute;left:50%;margin-left:-230px;top:56px;width:460px;height:420px;border-radius:16px;overflow:hidden}
.zpv .k-panel svg.k-ch{left:18px;width:424px;height:254px}
.zpv .k-panel .k-lg{top:30px}
.zpv .k-days{position:absolute;left:50%;margin-left:-220px;top:26px;width:440px;height:78px;padding:0 8px;border-radius:14px;display:grid;grid-template-columns:repeat(7,1fr);align-items:center}
.zpv .k-days span{display:flex;flex-direction:column;align-items:center;gap:1px}
.zpv .k-days small{font-size:10px;color:var(--ink3);letter-spacing:.04em;text-transform:uppercase}
.zpv .k-days b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:14px;font-weight:500;color:var(--ink2)}
.zpv .k-days em{font-style:normal;font-size:9.5px;color:var(--ink3);white-space:nowrap}
.zpv .k-days .now b{background:linear-gradient(160deg,#7A6BF2,#5546D8);color:#fff}
.zpv .k-days .now em{color:#4E3FD0;font-weight:500}
.zpv .k-days .was b{color:var(--ink3)}
.zpv .k-days .end b{box-shadow:inset 0 0 0 1.5px #CFC9F6!important;color:var(--ink)}
.zpv .k-days .ok b{background:var(--ok-s);color:var(--ok)}
.zpv .k-days .ok em{color:var(--ok)}

/* ---------- small parts ---------- */
.zpv .k-due{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;background:#F3F2F7;color:var(--ink3);font-size:11px}
.zpv .k-sheet .k-td .z-zm,.zpv .k-sheet .k-td .z-av{width:22px;height:22px}
.zpv .k-sheet .k-td .z-av{font-size:9px}
.zpv .k-list.k-wl li{height:52px}
.zpv .k-fig .z-chip.z-v,.zpv .k-fig .z-chip.z-amb{font-size:11.5px;letter-spacing:0;line-height:normal;font-weight:500;margin-top:10px}
.zpv .k-ent .k-ea b{font-size:20px}
.zpv .k-who{display:inline-flex;align-items:center;gap:7px}