.purchase-exchange-page{--pe-accent:#ff596f;--pe-ink:#283252;--pe-muted:#7d879b;--pe-line:#e3e7ef;background:#f5f6fa;color:var(--pe-ink)}
.purchase-exchange-page [hidden]{display:none!important}
.purchase-exchange-page .account-wrapper{max-width:1440px;width:100%}
.purchase-exchange-page .pe-card{border:1px solid var(--pe-line);border-radius:14px;background:white;box-shadow:0 3px 18px #28325206;overflow:hidden}
.purchase-exchange-page .pe-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px}
.purchase-exchange-page .pe-head h3{font-size:22px;font-weight:700;margin:3px 0 6px}
.purchase-exchange-page .pe-head p,.purchase-exchange-page .pe-help{color:var(--pe-muted);font-size:12px;line-height:1.8}
.purchase-exchange-page .pe-eyebrow{color:#e59358;font-size:10px;font-weight:800;letter-spacing:1.8px}
.purchase-exchange-page .pe-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.purchase-exchange-page .button{height:36px!important;min-height:36px!important;border-radius:999px!important;font-size:14px;font-weight:700;margin:0;padding:0 17px;border:1px solid var(--pe-line);background:#fff;color:var(--pe-ink)}
.purchase-exchange-page .button.is-primary{background:var(--pe-accent);border-color:var(--pe-accent);color:#fff}
.purchase-exchange-page .pe-danger{color:#bd3a51;border-color:#edc3cb}
.purchase-exchange-page .input,.purchase-exchange-page select{height:36px!important;min-height:36px;font-size:13px;border:1px solid var(--pe-line);border-radius:6px;padding:5px 10px;width:100%;box-shadow:none;background:#fff;color:var(--pe-ink)}
.purchase-exchange-page .input:disabled,.purchase-exchange-page .textarea:disabled{background:#f8f9fc;color:var(--pe-ink);opacity:1}
.purchase-exchange-page .pe-body{padding:22px 26px!important}
.purchase-exchange-page .pe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.purchase-exchange-page label>span{display:block;color:#646f84;font-size:12px;font-weight:600;margin-bottom:6px}
.purchase-exchange-page .pe-filter-grid{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;background:#f6f8fb;padding:18px;border-radius:10px}
.purchase-exchange-page .pe-filter-grid label{width:171px}
.purchase-exchange-page .pe-toolbar{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px;font-size:13px;color:var(--pe-muted)}
.purchase-exchange-page .pe-document-status{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.purchase-exchange-page .pe-document-status>div{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--pe-muted)}
.purchase-exchange-page #pe-number{font-size:16px;color:var(--pe-ink)}
.purchase-exchange-page .pe-status{display:inline-flex;border-radius:999px;padding:5px 12px;font-size:12px;background:#fff2d8;color:#947128;white-space:nowrap}
.purchase-exchange-page .pe-status.posted{background:#e7f7ef;color:#26805c}
.purchase-exchange-page .pe-status.void{background:#f0f1f5;color:#8590a2}
.purchase-exchange-page .pe-section{margin-top:22px}
.purchase-exchange-page .pe-section-head,.purchase-exchange-page .pe-section-head>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.purchase-exchange-page .pe-section-head{margin-bottom:12px}
.purchase-exchange-page .pe-section-head h4{font-size:15px;font-weight:700}
.purchase-exchange-page .pe-direction{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;font-size:18px;background:#fff0eb;color:#cd7759}
.purchase-exchange-page .pe-direction.pe-in{background:#eaf4f4;color:#558b8a}
.purchase-exchange-page .pe-table-shell{border:1px solid var(--pe-line);border-radius:10px;overflow:auto}
.purchase-exchange-page .table{margin:0;width:100%;font-size:13px;background:white}
.purchase-exchange-page .table th{background:#f6f8fb;color:#63708b;font-size:12px;font-weight:600;white-space:nowrap;position:sticky;top:0;z-index:1}
.purchase-exchange-page .table th,.purchase-exchange-page .table td{padding:12px 14px;vertical-align:middle;border-bottom:1px solid #edf0f5}
.purchase-exchange-page .table td{color:var(--pe-ink)}
.purchase-exchange-page .table tbody tr:last-child td{border-bottom:0}
.purchase-exchange-page .pe-items-table{min-width:950px}
.purchase-exchange-page .pe-items-table td:nth-child(2){min-width:240px;width:100%}
.purchase-exchange-page .pe-items-table td:nth-child(3),.purchase-exchange-page .pe-items-table td:nth-child(5),.purchase-exchange-page .pe-items-table td:nth-child(6),.purchase-exchange-page .pe-items-table td:nth-child(7){text-align:right;white-space:nowrap}
.purchase-exchange-page .pe-items-table .pe-qty{width:100px;text-align:right}
.purchase-exchange-page .pe-remove{width:30px;height:30px;border-radius:999px;background:#f6f7fa;border:0;color:#9a5264;cursor:pointer;font-size:18px}
.purchase-exchange-page .pe-placeholder{text-align:center!important;color:var(--pe-muted);height:90px}
.purchase-exchange-page .pe-section-total{display:flex;justify-content:flex-end;gap:24px;padding:12px 15px;background:#fafbfd;border-bottom:1px solid var(--pe-line);font-size:13px}
.purchase-exchange-page .pe-money{white-space:nowrap;font-variant-numeric:tabular-nums}
.purchase-exchange-page .pe-money small{font-size:70%;font-weight:inherit}
.purchase-exchange-page .pe-bottom{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;margin:24px 0 12px}
.purchase-exchange-page .pe-cost-card{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:18px;background:#f6f8fb;border-radius:10px;font-size:12px}
.purchase-exchange-page #pe-total{font-size:27px;color:var(--pe-ink)}
.purchase-exchange-page .pe-cost-card>small{font-size:11px;color:var(--pe-muted);line-height:1.7}
.purchase-exchange-page .pe-help{margin:14px 0}
.purchase-exchange-page .pe-loading{text-align:center;padding:30px;color:var(--pe-muted)}
.purchase-exchange-page #pe-message{padding:12px 16px;border:1px solid #eed2d8;background:#fff3f5;color:#ac3f54;border-radius:8px;margin-bottom:16px;font-size:13px}
.purchase-exchange-page #pe-message.success{background:#edf8f2;border-color:#d3eadd;color:#347c59}
.purchase-exchange-page .pe-empty{padding:40px;text-align:center;color:var(--pe-muted)}
.purchase-exchange-page .pe-empty img{height:130px;margin-bottom:14px}
.purchase-exchange-page .pe-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}
.purchase-exchange-page .pe-list-table{min-width:900px}
.purchase-exchange-page.pe-hide-cost .pe-items-table th:nth-child(6),.purchase-exchange-page.pe-hide-cost .pe-items-table th:nth-child(7),.purchase-exchange-page.pe-hide-cost .pe-unit-cost,.purchase-exchange-page.pe-hide-cost .pe-line-cost,.purchase-exchange-page.pe-hide-cost .pe-section-total strong,.purchase-exchange-page.pe-hide-cost .pe-cost-card,.purchase-exchange-page.pe-hide-cost .pe-list-table th:nth-child(6),.purchase-exchange-page.pe-hide-cost .pe-list-table td:nth-child(6){display:none}
html.dashboard-wide-layout .purchase-exchange-page .page-content,html.dashboard-wide-layout .purchase-exchange-page .page-content-wrapper,html.dashboard-wide-layout .purchase-exchange-page .account-wrapper{max-width:none!important;width:100%}
@media(max-width:1000px){.purchase-exchange-page .pe-head{align-items:flex-start;flex-direction:column}.purchase-exchange-page .pe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.purchase-exchange-page .pe-head,.purchase-exchange-page .pe-body{padding:16px!important}.purchase-exchange-page .pe-grid,.purchase-exchange-page .pe-bottom{grid-template-columns:1fr}.purchase-exchange-page .pe-filter-grid label{width:100%}.purchase-exchange-page .pe-actions{gap:14px}.purchase-exchange-page .pe-section-head{align-items:flex-start}}
@media print{body *{visibility:hidden}.purchase-exchange-page,.purchase-exchange-page *{visibility:visible}.purchase-exchange-page{position:absolute!important;inset:0!important;width:100%!important;margin:0!important;padding:0!important;background:white}.purchase-exchange-page .pe-actions,.purchase-exchange-page .pe-add,.purchase-exchange-page .pe-remove,.purchase-exchange-page #pe-message{display:none!important}.purchase-exchange-page .pe-table-shell{overflow:visible}.purchase-exchange-page .pe-items-table{min-width:0;font-size:10px}.purchase-exchange-page .table th,.purchase-exchange-page .table td{padding:7px}.purchase-exchange-page .pe-items-table td:nth-child(2){min-width:100px}.purchase-exchange-page .pe-items-table .pe-qty{width:65px}.purchase-exchange-page .pe-card{border:0;box-shadow:none}.purchase-exchange-page .pe-section{break-inside:avoid}.purchase-exchange-page #pe-cost-note{display:none}}
