.retail-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.retail-tabs [aria-current=page]{background:#e8f1eb;color:#315c40;border-color:#a5c5b0}.retail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0}.retail-toolbar h2{margin:0;font-size:19px}.retail-muted{color:#71717a;font-size:13px}.retail-empty{padding:40px 20px;text-align:center}.retail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.retail-field{display:grid;gap:6px;font-size:13px}.retail-field input,.retail-field select,.retail-field textarea{width:100%;min-width:0}.retail-field.full{grid-column:1/-1}.retail-total{font-size:20px;font-weight:650;margin:18px 0}.retail-status{padding:4px 8px;border-radius:6px;background:#f4f4f5;white-space:nowrap;font-size:12px}.retail-overdue{color:#b91c1c}.retail-actions{display:flex;gap:8px;flex-wrap:wrap}.retail-line{display:grid;grid-template-columns:minmax(160px,2fr) 80px 110px 70px 40px;gap:8px;align-items:end;margin:12px 0}.retail-line .btn{min-width:0;padding:6px}.retail-receive{display:grid;grid-template-columns:1fr 100px;gap:12px;align-items:center;margin:12px 0}.retail-details{border-top:1px solid #e4e4e7;padding-top:14px;margin-top:18px}.table-wrap{overflow-x:auto}.table td,.table th{vertical-align:middle}.table .btn{white-space:nowrap}.retail-money{white-space:nowrap;text-align:right}.retail-table-note{margin:12px 0;color:#71717a;font-size:12px}#notice{padding:0;color:#315c40}#notice:not(:empty){padding:12px 0}#notice.error,#editorError{color:#b91c1c}dialog{width:min(820px,calc(100vw - 24px));max-height:90dvh;border:1px solid #ddd;border-radius:14px;padding:22px;box-shadow:0 20px 70px #0003}dialog::backdrop{background:#18181b80}.retail-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.retail-dialog-head h2{font-size:21px;margin:0}.retail-dialog-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}dialog h3{font-size:16px;margin:20px 0 10px}dialog input,dialog select{font-size:16px}#editorError:empty{display:none}#editorBody .form-input,#editorBody .form-select{padding:9px}#content .card{padding:18px}#stockWarehouse{max-width:240px}.retail-search{min-width:180px;max-width:320px}
@media(max-width:640px){.retail-grid{grid-template-columns:1fr}.retail-line{grid-template-columns:1fr 1fr 1fr 40px;border-bottom:1px solid #e4e4e7;padding-bottom:14px}.retail-line>label:first-child{grid-column:1/-1}.retail-line>label{font-size:12px}.retail-tabs{gap:5px}.retail-tabs .btn{font-size:12px;padding:8px}dialog{padding:16px}.retail-dialog-head h2{font-size:18px}.retail-toolbar{align-items:flex-start}}
@media print{body:has(#detail[open])>*{display:none!important}body:has(#detail[open])>#detail{display:block!important;position:static;width:100%;max-height:none;border:0;box-shadow:none}#detail::backdrop{background:white}#detail .btn,#detail .retail-dialog-foot,#detail .retail-actions{display:none!important}}