.order-detail{background:#fff;border:1px solid #dfe4df;padding:22px;border-radius:6px;color:#24332c}
.order-detail-title{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:24px}.order-detail-title h2{font-size:24px;margin:8px 0;overflow-wrap:anywhere}.order-detail-title small{font-size:11px;color:#6a766f}.order-status-label{font-weight:700;color:#247639}.order-print{border:1px solid #dfe4df;background:#f6f8f6;padding:8px 14px;border-radius:4px;font-size:12px}
.order-band{background:#edf1ed;color:#34443b;border-left:3px solid #2b8c3e;font-size:12px;padding:9px 12px;margin:20px 0 8px}.order-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.order-facts{margin:0}.order-facts>div{display:grid;grid-template-columns:minmax(100px,35%) minmax(0,1fr);gap:12px;border-bottom:1px solid #e5e9e5;padding:9px 7px;font-size:12px}.order-facts dt{color:#6a766f}.order-facts dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.order-line{border-left:4px solid #2b8c3e;margin:18px 0 28px}.order-line.pending{border-left-color:#d17b13}.order-table-scroll{overflow-x:auto;max-width:100%}.order-detail table{width:100%;border-collapse:collapse;font-size:12px;min-width:820px}.order-detail th{background:#f0f3f0;color:#536158;font-weight:600;text-align:left;padding:10px 8px;white-space:nowrap}.order-detail td{padding:10px 8px;border-bottom:1px solid #dfe4df}.order-detail td small{display:block;font-size:11px;margin-top:4px}.order-detail .shipment-table{min-width:750px}.remaining-qty{display:inline-block;padding:3px 8px;background:#eaf3e8;border-radius:4px}.pending .remaining-qty{background:#fff0db;color:#915006}.order-empty{color:#6a766f;font-size:12px;padding:12px;line-height:1.6}
@media(max-width:640px){.order-detail{padding:12px}.order-facts-grid{grid-template-columns:1fr;gap:0}.order-detail-title h2{font-size:20px}}
@media print{body{background:#fff!important}.sidebar,.topbar,.footer,.page-head,.admin-sidebar,.admin-top,footer,.heading,.shipment-editor,.order-print,#toast{display:none!important}.shell,.admin-shell,.main-shell,.admin-main{display:block!important;margin:0!important}.content,#admin-content{padding:0!important;width:100%!important}.order-detail{border:0;padding:0}.order-table-scroll{overflow:visible}.order-detail table{min-width:0;font-size:9px}.order-detail th,.order-detail td{white-space:normal;padding:5px}.order-line{break-inside:avoid}}
