.purchase-order-hub{--po-blue:#1677ff;--po-purple:#7557de;--po-green:#158a55;--po-orange:#d97706;--po-red:#d33d4f;--po-navy:#17243b;--po-text:#30445f;--po-muted:#6f7f95;--po-border:#e1e8f0;--po-surface:#fff;display:grid;gap:16px;color:var(--po-text)}.purchase-order-hero,.purchase-order-panel,.purchase-order-kpi{border:1px solid var(--po-border);background:var(--po-surface);box-shadow:0 7px 24px #182b4c0e}.purchase-order-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;border-radius:14px}.purchase-order-hero__identity{display:flex;align-items:center;gap:14px;min-width:0}.purchase-order-hero__icon{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:13px;color:#fff;background:var(--po-blue);font-size:22px;box-shadow:0 9px 18px #1677ff33}.purchase-order-hero__identity small{display:block;margin-bottom:3px;color:var(--po-blue);font-size:11px;font-weight:850;letter-spacing:.11em}.purchase-order-hero h1{margin:0;color:#1d2d49;font-size:23px;font-weight:800;line-height:1.25}.purchase-order-hero p{margin:5px 0 0;color:var(--po-muted);font-size:13px;line-height:1.55}.purchase-order-hero__actions{display:flex;gap:9px}.purchase-order-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:750;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.purchase-order-button:hover{transform:translateY(-1px)}.purchase-order-button:focus-visible{outline:3px solid rgba(22,119,255,.28);outline-offset:2px}.purchase-order-button--primary{color:#fff;background:var(--po-blue);box-shadow:0 8px 16px #1677ff29}.purchase-order-button--ghost{border-color:#d8e2ed;color:#3d506d;background:#fff}.purchase-order-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.purchase-order-kpi{display:flex;align-items:center;gap:14px;min-height:116px;padding:17px;border-radius:12px;overflow:hidden;position:relative}.purchase-order-kpi:after{content:"";position:absolute;right:-20px;bottom:-28px;width:80px;height:80px;border-radius:50%;background:color-mix(in srgb,var(--tone) 7%,white)}.purchase-order-kpi__icon,.purchase-order-panel__icon,.purchase-order-flow__icon{display:grid;place-items:center;color:var(--tone);background:color-mix(in srgb,var(--tone) 11%,white)}.purchase-order-kpi__icon{flex:0 0 48px;width:48px;height:48px;border-radius:12px;font-size:20px}.purchase-order-kpi>div{min-width:0;z-index:1}.purchase-order-kpi small{display:block;color:#6f7f95;font-size:12px;font-weight:700}.purchase-order-kpi strong{display:block;margin-top:4px;color:#213551;font-size:23px;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}.purchase-order-kpi p{margin:4px 0 0;color:#7d8da2;font-size:11px}.purchase-order-kpi p b{color:var(--tone);font-weight:800}.purchase-order-kpi__progress{width:min(150px,100%);height:6px;margin-top:8px;overflow:hidden;border-radius:99px;background:#e9eef5}.purchase-order-kpi__progress i{display:block;height:100%;border-radius:inherit;background:var(--tone)}.po-tone-blue{--tone:var(--po-blue)}.po-tone-purple{--tone:var(--po-purple)}.po-tone-green{--tone:var(--po-green)}.po-tone-orange{--tone:var(--po-orange)}.po-tone-red{--tone:var(--po-red)}.purchase-order-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.75fr);gap:14px;align-items:start}.purchase-order-side{display:grid;gap:14px}.purchase-order-panel{border-radius:13px;overflow:hidden}.purchase-order-panel__header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:66px;padding:13px 16px;border-bottom:1px solid #e9eef4}.purchase-order-panel__header>div{display:flex;align-items:center;gap:10px;min-width:0}.purchase-order-panel__icon{flex:0 0 38px;width:38px;height:38px;border-radius:10px;font-size:16px}.purchase-order-panel h2{margin:0;color:#243650;font-size:14px;font-weight:800}.purchase-order-panel__header p{margin:3px 0 0;color:#7b8ba0;font-size:11px}.purchase-order-panel__badge{padding:6px 10px;border-radius:99px;color:#ba3043;background:#fff0f2;font-size:11px;font-weight:800}.purchase-order-panel__hint{display:inline-flex;align-items:center;gap:6px;color:#708097;font-size:11px}.purchase-order-priority__list>a{display:grid;grid-template-columns:44px minmax(180px,1.5fr) minmax(135px,.75fr) auto 18px;align-items:center;gap:12px;min-height:74px;padding:10px 15px;border-bottom:1px solid #edf1f5;color:var(--po-text);transition:background .18s ease}.purchase-order-priority__list>a:last-child{border-bottom:0}.purchase-order-priority__list>a:hover{background:#f8fbff}.purchase-order-priority__list>a:focus-visible{outline:3px solid rgba(22,119,255,.25);outline-offset:-3px}.purchase-order-date{display:grid;place-items:center;width:44px;height:48px;border-radius:10px;color:#306da8;background:#edf5ff}.purchase-order-date.is-overdue{color:#bf3043;background:#fff0f2}.purchase-order-date b{font-size:15px;line-height:1}.purchase-order-date small{margin-top:3px;font-size:9px;font-weight:800;text-transform:uppercase}.purchase-order-priority__identity strong,.purchase-order-priority__identity small{display:block}.purchase-order-priority__identity strong{overflow:hidden;color:#253951;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.purchase-order-priority__identity small{margin-top:4px;overflow:hidden;color:#718197;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.purchase-order-priority__progress>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.purchase-order-priority__progress>span b{color:#30445f;font-size:12px}.purchase-order-priority__progress>span small{color:#74849a;font-size:10px}.purchase-order-priority__progress>i{display:block;height:5px;margin-top:5px;overflow:hidden;border-radius:99px;background:#e8edf3}.purchase-order-priority__progress>i b{display:block;height:100%;border-radius:inherit;background:var(--po-blue)}.purchase-order-priority__deadline{padding:6px 8px;border-radius:7px;color:#97610b;background:#fff6df;font-size:10px;font-weight:800;white-space:nowrap}.purchase-order-priority__deadline.is-overdue{color:#bd3042;background:#fff0f2}.purchase-order-priority__list>a>i{color:#9aa8b9}.purchase-order-flow__list{display:grid;padding:8px 14px}.purchase-order-flow__list>div{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:51px;border-bottom:1px solid #edf1f5}.purchase-order-flow__list>div:last-child{border-bottom:0}.purchase-order-flow__icon{width:34px;height:34px;border-radius:9px;font-size:14px}.purchase-order-flow__list>div>span:nth-child(2) strong{display:block;color:#344962;font-size:12px}.purchase-order-flow__list>div>span:nth-child(2)>i{display:block;height:4px;margin-top:5px;overflow:hidden;border-radius:99px;background:#e9eef4}.purchase-order-flow__list>div>span:nth-child(2)>i b{display:block;height:100%;border-radius:inherit;background:var(--po-blue)}.purchase-order-flow__list>div>b{color:#263951;font-size:15px;font-variant-numeric:tabular-nums}.purchase-order-flow footer{display:flex;gap:14px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid #e9eef4;background:#f8fafc}.purchase-order-flow footer span{min-width:120px}.purchase-order-flow footer small,.purchase-order-flow footer strong{display:block}.purchase-order-flow footer small{color:#7c8ba0;font-size:9px;font-weight:800}.purchase-order-flow footer strong{margin-top:3px;color:#2c4059;font-size:12px;font-variant-numeric:tabular-nums}.purchase-order-deliveries__list{padding:5px 14px}.purchase-order-deliveries__list>a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:55px;border-bottom:1px solid #edf1f5;color:var(--po-text)}.purchase-order-deliveries__list>a:last-child{border-bottom:0}.purchase-order-deliveries__list>a>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#158a55;background:#eaf8f1}.purchase-order-deliveries__list strong,.purchase-order-deliveries__list small{display:block}.purchase-order-deliveries__list strong{overflow:hidden;color:#30445e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.purchase-order-deliveries__list small{margin-top:3px;overflow:hidden;color:#78889c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.purchase-order-deliveries__list time{color:#66778f;font-size:11px;font-weight:750}.purchase-order-directory__table{padding:4px 12px 12px}.purchase-order-directory__table .fi-ta{border:0;box-shadow:none}.purchase-order-directory__table .fi-ta-header{padding-inline:4px}.purchase-order-directory__table .fi-ta-cell{font-size:13px}.purchase-order-directory__table .fi-btn,.purchase-order-directory__table button{min-height:40px}.purchase-order-empty{display:flex;min-height:170px;align-items:center;justify-content:center;flex-direction:column;color:#8797aa;text-align:center}.purchase-order-empty i{font-size:25px}.purchase-order-empty strong{margin-top:8px;color:#526780;font-size:13px}.purchase-order-empty span{margin-top:4px;font-size:11px}.purchase-order-empty--small{min-height:150px}.purchase-order-form-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #dce6f0;border-radius:14px;background:linear-gradient(105deg,#fff,#f6faff);box-shadow:0 7px 24px #182b4c0d}.purchase-order-form-hero__identity{display:flex;align-items:center;gap:12px;min-width:0}.purchase-order-form-hero__back{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #d7e2ee;border-radius:10px;color:#45617f;background:#fff}.purchase-order-form-hero__back:focus-visible{outline:3px solid rgba(22,119,255,.25);outline-offset:2px}.purchase-order-form-hero__icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:11px;color:#fff;background:var(--po-blue,#1677ff);font-size:20px}.purchase-order-form-hero__identity small{display:block;color:#1677ff;font-size:10px;font-weight:850;letter-spacing:.1em}.purchase-order-form-hero h1{margin:3px 0 0;color:#20344f;font-size:21px;font-weight:820}.purchase-order-form-hero p{margin:4px 0 0;color:#718197;font-size:12px}.purchase-order-form-hero__status{display:grid;min-width:180px}.purchase-order-form-hero__status>span{justify-self:end;padding:5px 8px;border-radius:99px;color:#1764be;background:#eaf3ff;font-size:10px;font-weight:800}.purchase-order-form-hero__status>strong{justify-self:end;margin-top:7px;color:#2d425d;font-size:13px}.purchase-order-form-hero__status>div{height:6px;margin-top:6px;overflow:hidden;border-radius:99px;background:#e6edf4}.purchase-order-form-hero__status>div i{display:block;height:100%;border-radius:inherit;background:#1677ff}.purchase-order-form-section{border-color:#dfe7f0!important;border-radius:13px!important;box-shadow:0 6px 20px #182b4c0b!important}.purchase-order-form-section .fi-section-header{padding-bottom:14px}.purchase-order-form-section .fi-section-header-heading{font-size:15px!important;color:#243851}.purchase-order-form-section .fi-section-header-description{margin-top:4px!important;color:#697b91!important;font-size:12px!important}.purchase-order-form-section .fi-fo-field-wrp-label span{color:#40546d;font-size:13px;font-weight:700}.purchase-order-form-section .fi-input-wrp{min-height:44px}.purchase-order-form-section input,.purchase-order-form-section textarea,.purchase-order-form-section select{font-size:14px!important}.purchase-order-form-section input[readonly],.purchase-order-form-section input:disabled,.purchase-order-form-section select:disabled{color:#30445f!important;background:#f6f8fb!important;-webkit-text-fill-color:#30445f!important;opacity:1!important}.purchase-order-form-section--items .fi-fo-repeater-item{border-color:#dfe7f0!important;border-radius:11px!important;background:#fbfcfe!important;box-shadow:none!important}.purchase-order-form-section--items .fi-fo-repeater-item-content{padding:14px!important}.purchase-order-form-section--summary textarea{line-height:1.55}.purchase-order-form-hero__tools{display:flex;align-items:center;gap:16px}.purchase-order-form-hero__actions{display:flex;gap:8px}.purchase-order-form-hero__actions a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid #cfdceb;border-radius:9px;color:#365473;background:#fff;font-size:12px;font-weight:800;transition:border-color .18s ease,background .18s ease,color .18s ease}.purchase-order-form-hero__actions a:hover{border-color:#96b9e6;color:#0d65ce;background:#f4f8ff}.purchase-order-form-hero__actions a:focus-visible{outline:3px solid rgba(22,119,255,.25);outline-offset:2px}.purchase-order-form-hero__tools .purchase-order-form-hero__status{min-width:150px}.dark .purchase-order-hub{--po-text:#dbe6f3;--po-muted:#9cacc0;--po-border:#2c3a4c;--po-surface:#172131}.dark .purchase-order-hero,.dark .purchase-order-panel,.dark .purchase-order-kpi{background:#172131;border-color:#2c3a4c;box-shadow:none}.dark .purchase-order-hero h1,.dark .purchase-order-kpi strong,.dark .purchase-order-panel h2{color:#edf4fb}.dark .purchase-order-button--ghost{color:#d3deeb;background:#1d2939;border-color:#34445a}.dark .purchase-order-kpi:after{background:color-mix(in srgb,var(--tone) 13%,#172131)}.dark .purchase-order-kpi__icon,.dark .purchase-order-panel__icon,.dark .purchase-order-flow__icon{background:color-mix(in srgb,var(--tone) 18%,#172131)}.dark .purchase-order-panel__header,.dark .purchase-order-priority__list>a,.dark .purchase-order-flow__list>div,.dark .purchase-order-deliveries__list>a{border-color:#2a384b}.dark .purchase-order-priority__list>a:hover{background:#1c293a}.dark .purchase-order-priority__identity strong,.dark .purchase-order-flow__list>div>span:nth-child(2) strong,.dark .purchase-order-flow__list>div>b,.dark .purchase-order-deliveries__list strong{color:#dce7f4}.dark .purchase-order-flow footer{background:#1b2737;border-color:#2a384b}.dark .purchase-order-flow footer strong{color:#dbe6f2}.dark .purchase-order-form-hero{border-color:#304055;background:linear-gradient(105deg,#172131,#1b293b);box-shadow:none}.dark .purchase-order-form-hero h1{color:#edf4fb}.dark .purchase-order-form-hero__back{color:#d6e2ef;background:#1e2b3c;border-color:#34465d}.dark .purchase-order-form-section{border-color:#2e3d50!important;background:#172131!important;box-shadow:none!important}.dark .purchase-order-form-section .fi-section-header-heading{color:#e7f0f8}.dark .purchase-order-form-section .fi-section-header-description{color:#9dafc2!important}.dark .purchase-order-form-section .fi-fo-field-wrp-label span{color:#d2deea}.dark .purchase-order-form-section input[readonly],.dark .purchase-order-form-section input:disabled,.dark .purchase-order-form-section select:disabled{color:#dce7f3!important;background:#1c2939!important;-webkit-text-fill-color:#dce7f3!important}.dark .purchase-order-form-section--items .fi-fo-repeater-item{border-color:#304055!important;background:#192536!important}.dark .purchase-order-form-hero__actions a{color:#d6e2ef;background:#1e2b3c;border-color:#34465d}.dark .purchase-order-form-hero__actions a:hover{color:#8ec1ff;background:#223247;border-color:#47617f}@media(max-width:1199.98px){.purchase-order-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-order-workspace{grid-template-columns:1fr}.purchase-order-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.purchase-order-hero,.purchase-order-form-hero{align-items:flex-start;flex-direction:column}.purchase-order-hero__actions{width:100%}.purchase-order-button{flex:1}.purchase-order-side{grid-template-columns:1fr}.purchase-order-priority__list>a{grid-template-columns:44px minmax(0,1fr) auto}.purchase-order-priority__progress{grid-column:2/-1}.purchase-order-priority__deadline{grid-column:2}.purchase-order-priority__list>a>i{grid-column:3;grid-row:1}.purchase-order-form-hero__tools{width:100%;align-items:stretch;flex-direction:column-reverse}.purchase-order-form-hero__actions{width:100%}.purchase-order-form-hero__actions a{flex:1}.purchase-order-form-hero__status{width:100%}.purchase-order-form-hero__status>span,.purchase-order-form-hero__status>strong{justify-self:start}.purchase-order-panel__hint{display:none}}@media(max-width:520px){.purchase-order-kpis{grid-template-columns:1fr}.purchase-order-kpi{min-height:102px}.purchase-order-hero{padding:16px}.purchase-order-hero__identity{align-items:flex-start}.purchase-order-hero__icon{flex-basis:44px;width:44px;height:44px}.purchase-order-hero h1{font-size:20px}.purchase-order-hero__actions .purchase-order-button--ghost{flex:0 0 44px;padding:0}.purchase-order-hero__actions .purchase-order-button--ghost span{display:none}.purchase-order-priority__identity small{white-space:normal}.purchase-order-panel__header{align-items:flex-start}.purchase-order-form-hero__icon{display:none}}@media(prefers-reduced-motion:reduce){.purchase-order-button,.purchase-order-priority__list>a{transition:none}.purchase-order-button:hover{transform:none}}