html body #detailModal:has(#posOrderView):not(.is-hidden){position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;padding:18px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#030b19d9!important;z-index:1000!important;box-sizing:border-box;overflow:auto!important}
html body #detailModal:has(#posOrderView) .detail-modal-card{position:relative!important;inset:auto!important;transform:none!important;width:min(1260px,100%)!important;max-width:1260px!important;height:calc(100dvh - 36px)!important;min-height:0!important;max-height:calc(100dvh - 36px)!important;margin:auto!important;padding:20px!important;overflow:auto!important;box-sizing:border-box!important;background:#0d192b!important;border:1px solid #304864!important;border-radius:18px!important}
html body #detailModal:has(#posOrderView) #detailModalBody{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0!important}
html body #detailModal:has(#posOrderView) .detail-modal-card>.section-title-row{display:none!important}
#posOrderView{color:#e1edfc;font-size:13px;width:100%;box-sizing:border-box}
#posOrderView *{box-sizing:border-box}
#posOrderView .order-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
#posOrderView h1{font-size:26px;margin:5px 0;direction:ltr;text-align:right;color:#fff}
#posOrderView .order-top small,#posOrderView .order-top p{color:#9bb2cf;margin:0;line-height:1.6}
#posOrderView .order-state{padding:8px 20px;border:1px solid #267a64;border-radius:24px;background:#113d35;color:#91edc9;font-weight:700;white-space:nowrap}
#posOrderView .order-state.is-return{background:#483120;color:#ffcf9f;border-color:#7d5836}
#posOrderView .order-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-block:1px solid #2a405b;padding:12px 0;margin-bottom:16px}
#posOrderView .order-actions button{min-height:38px;padding:7px 15px;font-size:12px;border-radius:9px}
#posOrderView .order-actions>span{margin-inline-start:auto;color:#8fa8c7;font-size:11px}
#posOrderView .order-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px;background:#132338;border:1px solid #293d57;border-radius:12px;padding:16px}
#posOrderView .order-meta>div{display:flex;flex-direction:column;gap:6px;min-width:0}
#posOrderView .order-meta small{color:#92abc9;font-size:11px}
#posOrderView .order-meta strong{font-size:13px;overflow-wrap:anywhere}
#posOrderView h2{font-size:15px;margin:0 0 12px;color:#dbeaff}
#posOrderView h2 small{font-size:11px;color:#8fa8c7;margin-inline-start:8px}
#posOrderView .order-table-scroll{overflow:auto;border:1px solid #2a405b;border-radius:10px}
#posOrderView table{border-collapse:collapse;width:100%;min-width:760px;font-size:12px}
#posOrderView th{background:#1a304c;color:#a8c4e7;font-size:11px;padding:12px 10px;text-align:center}
#posOrderView td{padding:12px 10px;border-bottom:1px solid #2a405b;text-align:center;font-variant-numeric:tabular-nums}
#posOrderView .order-item{text-align:right;min-width:210px}
#posOrderView .order-item small{display:block;color:#92abc9;font-size:10px;margin-top:5px}
#posOrderView .order-bottom{display:grid;grid-template-columns:1fr 360px;gap:24px;margin-top:22px}
#posOrderView .order-payments,#posOrderView .order-totals{border:1px solid #2a405b;border-radius:12px;padding:16px;align-self:start;background:#122238}
#posOrderView .order-payments>div,#posOrderView .order-totals>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #2a405b65}
#posOrderView .order-net{font-size:17px;color:#83d5ff;margin-top:5px;border:0!important}
@media(max-width:740px){html body #detailModal:has(#posOrderView):not(.is-hidden){padding:8px!important}html body #detailModal:has(#posOrderView) .detail-modal-card{padding:14px!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important}#posOrderView .order-meta{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}#posOrderView .order-bottom{grid-template-columns:1fr;gap:12px}#posOrderView h1{font-size:20px}#posOrderView .order-actions>span{width:100%;margin:0}}