.my-po-page{background:#fffaf0;color:#293c60;font-family:'DM Sans',system-ui,sans-serif;line-height:1.5}.my-po-page [hidden]{display:none!important}.my-po-page button,.my-po-page input{font:inherit}.my-po-header{max-width:1200px;background:#fffefa;padding:20px 32px}.my-po-dice{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:37px;height:37px;padding:8px;border-radius:10px;background:#253f77;transform:rotate(-9deg)}.my-po-dice i{border-radius:50%;background:#ffdd72}.my-po-header .info-brand{gap:15px}.my-po-header .info-brand>span:last-child{font-size:29px}.my-po-header .info-brand small{font-size:8px;letter-spacing:.18em}.my-po-main{max-width:1120px;margin:auto;padding:26px 32px 48px}.my-po-breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:#8490a3}.my-po-breadcrumb a{text-decoration:none}.my-po-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:35px 0 30px}.my-po-eyebrow{font-size:10px;font-weight:750;letter-spacing:.15em;color:#78879d;margin:0 0 10px}.my-po-hero h1{font-size:clamp(32px,4.5vw,48px);line-height:1.14;letter-spacing:-1.6px;color:#253f77;margin:0 0 16px;font-weight:850}.my-po-hero h1>span{color:#e1af28}.my-po-hero>div>p:last-child{font-size:14px;color:#6e7c92;line-height:1.8;margin:0}.my-po-hero-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch;flex-shrink:0}.my-po-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#253f77;border:1px solid #d9dfeb;border-radius:10px;padding:11px 16px;text-decoration:none;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.my-po-primary{color:#fff!important;background:#253f77;border-color:#253f77}.my-po-button:disabled{opacity:.55;cursor:wait}.my-po-summary{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px;margin:0 0 26px}.my-po-summary>div{background:#fff;border:1px solid #dce3ee;border-radius:16px;padding:20px 22px}.my-po-summary span,.my-po-summary small{display:block;font-size:11px;color:#7a879c}.my-po-summary strong{display:block;font-size:29px;margin:9px 0;color:#253f77;font-variant-numeric:tabular-nums}.my-po-summary .my-po-payment-stat{background:#fff2c8;border-color:#f0dfa3}.my-po-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.my-po-filters{display:flex;gap:7px;flex-wrap:wrap}.my-po-filters button{display:inline-flex;align-items:center;gap:7px;min-height:39px;border:1px solid #dce3ee;border-radius:20px;padding:8px 12px;background:#fff;color:#536889;font-size:11px;cursor:pointer;white-space:nowrap}.my-po-filters button[aria-pressed=true]{background:#253f77;border-color:#253f77;color:white}.my-po-filters button>span{font-size:10px;opacity:.75}.my-po-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dce3ee;border-radius:10px;padding:0 12px;min-width:240px;flex:1;max-width:330px;color:#8795a9}.my-po-search input{width:100%;min-width:0;border:0;background:transparent;min-height:42px;outline-offset:3px;font-size:12px;color:#253f77}.my-po-load-status{font-size:11px;line-height:1.7;color:#8390a3;margin:15px 0}.my-po-load-status[data-error=true]{padding:13px 16px;background:#fff0de;border:1px solid #edc88e;border-radius:10px;color:#8b582a}.my-po-list{display:grid;gap:20px}.my-po-card{background:#fff;border:1px solid #dce3ee;border-radius:18px;overflow:hidden;scroll-margin-top:20px}.my-po-selected{border-color:#e1b73c;box-shadow:0 0 0 3px #fbe7a266}.my-po-card-header{padding:21px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #eef1f5}.my-po-reference{font-size:14px;color:#253f77;font-weight:800;margin:0 0 4px}.my-po-card-header small{font-size:11px;color:#8290a3}.my-po-badge{display:inline-block;border-radius:7px;font-size:10px;font-weight:700;padding:7px 10px;white-space:nowrap;background:#edf3ed;color:#466a52}.my-po-badge[data-state=requested]{background:#fff1bc;color:#80611e}.my-po-badge[data-state=payment]{background:#ebf0ff;color:#284982}.my-po-badge[data-state=cancelled]{background:#f0f0f2;color:#7c8291}.my-po-progress{display:flex;list-style:none;margin:20px 24px 10px;padding:0;gap:9px}.my-po-progress li{flex:1;display:flex;align-items:center;gap:7px;color:#a1aaba;font-size:10px;font-weight:600;position:relative}.my-po-progress li:not(:last-child)::after{content:'';height:1px;flex:1;background:#e9edf3;min-width:8px;margin-left:2px}.my-po-progress span{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;background:#f2f4f8;border-radius:50%;font-size:10px}.my-po-progress .reached{color:#55705d}.my-po-progress .reached span{background:#e9f1e7;color:#52715c}.my-po-progress [aria-current] span{background:#253f77;color:#fff}.my-po-items{padding:0 24px;list-style:none;margin:0}.my-po-items li{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid #eff2f6}.my-po-items li:last-child{border-bottom:0}.my-po-cover{width:69px;height:78px;flex:0 0 69px;padding:7px;background:#f4f3ed;border:1px solid #ecebe5;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#c3bc9f}.my-po-cover img{width:100%;height:100%;object-fit:contain}.my-po-cover svg{width:30px;height:30px}.my-po-item-copy{flex:1;min-width:0}.my-po-item-copy>strong{font-size:13px;color:#253f77;display:block;line-height:1.6}.my-po-item-copy small{display:block;font-size:11px;margin-top:5px;color:#8390a4}.my-po-item-copy .my-po-item-warning{color:#99722b}.my-po-line-price{font-size:12px;font-weight:650;color:#496285;white-space:nowrap}.my-po-financials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:5px 24px 18px;padding:16px 0;border-top:1px solid #edf0f5;gap:14px}.my-po-financials>div:not(:first-child){padding-left:18px;border-left:1px solid #edf0f5}.my-po-financials span,.my-po-financials small{display:block;font-size:10px;color:#8692a5}.my-po-financials strong{display:block;color:#2e456d;font-size:17px;margin-top:6px;font-variant-numeric:tabular-nums}.my-po-next{margin:0 24px 20px;padding:16px 18px;border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#edf3e9;color:#496253}.my-po-next strong{font-size:13px;display:block}.my-po-next p{margin:5px 0 0;font-size:11px;line-height:1.8;max-width:600px}.my-po-next[data-tone=action]{background:#edf1fc;color:#304b80}.my-po-next[data-tone=muted]{background:#f3f4f6;color:#6c788c}.my-po-next-icon{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border:1px solid #b4c5b0;border-radius:50%;flex-shrink:0}.my-po-next-icon+div{flex:1}.my-po-tracking{margin:0 24px 20px}.my-po-shipment{border:1px solid #e1e5ed;border-radius:12px;padding:17px;margin-top:12px;background:#fdfdfb}.my-po-shipment-heading{display:flex;align-items:flex-start;gap:12px}.my-po-shipment-icon{background:#fff0c2;color:#8c773d;border-radius:10px;padding:9px;flex-shrink:0;width:43px;height:43px}.my-po-shipment-icon svg{width:25px;height:25px}.my-po-shipment .my-po-eyebrow{font-size:8px;margin-bottom:4px}.my-po-shipment h3{font-size:14px;line-height:1.5;margin:0;color:#304b78}.my-po-shipment h3 small{font-size:10px;font-weight:400;color:#8090a7}.my-po-shipment-heading p{font-size:11px;color:#8490a4;margin:5px 0;line-height:1.7}.my-po-shipment-heading .my-po-eta{color:#62758f}.my-po-public-note{font-size:12px;color:#5f718d;line-height:1.8;margin:13px 0 0;padding-top:12px;border-top:1px solid #edf0f5}.my-po-details>summary{cursor:pointer;font-size:11px;color:#5f7394;font-weight:600;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}.my-po-details>summary::-webkit-details-marker{display:none}.my-po-details>summary span{transition:transform .15s}.my-po-details[open]>summary span{transform:rotate(180deg)}.my-po-shipment .my-po-details{margin-top:10px}.my-po-import-steps{padding:10px 0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 12px}.my-po-import-steps li{display:flex;gap:8px;align-items:center;font-size:10px;color:#a0a9b8;line-height:1.5}.my-po-import-steps li>span{width:22px;height:22px;border-radius:50%;background:#f0f2f7;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:9px}.my-po-import-steps .passed{color:#59725f}.my-po-import-steps .passed>span{background:#e7f0e4}.my-po-import-steps .current{color:#253f77;font-weight:750}.my-po-import-steps .current>span{background:#253f77;color:#fff}.my-po-fine{font-size:10px;color:#95a0af;line-height:1.8;margin:13px 0 0}.my-po-tracking-pending{margin:0 24px 20px;font-size:11px;color:#8895a8}.my-po-card-footer{padding:11px 24px;background:#fcfcf9;border-top:1px solid #eef0f3;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;font-size:11px}.my-po-card-footer>details{flex:1;max-width:75%}.my-po-card-footer>details>summary{justify-content:flex-start;gap:10px}.my-po-card-footer>a{padding:9px 0;text-decoration:none;white-space:nowrap}.my-po-card-footer dl{margin:10px 0 8px;display:grid;gap:9px;font-size:11px}.my-po-card-footer dt{color:#8a96a7;margin-bottom:4px}.my-po-card-footer dd{margin:0;color:#5a6c88;overflow-wrap:anywhere}.my-po-more{margin:0 24px 10px}.my-po-more .my-po-items{padding:0}.my-po-empty{background:#fff;border:1px dashed #d8dfeb;border-radius:18px;text-align:center;padding:45px 25px}.my-po-empty-icon{display:flex;align-items:center;justify-content:center;background:#fff2c5;color:#a88a2c;width:67px;height:67px;border-radius:18px;margin:0 auto 20px}.my-po-empty-icon svg{width:34px;height:34px}.my-po-empty h2{font-size:21px;letter-spacing:-.5px;color:#253f77;margin:0 0 12px}.my-po-empty p{font-size:13px;line-height:1.8;color:#8491a6;max-width:450px;margin:0 auto 22px}.my-po-help{margin-top:30px;padding:17px 0;border-top:1px solid #e5e6e3;border-bottom:1px solid #e5e6e3;color:#73829a;font-size:12px}.my-po-help>summary{font-size:12px;font-weight:650;cursor:pointer;color:#566c91}.my-po-help ol{padding-left:20px;line-height:1.8;max-width:750px}.my-po-help li{margin:9px 0}.my-po-help>p{font-size:11px;line-height:1.8}.my-po-footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:10px;color:#8c98ab;padding-top:28px}.my-po-footer a{text-decoration:none}.my-po-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.my-po-header{padding:17px 20px;flex-wrap:wrap;gap:14px}.my-po-header .info-brand>span:last-child{font-size:25px}.my-po-header nav{gap:8px 18px}.my-po-header nav a{font-size:11px;min-height:35px}.my-po-main{padding:22px 20px 35px}.my-po-hero{padding:26px 0 24px;gap:18px}.my-po-hero h1{font-size:34px}.my-po-hero>div>p:last-child{font-size:12px}.my-po-hero-actions{flex-direction:row;flex-wrap:wrap}.my-po-button{font-size:11px;min-height:42px;padding:10px 13px}.my-po-summary{gap:8px;margin-bottom:21px}.my-po-summary>div{padding:15px 14px}.my-po-summary strong{font-size:23px}.my-po-summary small{font-size:9px}.my-po-summary span{font-size:10px}.my-po-toolbar{gap:13px}.my-po-search{max-width:none;flex-basis:100%}.my-po-card-header{padding:17px 18px;align-items:flex-start}.my-po-progress{margin:17px 18px 10px;gap:6px}.my-po-progress li{font-size:9px;gap:5px}.my-po-items{padding:0 18px}.my-po-cover{width:56px;height:65px;flex-basis:56px;padding:5px}.my-po-items li{gap:11px}.my-po-item-copy>strong{font-size:12px}.my-po-item-copy small{font-size:10px}.my-po-line-price{font-size:11px}.my-po-financials{margin:5px 18px 15px;gap:8px}.my-po-financials>div:not(:first-child){padding-left:11px}.my-po-financials strong{font-size:15px}.my-po-next{margin:0 18px 17px;padding:14px;gap:12px}.my-po-next p{font-size:10px}.my-po-tracking{margin:0 18px 17px}.my-po-card-footer{padding:10px 18px;gap:14px}.my-po-card-footer>details{max-width:66%}.my-po-more{margin-left:18px;margin-right:18px}.my-po-import-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.my-po-tracking-pending{margin:0 18px 17px}}
@media(max-width:520px){.my-po-hero{display:block}.my-po-hero-actions{margin-top:20px}.my-po-summary{grid-template-columns:1fr 1fr}.my-po-summary .my-po-payment-stat{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px}.my-po-payment-stat strong{grid-column:2;grid-row:1/3;font-size:25px;margin:0}.my-po-filters{flex-wrap:nowrap;overflow:auto;max-width:100%;padding:3px 0 7px;scrollbar-width:thin}.my-po-filters button{min-height:37px;font-size:10px;padding:8px 11px}.my-po-card-header{flex-wrap:wrap;gap:10px}.my-po-card-header small{font-size:10px}.my-po-reference{font-size:13px}.my-po-progress li{flex-direction:column;align-items:flex-start;font-size:8px;gap:6px}.my-po-progress li::after{position:absolute;left:28px;right:0;top:10px}.my-po-items li{flex-wrap:wrap}.my-po-item-copy{min-width:150px}.my-po-line-price{margin-left:67px;margin-top:-6px}.my-po-financials{gap:7px}.my-po-financials strong{font-size:13px}.my-po-financials span{font-size:9px}.my-po-financials small{font-size:9px}.my-po-next{flex-wrap:wrap}.my-po-next strong{font-size:12px}.my-po-next .my-po-button{width:100%;margin-top:2px}.my-po-shipment{padding:14px}.my-po-shipment-heading{gap:10px}.my-po-shipment h3{font-size:13px}.my-po-shipment-heading p{font-size:10px}.my-po-shipment-icon{width:35px;height:35px;padding:7px}.my-po-shipment-icon svg{width:21px;height:21px}.my-po-card-footer{flex-wrap:wrap;gap:0}.my-po-card-footer>details{max-width:none;flex-basis:100%}.my-po-card-footer>a{font-size:10px}.my-po-footer{display:grid;gap:12px}.my-po-empty{padding:33px 20px}.my-po-empty h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.my-po-details>summary span{transition:none}}