.po-receipt-workflow{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.po-receipt-totals,.po-receipt-buttons{flex-wrap:wrap;gap:12px 24px;margin:16px 0;display:flex}.po-receipt-totals span{background:var(--muted);border-radius:8px;padding:12px 16px}.po-receipt-totals strong{margin-left:10px}.po-receipt-balances{padding:0;list-style:none}.po-receipt-balances li{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 0;font-size:13px;display:flex}.po-receipt-line{grid-template-columns:1fr 1fr;align-items:center;gap:20px;display:grid}.po-receipt-line .check{margin:0 0 20px}.po-receipt-workflow form{max-width:650px;margin:20px 0}.po-receipt-pending,.po-receipt-record{background:var(--muted);border-radius:8px;margin:16px 0;padding:16px}.po-receipt-pending h4{margin-top:0}.po-receipt-record p{margin-bottom:0}.po-due-notice{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:16px 0;padding:14px}.po-due-notice p{color:inherit;margin:6px 0 0}.po-expected-due{font-weight:700;color:#b91c1c!important}.dark .po-expected-due{color:#fca5a5!important}.dark .po-due-notice{color:#fecaca;background:#450a0a;border-color:#7f1d1d}.badge[data-stage=GRN\ requested]{color:#92400e;background:#fef3c7}.badge[data-stage=Part\ GRN]{color:#115e59;background:#ccfbf1}.dark .badge[data-stage=GRN\ requested]{color:#fde68a;background:#451a03}.dark .badge[data-stage=Part\ GRN]{color:#99f6e4;background:#042f2e}@media (width<=767px){.po-receipt-line{grid-template-columns:1fr;gap:0}.po-receipt-buttons button{width:100%}.po-receipt-pending{padding:12px}}@font-face{font-family:POInter;src:local(Inter)}*{box-sizing:border-box}body{color:#251b32;background:#f5f3f8;margin:0;font-family:POInter,Arial,sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button{cursor:pointer;color:#35145f;background:#fff;border:1px solid #dcd6e5;border-radius:8px;padding:10px 16px;font-weight:600}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #9b73c6}header{color:#fff;background:#35145f;justify-content:space-between;align-items:center;gap:20px;padding:22px max(24px,50vw - 600px);display:flex}.brand{color:#fff;letter-spacing:-1px;font-size:25px;font-weight:750;text-decoration:none}.brand span{letter-spacing:1.3px;color:#e8dbf5;margin-top:5px;font-size:12px;font-weight:400;display:block}.account{align-items:center;gap:20px;display:flex}.account small{color:#dfcfea;margin-top:4px;display:block}main{max-width:1248px;min-height:80vh;margin:auto;padding:36px 24px}h1{letter-spacing:-1.1px;margin:8px 0 12px;font-size:36px}h2{margin:10px 0;font-size:24px}h3{margin-top:28px;font-size:16px}p{color:#6c6276;line-height:1.6}.eyebrow{letter-spacing:1.8px;color:#70479b;font-size:11px;font-weight:750}.title{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.title p{margin-bottom:0}.primary{color:#fff;background:#4c217b;border-color:#4c217b}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0;display:grid}.stats button{text-align:left;border-color:#e5deec;padding:22px}.stats strong{color:#35145f;margin-bottom:8px;font-size:32px;display:block}.stats span{color:#74687d;font-size:13px;font-weight:500}nav{border-bottom:1px solid #ddd5e5;gap:10px;margin:30px 0 20px;display:flex}nav button{background:0 0;border:0;border-radius:0;padding:14px 20px}nav [aria-current]{color:#35145f;border-bottom:3px solid #5d2e8c}.panel{background:#fff;border:1px solid #e5deec;border-radius:14px;padding:28px;box-shadow:0 4px 18px #35145f04}.filters{gap:20px;margin-bottom:24px;display:flex}.filters label:first-child{flex:1}label{flex-direction:column;gap:9px;margin-bottom:20px;font-size:13px;font-weight:600;display:flex}input,select,textarea{color:#251b32;background:#faf9fc;border:1px solid #dcd5e4;border-radius:7px;width:100%;min-width:0;padding:12px}textarea{resize:vertical}small{color:#7a6f83;font-size:12px;font-weight:400;line-height:1.5}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{letter-spacing:.5px;text-transform:uppercase;color:#7e7189;background:#faf8fc;padding:14px 12px;font-size:11px}td{border-bottom:1px solid #eee8f2;padding:19px 12px;font-size:13px}td small{margin-top:5px;display:block}.link{color:#4c217b;text-align:left;white-space:normal;background:0 0;border:0;max-width:300px;padding:0}.badge{color:#633b87;white-space:nowrap;background:#f1eaf8;border-radius:6px;padding:7px 10px;font-size:12px;display:inline-block}.empty{text-align:center;padding:55px 20px}.empty h2{font-size:22px}fieldset{border:0;min-width:0;margin:0;padding:0}.form-grid{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.check{flex-direction:row;align-items:center;margin:6px 0 26px;line-height:1.6}.check input{accent-color:#5d2e8c;flex-shrink:0;width:18px;height:18px}.submit{border-top:1px solid #eee8f2;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;display:flex}.submit p{font-size:13px}.details{background:#faf8fc;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:22px;padding:22px;display:grid}dt{color:#7a6d85;font-size:12px}dd{overflow-wrap:anywhere;margin:8px 0 0;font-weight:600}.prose{white-space:pre-wrap;overflow-wrap:anywhere}.actions{border-top:1px solid #eee8f2;max-width:650px;margin-top:25px;padding-top:25px}.actions form{margin-top:20px}.history{padding:0;list-style:none}.history li{border-left:2px solid #ded0eb;padding:5px 0 20px 18px}.history span{color:#81748c;margin-top:7px;font-size:12px;display:block}.history p{margin:8px 0 0}.alert,.notice{border-radius:8px;margin-bottom:20px;padding:15px 20px;line-height:1.5}.alert{color:#9e3226;background:#fff0ee}.notice{color:#236044;background:#eaf5ef}.login{max-width:500px;margin:35px auto}.login form{margin:30px 0}.login .primary{width:100%}footer{text-align:center;color:#8b7e94;padding:25px;font-size:12px}@media (width<=700px){header{padding:18px}.brand{font-size:21px}.account{gap:10px;font-size:12px}.account button{padding:8px}main{padding:22px 14px}h1{font-size:29px}.title{flex-direction:column;align-items:flex-start;gap:16px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats button{padding:16px}.stats strong{font-size:26px}.panel{padding:20px 16px}.filters,.submit{flex-direction:column;align-items:stretch;gap:0}.form-grid{grid-template-columns:1fr}.details{grid-template-columns:1fr 1fr;padding:16px}nav{gap:0}nav button{padding:12px}.login{margin:16px auto}}:root{--background:#f7f8fb;--foreground:#262233;--card:#fff;--muted:#f4f5f8;--muted-foreground:#777382;--border:#e8e7ef;--brand:#59369a;--sidebar:#fff;--sidebar-foreground:#625c71;--sidebar-accent:#f0eafa;--accent-foreground:#59369a;--input:#dedce7}.dark{--background:#191521;--foreground:#eee7f6;--card:#231e2c;--muted:#2c2536;--muted-foreground:#b1a5be;--border:#3b3247;--brand:#a984e0;--sidebar:#211b2a;--sidebar-foreground:#d4c7e4;--sidebar-accent:#382a4d;--accent-foreground:#d4b7fb;--input:#544660}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;font-size:14px}.po-app{min-height:100dvh}.po-app main{max-width:1900px;min-height:calc(100dvh - 60px);padding:26px 30px 10px}.po-authenticated main,.po-authenticated>footer{margin-left:256px}.po-sidebar-collapsed main,.po-sidebar-collapsed>footer{margin-left:0}.po-sidebar{background:var(--sidebar);border-right:1px solid var(--border);z-index:30;width:256px;position:fixed;inset:0 auto 0 0}.po-sidebar-collapsed .po-sidebar{display:none}.po-sidebar-inner{background:var(--sidebar);flex-direction:column;height:100%;min-height:0;padding:0 12px;display:flex}.po-sidebar-brand{gap:16px;padding:28px 8px 25px;display:grid}.po-sidebar-brand>span:last-child{letter-spacing:1.8px;color:var(--muted-foreground);font-size:10px}.po-navigation{border:0;flex:1;margin:0;display:block;overflow-y:auto}.po-nav-label{letter-spacing:1.5px;color:var(--muted-foreground);margin:0;padding:8px 18px 12px;font-size:10px}.po-nav-section{margin-top:25px}.po-navigation button{color:var(--sidebar-foreground);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;height:43px;margin:2px 0;padding:0 18px;font-size:14px;font-weight:400;display:flex}.po-navigation button:hover{background:var(--muted)}.po-navigation button[aria-current]{background:var(--sidebar-accent);color:var(--accent-foreground);border:0;font-weight:600}.po-navigation button span{flex:1}.po-navigation button svg{flex-shrink:0}.po-navigation b{background:var(--sidebar-accent);border-radius:5px;padding:2px 6px;font-size:11px;font-weight:600}.po-sidebar-footer{border-top:1px solid var(--border);margin:16px 8px 0;padding:16px 0}.po-sidebar-footer .appearance-control{flex-direction:row;align-items:center;gap:7px;margin:0 0 12px;font-size:12px;font-weight:400;display:flex}.po-sidebar-footer .appearance-control select{width:85px;margin-left:auto;padding:7px 5px}.po-profile{align-items:center;gap:10px;padding:12px 0;font-size:13px;font-weight:600;display:flex}.po-profile>span:last-child{overflow-wrap:anywhere;min-width:0}.po-profile small{color:var(--muted-foreground);margin-top:5px;font-size:11px;font-weight:400;display:block}.po-avatar{background:var(--sidebar-accent);width:34px;height:34px;color:var(--accent-foreground);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.po-signout{color:var(--muted-foreground);background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-size:12px;font-weight:400;display:flex}.po-mobile-navigation{background:var(--sidebar);width:min(290px,88vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--foreground);border:0;margin:0;padding:0;position:fixed;inset:0 auto 0 0}.po-mobile-navigation::backdrop{background:#10091d80}.po-close-menu{background:var(--sidebar);color:var(--foreground);z-index:2;border:0;padding:6px;display:flex;position:absolute;top:9px;right:9px}.title{margin:6px 0 25px}.title p{margin-top:8px;font-size:13px}.eyebrow{color:var(--muted-foreground);letter-spacing:1.6px;font-size:10px}h1,h2,h3{color:var(--foreground)}p,small{color:var(--muted-foreground)}.panel{background:var(--card);border-color:var(--border);box-shadow:none;border-radius:10px;padding:22px}.stats{gap:17px;margin:0 0 25px}.stats button{background:var(--card);border-color:var(--border);border-radius:10px;padding:20px 21px}.stats strong{color:var(--foreground);font-size:30px;font-weight:600}.stats span{color:var(--muted-foreground);font-size:12px}button{color:var(--accent-foreground);border-color:var(--border);background:var(--card);font-size:12px}button:hover{background:var(--muted)}.primary{color:#fff;background:#59369a;border-color:#59369a;border-radius:7px;min-height:39px;padding:9px 14px;font-size:12px}.primary:hover{background:#472a7e}.dark .primary{background:#7650b3;border-color:#7650b3}input,select,textarea{background:var(--card);color:var(--foreground);border-color:var(--input);padding:10px 12px;font-size:13px}label{font-size:12px}.filters{margin-bottom:14px}.po-list-title{margin:0 0 22px}th{background:var(--muted);color:var(--muted-foreground);font-size:10px}td{border-color:var(--border);font-size:12px}.link{color:var(--accent-foreground);font-size:13px}.badge{background:var(--sidebar-accent);color:var(--accent-foreground);font-size:11px}.details{background:var(--muted);border-color:var(--border)}dt{color:var(--muted-foreground)}.actions,.submit,.history li{border-color:var(--border)}.history span{color:var(--muted-foreground)}.download{border:1px solid var(--border);color:var(--accent-foreground);border-radius:7px;padding:10px 14px;font-size:12px;text-decoration:none;display:inline-flex}.request-form{max-width:1000px;margin:0 auto}.request-form>p{margin-bottom:20px}.empty{padding:45px 15px}.login{max-width:440px;margin:8vh auto;padding:32px}.login-brand{justify-content:center;margin:5px 0 30px;display:flex}.login .brand-lockup{width:200px}.login h1{text-align:center}.login>p{text-align:center;font-size:13px}.po-app>footer{color:var(--muted-foreground);padding:22px 30px;font-size:11px}.dark .notice{color:#a8e1c6;background:#213c31}.dark .alert{color:#ffb8b0;background:#462932}@media (width>=768px){.po-mobile-navigation[open]{display:none}}@media (width<=767px){.po-sidebar{display:none}.po-authenticated main,.po-authenticated>footer,.po-topbar{margin-left:0}.po-topbar{height:57px;padding:0 14px}.po-topbar>div{gap:9px}.po-topbar>div>span:not(.po-slash),.po-topbar .po-desktop-toggle{display:none}.po-topbar .po-mobile-toggle{display:flex}.po-slash{display:none}.po-app main{padding:20px 16px 10px}.title{gap:15px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats button{padding:17px}.stats strong{font-size:26px}.stats span{font-size:11px}.panel{padding:18px 16px}.filters{flex-direction:column;gap:0}.form-grid{grid-template-columns:1fr}.login{margin:35px auto;padding:24px}.po-app>footer{padding:20px 16px}.po-mobile-navigation .po-sidebar-brand{padding-top:36px}.po-role-pill{font-size:10px}.request-form{max-width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.po-editor-tabs{gap:8px;margin-bottom:22px;display:flex}.po-editor-tabs button[aria-pressed=true]{background:var(--sidebar-accent);color:var(--accent-foreground)}.po-person-picker{border:1px solid var(--border);border-radius:8px;margin:18px 0;padding:14px}.po-person-picker legend{padding:0 6px;font-size:13px;font-weight:600}.po-person-list{grid-template-columns:1fr 1fr;gap:5px 14px;max-height:240px;display:grid;overflow:auto}.po-person-list .check{gap:8px;margin:4px 0;font-weight:400}.po-person-list small{margin-left:auto}.po-source{color:var(--muted-foreground);padding:14px 0}.po-source summary{cursor:pointer;font-size:13px}.po-source dd{white-space:pre-wrap;font-size:12px;font-weight:400}.po-wrap-cell{white-space:normal;min-width:180px;max-width:360px}.po-catalog-editor .filters .primary{align-self:center}.po-catalog-editor .title h3{margin:0}.po-catalog-editor .submit{justify-content:flex-start;gap:10px}@media (width<=767px){.po-person-list{grid-template-columns:1fr}.po-catalog-editor .filters .primary{align-self:stretch;margin-bottom:15px}}.po-location-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0;display:grid}.po-location-filters select{width:100%;min-width:0}.po-clear-filters{margin-bottom:16px}.po-person-list .check span{min-width:0}.po-person-list small{display:block}@media (width<=767px){.po-location-filters{grid-template-columns:1fr}}.po-allocations{border-top:1px solid var(--border,#e4ddeb);margin:24px 0;padding:18px 0}.po-allocation-row{border-radius:12px;min-width:0;border:1px solid var(--border,#e4ddeb)!important;margin:16px 0!important;padding:18px!important}.po-allocation-row legend{padding:0 8px;font-weight:600}.po-allocation-row h4{margin-top:0}.po-allocation-row .actions{margin-bottom:0}.po-allocation-value{margin:8px 0}.po-allocation-row .po-mapped-locations{margin-top:8px;padding:8px 10px}.po-allocation-row .po-mapped-heading{margin-bottom:4px}.po-allocation-row .po-mapped-group{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.po-allocation-row .po-mapped-group+.po-mapped-group{margin-top:6px}.po-allocation-row .po-mapped-group ul{gap:4px;margin:0}.po-allocation-row .po-mapped-group li{padding:2px 6px}.po-allocation-row>p{margin:8px 0 0;line-height:1.4}.po-allocation-fields>.po-mapped-locations{grid-column:1/-1;margin-top:0}.po-allocation-fields:has(>.po-mapped-locations){row-gap:8px}.po-mapped-locations .po-line-approval{overflow-wrap:anywhere;margin:6px 0 0;line-height:1.4}.po-sidebar-brand{position:relative}.po-sidebar-brand .brand-lockup{max-width:180px}.po-sidebar-collapse{color:var(--muted-foreground);background:0 0;border:0;padding:6px;display:flex;position:absolute;top:30px;right:0}.po-mobile-menu,.po-desktop-restore{align-items:center;gap:8px;margin:0 0 20px;padding:9px 12px}.po-mobile-menu{display:none}.po-desktop-restore{display:inline-flex}.po-request-page main>.title{max-width:1000px;margin:6px auto 25px}.po-request-page main>.notice,.po-request-page main>.alert{max-width:1000px;margin-left:auto;margin-right:auto}.po-money-row{grid-template-columns:minmax(0,280px) 120px;gap:20px;display:grid}.po-currency-field select{width:120px}.po-priority-field select{width:160px;max-width:100%}@media (width<=767px){.po-mobile-menu{display:inline-flex}.po-desktop-restore,.po-sidebar-collapse{display:none}.po-money-row{grid-template-columns:minmax(0,1fr) 100px;gap:12px}.po-currency-field select{width:100%}}.po-request-details{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px 24px;margin-bottom:20px}.po-request-details label{min-width:0;margin-bottom:0}.po-request-details .po-money-row{grid-template-columns:minmax(0,1fr) 100px;gap:12px}.po-request-details select,.po-request-details input,.po-allocation-row select,.po-allocation-row input{height:40px}.po-request-details .po-currency-field select,.po-request-details .po-priority-field select{width:100%}.po-allocations>.form-grid{align-items:end;gap:12px 24px;margin-bottom:24px}.po-allocations>.form-grid>label{margin-bottom:0}.po-allocations>.form-grid>div{align-items:end;display:flex}.po-allocations>.form-grid button{height:40px}.po-allocation-row .form-grid{align-items:start;gap:18px 24px}.po-allocation-row .form-grid label{min-width:0;margin-bottom:0}@media (width<=767px){.po-request-details{grid-template-columns:minmax(0,1fr)}.po-allocations>.form-grid>div{justify-content:flex-start}}.po-allocation-row .po-allocation-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:24px}.po-cost-centre-field{min-width:0}.po-allocation-fields label{gap:9px;line-height:18px}.po-allocation-fields input,.po-allocation-fields select{box-sizing:border-box;width:100%;height:40px;min-height:40px;margin:0;line-height:18px;display:block}.po-mapped-locations{background:var(--muted);overflow-wrap:anywhere;border-radius:8px;margin:14px 0 0;padding:12px 14px}.po-mapped-heading{color:var(--muted-foreground);margin-bottom:10px;font-size:11px;font-weight:600;display:block}.po-mapped-group+.po-mapped-group{margin-top:12px}.po-mapped-group>span{color:var(--foreground);font-size:12px;font-weight:600;line-height:1.5;display:block}.po-mapped-group ul{flex-wrap:wrap;gap:6px;margin:7px 0 0;padding:0;list-style:none;display:flex}.po-mapped-group li{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:5px;max-width:100%;padding:4px 8px;font-size:12px;line-height:1.4}.po-allocation-row{position:relative}.po-allocation-row .po-remove-allocation{color:#fff;background:#b91c1c;border:1px solid #b91c1c;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;font-size:26px;line-height:1;display:flex;position:absolute;top:-16px;right:12px}.po-allocation-row .po-remove-allocation:hover{background:#991b1b;border-color:#991b1b}@media (width<=767px){.po-allocation-row .po-allocation-fields{grid-template-columns:minmax(0,1fr);row-gap:18px}}.po-appearance-settings{margin-bottom:22px}.po-appearance-settings .appearance-control{flex-direction:row;align-items:center;gap:10px;width:fit-content;margin-bottom:0;display:flex}.po-appearance-settings h2{margin-top:0}.po-approval-chain{border:1px solid var(--border);background:var(--muted);border-radius:10px;margin:24px 0;padding:20px}.po-approval-chain h3{margin-top:0}.po-approval-chain ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.po-approval-chain li{background:var(--card);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:8px;align-items:flex-start;gap:12px;min-width:0;padding:14px;display:flex}.po-chain-number{background:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.po-approval-chain li>div{min-width:0}.po-chain-state{margin-top:6px;font-size:12px;font-weight:700;display:block}.po-approval-chain p{margin:6px 0;font-size:13px}.po-approval-chain time{color:var(--muted-foreground);font-size:12px}.po-approval-chain [data-state=Awaiting\ action]{border-color:var(--primary);border-width:2px}.po-approval-chain [data-state=Rejected] .po-chain-state{color:#dc2626}@media (width<=767px){.po-approval-chain ol{grid-template-columns:1fr}.po-approval-chain{padding:14px}}.badge[data-stage="Awaiting cost centre owner"]{color:#9a3412;background:#ffedd5}.dark .badge[data-stage="Awaiting cost centre owner"]{color:#fed7aa;background:#431407}.badge[data-stage=Awaiting\ finance]{color:#92400e;background:#fef3c7}.dark .badge[data-stage=Awaiting\ finance]{color:#fde68a;background:#451a03}.badge[data-stage=Approved]{color:#166534;background:#dcfce7}.dark .badge[data-stage=Approved]{color:#bbf7d0;background:#052e16}.badge[data-stage="Awaiting master shopper"]{color:#3730a3;background:#e0e7ff}.dark .badge[data-stage="Awaiting master shopper"]{color:#c7d2fe;background:#1e1b4b}.badge[data-stage=PO\ raised]{color:#1e40af;background:#dbeafe}.dark .badge[data-stage=PO\ raised]{color:#bfdbfe;background:#172554}.badge[data-stage=Awaiting\ GRN]{color:#155e75;background:#cffafe}.dark .badge[data-stage=Awaiting\ GRN]{color:#a5f3fc;background:#083344}.badge[data-stage=Closed]{color:#334155;background:#e2e8f0}.dark .badge[data-stage=Closed]{color:#e2e8f0;background:#1e293b}.badge[data-stage=Rejected]{color:#991b1b;background:#fee2e2}.dark .badge[data-stage=Rejected]{color:#fecaca;background:#450a0a}.po-approval-chain{background:var(--card);padding:22px}.po-chain-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.po-chain-heading h3{margin:0}.po-chain-heading p{margin:8px 0 0}.po-chain-heading>.badge{white-space:nowrap}.po-chain-legend{flex-wrap:wrap;gap:10px 20px;margin:18px 0 24px;font-size:12px;display:flex}.po-chain-legend span{align-items:center;gap:7px;display:flex}.po-chain-legend span:before{content:"";background:var(--flow-accent);border-radius:50%;width:9px;height:9px}.po-approval-chain [data-tone]{--flow-accent:#64748b;--flow-bg:#f8fafc;--flow-text:#334155;--flow-border:#cbd5e1}.po-approval-chain [data-tone=done]{--flow-accent:#15803d;--flow-bg:#f0fdf4;--flow-text:#166534;--flow-border:#86efac}.po-approval-chain [data-tone=current]{--flow-accent:#b45309;--flow-bg:#fffbeb;--flow-text:#92400e;--flow-border:#fbbf24}.po-approval-chain [data-tone=rejected]{--flow-accent:#dc2626;--flow-bg:#fef2f2;--flow-text:#991b1b;--flow-border:#fca5a5}.po-approval-chain [data-tone=skip]{--flow-accent:#0284c7;--flow-bg:#f0f9ff;--flow-text:#075985;--flow-border:#7dd3fc}.po-approval-chain ol{flex-direction:column;gap:26px;max-width:1000px;margin:auto;display:flex}.po-approval-chain li{background:0 0;align-items:center;gap:16px;padding:0;display:flex;position:relative;overflow:visible;border:0!important}.po-approval-chain li:not(:last-child):after{content:"";background:var(--flow-border);width:2px;position:absolute;top:50%;bottom:-40px;left:19px}.po-chain-number{z-index:1;background:var(--flow-accent);color:#fff;border:4px solid var(--card);box-sizing:border-box;width:40px;height:40px;position:relative}.po-chain-card{border:1px solid var(--flow-border);border-left:4px solid var(--flow-accent);background:var(--flow-bg);color:var(--flow-text);border-radius:10px;flex:1;padding:14px 18px}.po-chain-card-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.po-chain-card-title strong small{letter-spacing:.1em;opacity:.8;margin-bottom:5px;font-size:10px;display:block}.po-chain-state{border:1px solid var(--flow-border);white-space:nowrap;border-radius:20px;margin:0;padding:5px 9px;color:var(--flow-text)!important}.po-chain-card time{color:var(--flow-text);opacity:.85}.po-approval-chain [data-tone=current] .po-chain-card{box-shadow:0 0 0 2px var(--flow-border)}.po-chain-arrow{z-index:1;color:var(--flow-accent);background:var(--card);position:absolute;bottom:-22px;left:11px}.dark .po-approval-chain [data-tone]{--flow-bg:#1e293b;--flow-text:#cbd5e1;--flow-border:#475569}.dark .po-approval-chain [data-tone=done]{--flow-bg:#052e16;--flow-text:#bbf7d0;--flow-border:#166534}.dark .po-approval-chain [data-tone=current]{--flow-bg:#451a03;--flow-text:#fde68a;--flow-border:#b45309}.dark .po-approval-chain [data-tone=rejected]{--flow-bg:#450a0a;--flow-text:#fecaca;--flow-border:#991b1b}.dark .po-approval-chain [data-tone=skip]{--flow-bg:#082f49;--flow-text:#bae6fd;--flow-border:#0369a1}@media (width<=767px){.po-approval-chain{padding:14px}.po-chain-heading{flex-direction:column}.po-chain-card{min-width:0;padding:12px}.po-chain-card-title{flex-direction:column;align-items:flex-start;gap:8px}.po-chain-state{white-space:normal}.po-approval-chain li{gap:8px}.po-chain-legend{gap:10px}}.po-approval-chain li:not(:last-child):after{bottom:-26px}.po-approval-chain li:not(:first-child):before{content:"";background:var(--flow-border);width:2px;height:50%;position:absolute;top:0;left:19px}.po-conversation{border:1px solid var(--border);background:var(--card);border-radius:12px;margin:28px 0;padding:22px}.po-conversation-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.po-conversation h3{align-items:center;gap:9px;margin:0;display:flex}.po-conversation-heading p,.po-conversation-empty{color:var(--muted-foreground);font-size:13px;line-height:1.6}.po-conversation-heading button{flex-shrink:0}.po-messages{flex-direction:column;gap:12px;max-height:460px;margin:20px 0;padding:0;list-style:none;display:flex;overflow-y:auto}.po-messages li{background:var(--muted);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:12px;margin-right:8%;padding:14px 16px}.po-messages li.po-message-mine{border-left:3px solid var(--primary);margin-left:8%;margin-right:0}.po-message-meta{flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12px;display:flex}.po-message-meta span,.po-message-meta time{color:var(--muted-foreground)}.po-messages p{white-space:pre-wrap;margin:10px 0 0;font-size:14px;line-height:1.6}.po-message-send{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.po-message-send button{align-items:center;gap:8px;display:flex}.po-message-send small{color:var(--muted-foreground)}.po-unread-messages{color:#5b21b6;background:#ede9fe;border-radius:12px;margin-top:6px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.dark .po-unread-messages{color:#e9d5ff;background:#3b0764}@media (width<=767px){.po-conversation{padding:14px}.po-conversation-heading,.po-message-send{flex-direction:column;align-items:stretch}.po-messages li,.po-messages li.po-message-mine{margin-left:0;margin-right:0}.po-message-send button{justify-content:center}}.po-request-detail{max-width:1120px;margin:0 auto;padding:28px 32px!important}.po-request-detail>.title{gap:20px;margin:18px 0 22px}.po-request-detail>.title h2{letter-spacing:-.4px;font-family:inherit;font-size:22px;line-height:1.3}.po-request-detail>.title .eyebrow{letter-spacing:.7px;margin:0 0 8px}.po-request-detail>.title p{font-size:12px}.po-request-detail>button:first-child{background:0 0;border:0;padding:0;font-weight:500}.po-detail-summary{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1.5fr 1fr .8fr 1fr;gap:24px;margin:0;padding:20px 0;display:grid}.po-detail-summary dd{margin-top:6px;font-size:15px}.po-detail-summary div:nth-child(2) dd{font-size:20px}.po-detail-summary small{display:block}.po-detail-fold{border-top:1px solid var(--border);margin:0;padding:0}.po-detail-fold>summary{cursor:pointer;color:var(--foreground);align-items:center;gap:10px;padding:17px 0;font-size:14px;font-weight:600;list-style:none;display:flex}.po-detail-fold>summary:before{content:"›";color:var(--primary);font-size:20px;line-height:1;transition:transform .15s;display:inline-block}.po-detail-fold[open]>summary:before{transform:rotate(90deg)}.po-detail-fold>summary::-webkit-details-marker{display:none}.po-detail-fold>summary:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.po-request-detail .details{background:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:0 0 20px}.po-request-reason{border-top:1px solid var(--border);padding:20px 0}.po-request-reason h3{margin:0 0 10px;font-family:inherit;font-size:14px;font-weight:600}.po-request-reason h3:not(:first-child){margin-top:20px}.po-request-reason p{margin:0;font-size:14px;line-height:1.65}.po-request-reason .download{margin-top:12px;display:inline-block}.po-request-detail .po-detail-actions{border:1px solid var(--border);background:var(--muted);border-radius:9px;max-width:none;margin:0 0 22px;padding:20px}.po-detail-actions:empty{display:none}.po-detail-actions form{max-width:650px;margin-top:16px}.po-detail-actions label{margin-bottom:12px}.po-reject-fold{margin-top:12px}.po-reject-fold>summary{cursor:pointer;color:#b91c1c;width:fit-content;padding:6px 0;font-size:13px}.dark .po-reject-fold>summary{color:#fca5a5}.po-request-detail .po-conversation{border:0;margin:0 0 20px;padding:0}.po-request-detail .po-conversation-heading h3{display:none}.po-request-detail .po-conversation-heading p{margin-top:0}.po-request-detail .history{margin:0 0 16px}.po-request-detail .po-allocation-row h4{font-family:inherit}.po-request-detail .po-receipt-workflow{margin:0}@media (width<=767px){.po-request-detail{padding:20px!important}.po-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.po-request-detail>.title{gap:12px}.po-request-detail>.title h2{font-size:20px}.po-request-detail .details{grid-template-columns:1fr}.po-request-detail .po-detail-actions{padding:16px}}.po-detail-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:22px;max-width:1480px;margin:0 auto;display:grid}.po-detail-layout>.po-request-detail{width:100%;min-width:0;max-width:none;margin:0}.po-detail-flow-panel{background:var(--card);border:1px solid var(--border);border-radius:12px;min-width:0;padding:16px;position:sticky;top:24px}.po-flow-disclosure>button{width:100%;padding:9px 12px;font-size:12px}.po-detail-flow-panel .po-approval-chain{background:0 0;border:0;margin:18px 0 0;padding:0}.po-detail-flow-panel .po-chain-heading{display:block}.po-detail-flow-panel .po-chain-heading h3{font-family:inherit;font-size:14px;font-weight:650}.po-detail-flow-panel .po-chain-heading>.badge{display:none}.po-detail-flow-panel .po-chain-heading p{margin-top:6px;font-size:12px;line-height:1.4}.po-detail-flow-panel .po-chain-legend{gap:7px 12px;margin:12px 0 16px;font-size:10px}.po-detail-flow-panel .po-approval-chain ol{gap:16px}.po-detail-flow-panel .po-approval-chain li{gap:7px}.po-detail-flow-panel .po-chain-number{border-width:3px;width:28px;height:28px}.po-detail-flow-panel .po-chain-number svg{width:14px;height:14px}.po-detail-flow-panel .po-chain-card{border-left-width:3px;border-radius:7px;padding:9px 10px}.po-detail-flow-panel .po-chain-card-title{display:block}.po-detail-flow-panel .po-chain-card-title strong{font-size:12px;line-height:1.4;display:block}.po-detail-flow-panel .po-chain-card-title strong small{margin-bottom:3px;font-size:9px}.po-detail-flow-panel .po-chain-state{white-space:normal;margin-top:5px;padding:3px 5px;font-size:10px;display:inline-block}.po-detail-flow-panel .po-approval-chain p{margin:5px 0;font-size:11px;line-height:1.4}.po-detail-flow-panel .po-approval-chain time{font-size:10px;display:block}.po-detail-flow-panel .po-approval-chain li:not(:last-child):after{bottom:-16px;left:13px}.po-detail-flow-panel .po-approval-chain li:not(:first-child):before{left:13px}.po-detail-flow-panel .po-chain-arrow{width:17px;height:17px;bottom:-17px;left:5px}.po-detail-layout .po-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (width<=1099px){.po-detail-layout{grid-template-columns:minmax(0,1fr);max-width:1120px}.po-detail-flow-panel{position:static}.po-detail-flow-panel .po-approval-chain ol{max-width:none}}