/* R09 PO processing guide — document to record */
.page-pw main>section{overflow-x:clip}
.mono{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--p3)}
.crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--mut);margin-bottom:18px}
.crumbs a:hover{color:var(--p3)}.crumbs b{color:var(--p3);font-weight:600}
.pw-hd{max-width:800px}
.pw-2{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.pw-2.top{align-items:start}
.page-pw{--pg:#12a37a;--pa:#e8950c;--pr:#e0476a;--paper:#fffdf8}

/* hero */
.pw-hero{position:relative;padding:56px 0 84px;background:radial-gradient(900px 500px at 85% 30%,#efe7ff 0,transparent 60%),linear-gradient(180deg,#faf8ff,#fff)}
.pw-hin{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.pw-tag{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px;color:var(--p3);background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px}
.pw-tag i{width:11px;height:14px;border:2px solid var(--p);border-radius:2px;position:relative}
.pw-tag i:after{content:"";position:absolute;left:1px;right:1px;top:3px;height:2px;background:var(--p);box-shadow:0 3px 0 var(--p)}
.pw-h1{font-size:clamp(34px,3.9vw,56px)}
.pw-h1 .gr{background:linear-gradient(90deg,var(--p3),var(--p) 50%,var(--p2));-webkit-background-clip:text;background-clip:text;color:transparent}
.pw-sa{background:#fff;border:1px solid var(--line);border-left:4px solid var(--p);border-radius:14px;padding:18px 22px;max-width:600px;box-shadow:var(--sh)}
.pw-sa p{margin:8px 0 0;line-height:1.65;font-size:15.5px}
.pw-acts{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.pw-vis{position:relative;height:500px}
.pw-hdoc{position:absolute;left:0;top:10px;width:44%;height:310px;background:var(--paper);border:1px solid #eadfcb;border-radius:6px;box-shadow:0 24px 50px rgba(23,22,52,.14);padding:20px 18px;transform:rotate(-4deg);overflow:hidden}
.pw-hdt{font:800 12px "JetBrains Mono",monospace;letter-spacing:.14em;color:var(--ink);margin-bottom:14px}
.pw-l{display:block;height:7px;border-radius:4px;background:#e7e1d6;margin:0 0 9px}.pw-l.w1{width:60%}.pw-l.w2{width:85%}.pw-l.w3{width:45%}
.pw-hgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:7px;margin:16px 0}
.pw-hgrid span{height:18px;border-radius:3px;background:#f1ece2;border:1px solid #e7e1d6}
.pw-scan{position:absolute;left:0;right:0;top:-30px;height:34px;background:linear-gradient(180deg,transparent,rgba(127,66,244,.28) 80%,var(--p) 100%);opacity:0}
.pw-run .pw-scan{animation:pwScan 2.2s var(--ease) .3s both}
.pw-pipe{position:absolute;left:43%;top:150px;width:12%;height:4px;border-radius:4px;background:repeating-linear-gradient(90deg,#d8cdf5 0 8px,transparent 8px 14px)}
.pw-pipe i{position:absolute;top:-4px;left:0;width:12px;height:12px;border-radius:50%;background:var(--p);box-shadow:0 0 12px var(--p2);opacity:0}
.pw-run .pw-pipe i{animation:pwDot 1.1s linear infinite}.pw-pipe i:nth-child(2){animation-delay:.37s!important}.pw-pipe i:nth-child(3){animation-delay:.74s!important}
.pw-rec{position:absolute;right:0;top:40px;width:52%;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px rgba(23,22,52,.14);padding:18px}
.pw-rh{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.pw-st2{font:700 11px Inter,sans-serif;color:var(--pg);background:#e3f7ef;border-radius:999px;padding:4px 9px;opacity:0}
.pw-run .pw-st2{animation:pwFade .4s ease 3.4s both}
.pw-rf{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px dashed var(--line);font-size:13px;opacity:0}
.pw-rf span{color:var(--mut)}.pw-rf b{color:var(--ink);text-align:right}
.pw-run .pw-rf{animation:pwIn .45s var(--ease) both;animation-delay:calc(1s + var(--k)*.32s)}
.pw-stamp{position:absolute;right:18px;bottom:54px;font:800 18px "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--p);border:3px solid var(--p);border-radius:8px;padding:6px 12px;transform:rotate(-12deg) scale(2.4);opacity:0}
.pw-run .pw-stamp{animation:pwStamp .5s cubic-bezier(.2,1.6,.4,1) 3.7s both}
.pw-eagle{position:absolute;right:-10px;bottom:-30px;height:250px;width:auto;z-index:3;filter:drop-shadow(0 18px 26px rgba(23,22,52,.25))}
.pw-run .pw-eagle{animation:pwNod 4.4s ease-in-out both}
@keyframes pwScan{0%{top:-30px;opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}
@keyframes pwDot{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 12px);opacity:0}}
@keyframes pwIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@keyframes pwFade{to{opacity:1}}
@keyframes pwStamp{to{opacity:.92;transform:rotate(-12deg) scale(1)}}
@keyframes pwNod{0%,70%,100%{transform:none}80%{transform:translateY(8px) rotate(-3deg)}}

/* flows */
.pw-fg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.pw-fl{position:relative;border:1px solid var(--line);border-radius:20px;background:#fff;padding:26px;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}
.pw-fl:hover{transform:translateY(-5px);box-shadow:var(--sh)}
.pw-fl.fpu{--c:#2a9dc4}.pw-fl.fso{--c:var(--p)}.pw-fl.fap{--c:var(--pa)}
.pw-fl:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--c) 12%,#fff);transform:scale(.3);transition:transform .9s var(--ease) .2s}
.pw-fl.vis:after{transform:none}
.pw-flt{position:relative;z-index:1}.pw-flt .mono{color:var(--c)}
.pw-fl h3{font-size:21px;margin:6px 0 10px}
.pw-fl p{color:var(--mut);font-size:15px;line-height:1.55;margin:0 0 12px}
.pw-fl dl{margin:0;font-size:14px;line-height:1.5}.pw-fl dt{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--c);margin-top:10px}.pw-fl dd{margin:3px 0 0}

/* workflow */
.pw-sticky{position:sticky;top:110px}
.pw-prog{height:6px;border-radius:6px;background:#e5dcfa;margin:26px 0 10px;overflow:hidden}
.pw-prog i{display:block;height:100%;width:var(--w,14%);background:linear-gradient(90deg,var(--p3),var(--p2));border-radius:6px;transition:width .5s var(--ease)}
.pw-pc b{color:var(--ink)}
.pw-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;position:relative}
.pw-steps:before{content:"";position:absolute;left:31px;top:20px;bottom:20px;width:2px;background:#e1d7f7}
.pw-st{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;position:relative;opacity:.55;transition:opacity .4s,box-shadow .4s,transform .4s var(--ease)}
.pw-st.act,.pw-st.dn{opacity:1}.pw-st.act{box-shadow:var(--sh);transform:translateX(6px);border-color:#cdb6fb}
.pw-sn{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid #cdb6fb;font:700 10px "JetBrains Mono",monospace;color:var(--p3);transition:.4s;position:relative;z-index:1}
.pw-st.dn .pw-sn,.pw-st.act .pw-sn{background:var(--p);border-color:var(--p);color:#fff}
.pw-st b{font-size:17px}.pw-st p{margin:4px 0 0;color:var(--mut);font-size:14.5px;line-height:1.5}

/* field map */
.pw-mw{display:grid;grid-template-columns:1.05fr 1fr;gap:26px;margin-top:34px;align-items:start}
.pw-ml{position:relative}
.pw-lab{position:absolute;top:-12px;left:18px;z-index:2;font:700 11px Inter,sans-serif;background:var(--ink);color:#fff;border-radius:999px;padding:5px 10px}
.pw-doc{background:var(--paper);border:1px solid #eadfcb;border-radius:10px;padding:28px 26px;box-shadow:0 24px 50px rgba(23,22,52,.1);font-size:13.5px;color:#34324a}
.pw-dh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:14px;border-bottom:2px solid var(--ink)}
.pw-dt{font:800 18px "JetBrains Mono",monospace;letter-spacing:.12em;color:var(--ink)}
.pw-dm{margin-top:6px}
.pw-da{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:14px 0}
.pw-doc small{display:block;font:600 10px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#8a8697;margin-bottom:4px}
.pw-g{color:#8a8697;font-size:12.5px}
.pw-dl{width:100%;border-collapse:collapse;margin:6px 0 14px}
.pw-dl th{text-align:left;font:600 10px "JetBrains Mono",monospace;text-transform:uppercase;color:#8a8697;border-bottom:1px solid #e7e1d6;padding:7px 4px}
.pw-dl td{padding:8px 4px;border-bottom:1px solid #f0ebe1}
.pw-df{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:6px}
.pw-fd{display:inline-block;padding:1px 5px;margin:-1px -2px;border-radius:5px;background:rgba(127,66,244,.08);outline:1.5px dashed rgba(127,66,244,.35);cursor:pointer;transition:background .25s,outline-color .25s,box-shadow .25s;color:var(--ink);font-weight:600}
.pw-fd.act{background:var(--p);color:#fff;outline-color:var(--p);box-shadow:0 0 0 5px rgba(127,66,244,.18)}
.pw-rule{background:var(--ink);color:#fff;border-radius:18px;padding:18px 20px;min-height:112px;margin-bottom:14px}
.pw-rule .mono{color:#c9b8ff}
.pw-rule p{margin:8px 0 0;font-size:14.5px;line-height:1.55}
.pw-rule p b{display:block;color:#fff;margin-bottom:4px}.pw-rule p span{color:#d9d4ee}
.pw-rule p:not([hidden]){animation:pwIn .35s var(--ease)}
.pw-r0{color:#bdb6d8}
.pw-mtw{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.pw-mt{width:100%;border-collapse:collapse;font-size:13.5px}
.pw-mt th{text-align:left;font:600 10.5px "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);background:var(--lav2);padding:10px 12px}
.pw-mt td{padding:9px 12px;border-top:1px solid var(--line);transition:background .25s}
.pw-mt tr{cursor:pointer}
.pw-mt tr.act td{background:var(--lav)}.pw-mt tr.act .pw-ar{color:var(--p);transform:translateX(4px)}
.pw-v{font-family:"JetBrains Mono",monospace;font-size:12.5px;color:var(--p3)}
.pw-ar{color:#c9c3dc;transition:transform .3s,color .3s;display:table-cell}

/* exceptions */
.pw-xw{margin-top:32px;display:grid;grid-template-columns:260px 1fr;gap:20px}
.pw-tabs{display:flex;flex-direction:column;gap:8px}
.pw-tb{display:flex;align-items:center;gap:10px;text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:13px 14px;font:600 14.5px Inter,sans-serif;color:var(--ink);cursor:pointer;transition:.25s}
.pw-tb:hover{border-color:#cdb6fb}
.pw-tb.on{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateX(6px)}
.pw-tbn{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--lav);color:var(--p3);font-size:12px;flex:none}
.pw-tb.on .pw-tbn{background:var(--pr);color:#fff}
.pw-pn{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--sh)}
.pw-pn.on{animation:pwIn .45s var(--ease)}
.pw-pn h3{font-size:22px;margin:0 0 6px}.pw-pd{color:var(--mut);margin:0 0 18px;line-height:1.55}
.pw-cmp{position:relative;display:flex;flex-direction:column;gap:10px}
.pw-cv{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--lav2)}
.pw-cv small{display:block;font:600 10px "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);margin-bottom:4px}
.pw-cv b{font-family:"JetBrains Mono",monospace;font-size:14px}
.pw-cv.bad{border-color:#f3b3c2;background:#fff3f6}
.pw-pn.on .pw-cv.bad{animation:pwShake .5s ease .5s}
.pw-flag{position:absolute;right:-6px;top:50%;font:800 11px "JetBrains Mono",monospace;text-transform:uppercase;color:#fff;background:var(--pr);padding:5px 10px;border-radius:6px;transform:translateY(-50%) rotate(6deg) scale(0)}
.pw-pn.on .pw-flag{animation:pwFlag .45s cubic-bezier(.2,1.6,.4,1) .9s forwards}
@keyframes pwShake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
@keyframes pwFlag{to{transform:translateY(-50%) rotate(6deg) scale(1)}}
.pw-pr{display:flex;flex-direction:column;gap:10px}
.pw-row{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start;padding:12px 14px;border-radius:12px;background:var(--lav2)}
.pw-row span{font:700 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;padding-top:2px}
.pw-row p{margin:0;font-size:14.5px;line-height:1.5}
.pw-row.chk span{color:var(--p3)}.pw-row.do{background:#eaf8f2}.pw-row.do span{color:#0d7a5b}.pw-row.dont{background:#fff1f4}.pw-row.dont span{color:#b3284b}.pw-row.esc{background:var(--ink);color:#fff}.pw-row.esc span{color:#c9b8ff}

/* escalation */
.pw-etw{margin-top:30px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow-x:auto}
.pw-et{width:100%;border-collapse:collapse;font-size:14px;min-width:820px}
.pw-et th{text-align:left;background:var(--ink);color:#c9c3e6;font:600 11px "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.06em;padding:14px 16px}
.pw-et td{padding:16px;border-top:1px solid var(--line);vertical-align:top;line-height:1.5}
.pw-et tr.rv{transform:translateX(-12px)}.pw-et tr.rv.vis{transform:none}
.pw-hold{display:inline-block;white-space:nowrap;font-size:12.5px;font-weight:700;color:#8a5a00;background:#fff4dd;padding:4px 9px;border-radius:8px}
.pw-msg{font-family:"JetBrains Mono",monospace;font-size:12.5px;color:var(--p3);background:var(--lav2)}

/* kpi */
.pw-kg4{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pw-k{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.pw-kg{display:block;height:8px;border-radius:8px;background:var(--lav);overflow:hidden;margin-bottom:14px}
.pw-kg i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--p3),var(--p2));border-radius:8px;transition:width 1.2s var(--ease) .3s}
.pw-k.vis .pw-kg i{width:calc(var(--v)*100%)}
.pw-k b{font-size:17px}.pw-k p{margin:6px 0 0;color:var(--mut);font-size:14px;line-height:1.5}

/* glossary */
.pw-gs{display:flex;align-items:center;gap:14px;margin:26px 0 18px;max-width:560px}
.pw-gs input{flex:1;border:1.5px solid var(--line);border-radius:12px;padding:13px 16px;font:500 15px Inter,sans-serif;background:#fff;color:var(--ink);outline:none;transition:border-color .25s,box-shadow .25s}
.pw-gs input:focus{border-color:var(--p);box-shadow:0 0 0 4px rgba(127,66,244,.12)}
.pw-gc{white-space:nowrap}
.pw-gl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}
.pw-gi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;transition:transform .3s var(--ease),box-shadow .3s}
.pw-gi:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.pw-gi[hidden]{display:none}
.pw-gi dt{font-weight:700;font-size:15px;color:var(--ink)}.pw-gi dd{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--mut)}
.pw-gi mark{background:#ffe9a8;color:inherit;border-radius:3px}

/* next */
.pw-nx{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}
.nx{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;transition:.3s}
.nx:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.nx h3{font-size:18px;margin:8px 0 12px}.nxa{color:var(--p3);font-weight:700;font-size:14px}
.nx.dk{background:var(--ink);color:#fff;border-color:var(--ink)}.nx.dk .mono,.nx.dk .nxa{color:#c9b8ff}

@media(max-width:1100px){.pw-gl{grid-template-columns:1fr 1fr}.pw-nx{grid-template-columns:1fr 1fr}.pw-xw{grid-template-columns:1fr}.pw-tabs{flex-direction:row;flex-wrap:wrap}.pw-tb.on{transform:none}}
@media(max-width:1000px){.pw-hin,.pw-2,.pw-mw{grid-template-columns:1fr;gap:34px}.pw-sticky{position:static}.pw-fg{grid-template-columns:1fr}.pw-pn{grid-template-columns:1fr}}
@media(max-width:600px){
 .pw-hero{padding:30px 0 56px}.pw-h1{font-size:clamp(28px,8vw,36px)}
 .pw-vis{height:420px}.pw-hdoc{width:52%;height:250px}.pw-rec{width:62%;top:90px;padding:14px}.pw-rf{font-size:11.5px;padding:6px 0}.pw-pipe{display:none}
 .pw-stamp{font-size:14px;bottom:40px;right:auto;left:14px}
 .pw-eagle{height:170px;right:-14px;bottom:-24px}
 .pw-doc{padding:22px 14px;font-size:12px}.pw-dt{font-size:14px}.pw-dl th:nth-child(2),.pw-dl td:nth-child(2){display:none}.pw-df{grid-template-columns:1fr 1fr}
 .pw-mt th:nth-child(3),.pw-mt td:nth-child(3){display:none}
 .pw-row{grid-template-columns:1fr;gap:4px}
 .pw-kg4,.pw-gl,.pw-nx{grid-template-columns:1fr}
 .pw-tb{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){.pw-run *{animation-duration:.01s!important;animation-delay:0s!important}}
@media(max-width:600px){.pw-gs{flex-wrap:wrap}.pw-gs input{flex:1 1 100%}}
.pw-h1{font-size:clamp(32px,3.35vw,48px)}
@media(min-width:601px){.pw-vis{height:540px}.pw-hdoc{top:0}.pw-rec{top:10px}.pw-pipe{top:140px}.pw-eagle{bottom:-20px;height:240px}}
.pw-pn[hidden]{display:none}
.pw-row.esc p,.pw-row.esc b{color:#fff}
@media(max-width:600px){.pw-eagle{left:-12px;right:auto;bottom:-30px;height:165px}.pw-rec{top:70px}.pw-stamp{left:auto;right:12px}}