.cs-mock-ap-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;margin-bottom:12px}.cs-mock-ap-title{font:700 15px Geist,system-ui,sans-serif;letter-spacing:-.01em;color:var(--m-fg)}.cs-mock-ap-sub{font:600 9.5px Geist,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--m-faint);margin-top:3px}.cs-mock-ap-grid{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:14px;align-items:start}.cs-mock-ap-panel{border:1px solid var(--m-border);background:var(--m-card);min-width:0}.cs-mock-ap-panelh{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border-bottom:1px solid var(--m-border);flex-wrap:wrap}.cs-mock-ap-panelt{font:800 11px Geist,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--m-fg)}.cs-mock-ap-legend{display:inline-flex;align-items:center;gap:12px}.cs-mock-ap-legend span{display:inline-flex;align-items:center;gap:5px;font:700 8px Geist,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--m-fg2);white-space:nowrap}.cs-mock-ap-legend i{width:9px;height:9px;flex:none;border:1px solid var(--m-border)}.cs-mock-ap-legend i.deny{background:var(--m-track)}.cs-mock-ap-legend i.view{background:transparent;border-color:var(--m-faint)}.cs-mock-ap-legend i.create{background:transparent;border-color:var(--m-teal);box-shadow:inset 0 0 0 1px var(--m-teal)}.cs-mock-ap-legend i.approve{background:var(--m-olive);border-color:var(--m-olive)}.cs-mock-ap-tblwrap{overflow:hidden}.cs-mock-ap-tbl{width:100%;border-collapse:collapse;font:500 11px Geist,system-ui,sans-serif;table-layout:fixed}.cs-mock-ap-tbl th{text-align:center;font:700 8px Geist,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--m-faint);padding:9px 6px;border-bottom:1px solid var(--m-border);vertical-align:bottom;line-height:1.2}.cs-mock-ap-tbl th.l{text-align:left;width:38%;padding-left:13px}.cs-mock-ap-tbl td{padding:8px 6px;border-bottom:1px solid var(--m-border);text-align:center;vertical-align:middle}.cs-mock-ap-tbl td.l{text-align:left;padding-left:13px}.cs-mock-ap-tbl tbody tr:last-child td{border-bottom:0}.cs-mock-ap-role{display:inline-flex;flex-direction:column;gap:2px;min-width:0}.cs-mock-ap-role .nm{display:inline-flex;align-items:center;gap:7px;font:700 12px Geist,system-ui,sans-serif;letter-spacing:-.005em;color:var(--m-fg)}.cs-mock-ap-role .mt{font:600 8px Geist,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--m-faint)}.cs-mock-ap-lock{font:700 7px Geist,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--m-fg2);background:var(--m-track);border:1px solid var(--m-border);padding:2px 5px}.cs-mock-ap-cell{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none}.cs-mock-ap-cell svg{width:12px;height:12px}.cs-mock-ap-cell.approve{background:var(--m-olive);color:var(--m-on-accent)}.cs-mock-ap-cell.create{border:1px solid var(--m-teal);color:var(--m-teal)}.cs-mock-ap-cell.view{border:1px solid var(--m-border);color:var(--m-faint)}.cs-mock-ap-cell.deny{background:var(--m-track);color:var(--m-faint);opacity:.8}.cs-mock-ap-thr{display:flex;flex-direction:column;gap:10px;min-width:0}.cs-mock-ap-thr-h{font:800 8.5px Geist,system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--m-faint)}.cs-mock-ap-wf{border:1px solid var(--m-border);border-left:3px solid var(--m-olive);background:var(--m-card);padding:12px 13px}.cs-mock-ap-wf-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.cs-mock-ap-wf-h .nm{font:700 12px Geist,system-ui,sans-serif;letter-spacing:-.005em;color:var(--m-fg)}.cs-mock-ap-wf-h .it{font:700 7.5px Geist,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--m-teal);border:1px solid var(--m-teal);padding:2px 6px;white-space:nowrap}.cs-mock-ap-auto{display:flex;align-items:center;gap:7px;font:600 9px Geist,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--m-fg2);padding:6px 0 9px}.cs-mock-ap-auto i{width:12px;height:12px;border:1.5px solid var(--m-fg2);border-radius:50%;flex:none;position:relative}.cs-mock-ap-auto i:after{content:"";position:absolute;left:3px;top:5px;width:4px;height:2px;border-left:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(-45deg)}.cs-mock-ap-steps{display:flex;flex-direction:column}.cs-mock-ap-step{position:relative;display:flex;align-items:center;gap:10px;padding:7px 0}.cs-mock-ap-step+.cs-mock-ap-step:before{content:"";position:absolute;left:9px;top:-7px;height:14px;width:1.5px;background:var(--m-border)}.cs-mock-ap-step .lvl{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;flex:none;background:var(--m-band);color:var(--m-olive);border:1px solid var(--m-olive);font:700 8px Geist,system-ui,sans-serif}.cs-mock-ap-step .body{display:flex;flex-direction:column;gap:2px;min-width:0}.cs-mock-ap-step .appr{font:700 11px Geist,system-ui,sans-serif;letter-spacing:-.005em;color:var(--m-fg)}.cs-mock-ap-step .thr{font:600 8.5px Geist,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--m-faint)}@container (max-width: 940px){.cs-mock-ap-grid{grid-template-columns:1fr}.cs-mock-ap-thr{flex-direction:row;flex-wrap:wrap}.cs-mock-ap-thr-h{flex-basis:100%}.cs-mock-ap-wf{flex:1;min-width:240px}}@container (max-width: 820px){.cs-mock-ap-c-financials{display:none}}@container (max-width: 720px){.cs-mock-ap-c-procurement,.cs-mock-ap-legend{display:none}}@container (max-width: 620px){.cs-mock-ap-c-invoices{display:none}.cs-mock-ap-tbl th.l{width:46%}}@container (max-width: 520px){.cs-mock-ap-role .mt{display:none}.cs-mock-ap-thr{flex-direction:column}}.cs-apd{background:var(--m-card);border:1px solid var(--m-border);border-left:3px solid var(--m-olive);padding:20px 22px}.cs-apd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.cs-apd-code{font:700 9px Geist,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-faint)}.cs-apd-name{font:700 18px Geist,system-ui,sans-serif;letter-spacing:-.01em;color:var(--m-fg);margin-top:4px}.cs-apd-amt{font:800 18px Geist,system-ui,sans-serif;letter-spacing:-.02em;color:var(--m-fg);font-variant-numeric:tabular-nums;white-space:nowrap}.cs-apd-thresh{font:600 9.5px Geist,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--m-olive);background:var(--m-band);border:1px solid var(--m-border);padding:8px 11px;margin-bottom:14px}.cs-apd-chain{display:flex;flex-direction:column}.cs-apd-step{position:relative;display:flex;align-items:center;gap:12px;padding:11px 0}.cs-apd-step+.cs-apd-step:before{content:"";position:absolute;left:11px;top:-8px;height:16px;width:1.5px;background:var(--m-border)}.cs-apd-step .lvl{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;flex:none;font:700 9px Geist,system-ui,sans-serif;border:1px solid var(--m-border);color:var(--m-faint);background:var(--m-track)}.cs-apd-step.done .lvl{background:var(--m-olive);border-color:var(--m-olive);color:var(--m-on-accent)}.cs-apd-step.active .lvl{background:var(--m-band);border-color:var(--m-olive);color:var(--m-olive)}.cs-apd-step .body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.cs-apd-step .who{display:inline-flex;align-items:baseline;gap:8px;font:700 13px Geist,system-ui,sans-serif;color:var(--m-fg);flex-wrap:wrap}.cs-apd-step .who small{font:600 8.5px Geist,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--m-faint)}.cs-apd-step .when{font:500 10px Geist,system-ui,sans-serif;letter-spacing:.03em;color:var(--m-fg2)}.cs-apd-badge{font:700 8px Geist,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;white-space:nowrap;flex:none;border:1px solid transparent}.cs-apd-badge.approved{background:var(--m-pos);color:var(--m-on-accent)}.cs-apd-badge.pending{background:var(--m-track);border-color:var(--m-border);color:var(--m-fg2)}.cs-apd-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--m-border);flex-wrap:wrap}.cs-apd-prog{font:700 9px Geist,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--m-fg)}.cs-apd-live{display:inline-flex;align-items:center;gap:7px;font:600 9px Geist,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--m-fg2)}.cs-apd-live i{width:7px;height:7px;border-radius:50%;background:var(--m-olive);flex:none}.cs-apd-person{display:inline-flex;align-items:center;gap:11px;min-width:0}.cs-apd-person .av{width:34px;height:34px;flex:none;background:var(--m-olive);color:var(--m-on-accent);font:700 11px Geist,system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center}.cs-apd-person .pw{display:inline-flex;flex-direction:column;gap:3px;min-width:0}.cs-apd-person .nm{font:700 15px Geist,system-ui,sans-serif;letter-spacing:-.01em;color:var(--m-fg)}.cs-apd-person .rl{font:600 8.5px Geist,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--m-faint)}.cs-apd-tick{display:inline-flex;align-items:center;gap:6px;font:700 8px Geist,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--m-olive);white-space:nowrap}.cs-apd-tick:before{content:"";width:12px;height:12px;border:1.5px solid currentColor;border-radius:50%;flex:none}.cs-apd-sec{font:700 8px Geist,system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--m-faint);margin:16px 0 8px}.cs-apd-pkgs{display:flex;flex-direction:column;gap:1px;background:var(--m-border);border:1px solid var(--m-border)}.cs-apd-pkg{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--m-card);padding:9px 11px}.cs-apd-pkg .t{font:600 12px Geist,system-ui,sans-serif;color:var(--m-fg)}.cs-apd-pkg .r{font:700 7.5px Geist,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--m-teal);border:1px solid var(--m-teal);padding:2px 6px;white-space:nowrap}.cs-apd-caps{display:flex;flex-wrap:wrap;gap:6px}.cs-apd-cap{display:inline-flex;align-items:center;gap:7px;font:600 10px Geist,system-ui,sans-serif;color:var(--m-fg2);background:var(--m-track);border:1px solid var(--m-border);padding:5px 9px}.cs-apd-cap i{width:11px;height:11px;flex:none;position:relative}.cs-apd-cap i:after{content:"";position:absolute;left:1px;top:3px;width:6px;height:3px;border-left:1.6px solid var(--m-olive);border-bottom:1.6px solid var(--m-olive);transform:rotate(-45deg)}@container (max-width: 380px){.cs-apd-step .cs-apd-badge{display:none}}.cs-ppd{background:var(--m-card);border:1px solid var(--m-border);border-left:3px solid var(--m-olive);padding:20px 22px}.cs-ppd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.cs-ppd-code{font:700 9px Geist,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-faint)}.cs-ppd-name{font:700 18px Geist,system-ui,sans-serif;letter-spacing:-.01em;color:var(--m-fg);margin-top:4px}.cs-ppd-mt{font:500 10px Geist,system-ui,sans-serif;letter-spacing:.03em;color:var(--m-fg2);margin-top:5px}.cs-ppd-tag{font:700 8px Geist,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--m-teal);border:1px solid var(--m-teal);padding:3px 8px;white-space:nowrap;flex:none}.cs-ppd-legend{display:flex;flex-wrap:wrap;gap:12px;padding:9px 0;margin-bottom:12px;border-top:1px solid var(--m-border);border-bottom:1px solid var(--m-border)}.cs-ppd-legend span{display:inline-flex;align-items:center;gap:6px;font:600 8.5px Geist,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--m-faint)}.cs-ppd-legend i{width:9px;height:9px;flex:none;border:1px solid var(--m-border)}.cs-ppd-legend .approve i{background:var(--m-olive);border-color:var(--m-olive)}.cs-ppd-legend .create i{background:var(--m-teal);border-color:var(--m-teal)}.cs-ppd-legend .view i{background:var(--m-track)}.cs-ppd-legend .deny i{background:transparent;border-color:var(--m-neg)}.cs-ppd-grid{display:flex;flex-direction:column;gap:1px;background:var(--m-border);border:1px solid var(--m-border)}.cs-ppd-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--m-card);padding:10px 12px}.cs-ppd-row .t{font:600 12.5px Geist,system-ui,sans-serif;color:var(--m-fg)}.cs-ppd-chip{font:700 8px Geist,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;white-space:nowrap;flex:none;border:1px solid transparent}.cs-ppd-chip.approve{background:var(--m-olive);border-color:var(--m-olive);color:var(--m-on-accent)}.cs-ppd-chip.create{background:var(--m-teal);border-color:var(--m-teal);color:var(--m-on-accent)}.cs-ppd-chip.view{background:var(--m-track);border-color:var(--m-border);color:var(--m-fg2)}.cs-ppd-chip.deny{background:transparent;border-color:var(--m-neg);color:var(--m-neg)}.cs-ppd-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--m-border);flex-wrap:wrap}.cs-ppd-prog{font:700 9px Geist,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--m-fg)}.cs-ppd-live{display:inline-flex;align-items:center;gap:7px;font:600 9px Geist,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--m-fg2)}.cs-ppd-live i{width:7px;height:7px;border-radius:50%;background:var(--m-olive);flex:none}