#princeorders .card{margin:16px 0}#princeorders .head,#poDialog .head{display:flex;justify-content:space-between;gap:12px;align-items:center}#princeorders .tools{align-items:center}#princeorders .po-connection{border-left:5px solid #9227b5}#princeorders .po-order{overflow-wrap:anywhere}#princeorders .po-overdue,#poDialog .po-overdue{color:#9e2d36;font-weight:700}#princeorders code{white-space:normal;overflow-wrap:anywhere}#princeorders button:disabled,#poDialog button:disabled{opacity:.5;cursor:default}#princeorders .po-checkbox{display:flex;align-items:center;margin:18px 0}#poDialog{width:min(1000px,96vw);max-height:90vh;overflow:auto;border:1px solid #e4dde8;border-radius:18px;padding:24px;color:#172337}#poDialog::backdrop{background:#152033a6}#poDialog .form,#poDialog .po-line{margin:14px 0}#poDialog .po-line{display:grid;grid-template-columns:2fr .7fr 1fr auto;gap:10px;align-items:end;border-bottom:1px solid #e4dde8;padding-bottom:12px}#poDialog input,#poDialog select,#poDialog textarea{width:100%;min-width:0}#poDialog .po-wide{grid-column:span 2}#poDialog img{max-width:100%;height:auto}#poDialog audio{width:100%}#poDialog form{margin:16px 0}#poDialog .tools{flex-wrap:wrap}#poDialog .po-original,#princeorders .po-original{white-space:pre-wrap}#princeorders summary,#poDialog summary{cursor:pointer;font-weight:700;min-height:40px}@media(max-width:650px){#princeorders .metrics{grid-template-columns:repeat(2,1fr)}#princeorders .head,#poDialog .head{align-items:start;flex-wrap:wrap}#poDialog{padding:16px}#poDialog .form,#poDialog .po-line{grid-template-columns:1fr}#poDialog .po-wide{grid-column:auto}#princeorders button,#poDialog button{min-height:44px}#princeorders .form{grid-template-columns:1fr}}
.po-customer-matches{display:grid;gap:6px;margin-top:8px}.po-customer-match{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:10px 12px;border:1px solid #d9dfeb;border-radius:10px;background:#fff;color:#172337;text-align:left;cursor:pointer}.po-customer-match:hover,.po-customer-match:focus{border-color:#194891;background:#f3f7ff}.po-customer-match span,.po-no-match,#poCustomerLookupStatus{font-size:.85rem;color:#5d6675}.po-no-match{display:block;padding:8px 0}