.order-sales-transactions-dialog { width:min(1200px,calc(100% - 40px)); max-height:calc(100dvh - 40px); padding:24px; margin:auto; border:1px solid #cdd9e8; border-radius:10px; background:#fff; color:#203b59; font:inherit; overflow-y:auto; box-sizing:border-box; }
.order-sales-transactions-dialog::backdrop { background:#14243880; }
.order-sales-transactions-dialog *, .order-sales-transactions-dialog *::before, .order-sales-transactions-dialog *::after { box-sizing:border-box; }
.ost-header { position:sticky; top:-24px; z-index:2; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0 16px; margin-top:-12px; border-bottom:1px solid #d8e3ef; background:#fff; }
.ost-header > div { min-width:0; }.ost-header h2 { margin:4px 0 0; font-size:21px; }.ost-kicker { color:#526c88; font-size:12px; }
.ost-header button { flex-shrink:0; }
.ost-help { background:#f0f6ff; border:1px solid #d6e4f6; border-radius:7px; padding:12px 14px; margin:16px 0; font-size:13px; line-height:1.65; }
.ost-help p { margin:0 0 6px; }.ost-help p:last-child { margin-bottom:0; }.ost-read-only { color:#526c88; }
.ost-filters { display:grid; grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(150px,1.4fr) auto; align-items:end; gap:12px; margin:16px 0 8px; }
.ost-filters label { display:grid; gap:6px; min-width:0; font-size:13px; color:#526c88; }
.ost-filters input,.ost-filters select { width:100%; min-width:0; max-width:100%; min-height:44px; padding:9px 10px; border:1px solid #c9d7e7; border-radius:5px; background:#fff; color:#203b59; font:inherit; }
.order-sales-transactions-dialog button { min-height:44px; cursor:pointer; }.order-sales-transactions-dialog button:disabled { opacity:.6; cursor:wait; }
.order-sales-transactions-dialog :focus-visible { outline:3px solid #75a6ff; outline-offset:2px; }
.ost-error { color:#b42318; font-size:13px; white-space:pre-wrap; overflow-wrap:anywhere; }.ost-error:empty { display:none; }
.ost-results { min-width:0; }.ost-totals { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:18px 0; }
.ost-totals > div { padding:12px; border:1px solid #d8e3ef; border-radius:7px; min-width:0; }.ost-totals span,.ost-totals strong { display:block; overflow-wrap:anywhere; }.ost-totals span { font-size:12px; color:#526c88; }.ost-totals strong { font-size:18px; margin-top:5px; }
.ost-warning { border:1px solid #eac380; border-radius:7px; background:#fff9ef; padding:12px 14px; margin:14px 0; font-size:13px; color:#775626; overflow-wrap:anywhere; }.ost-warning p { margin:5px 0 0; }
.ost-pending-summary { margin:12px 0; border:1px solid #eac380; border-radius:7px; padding:0 12px; color:#775626; font-size:13px; }.ost-pending-summary summary { min-height:44px; padding:11px 0; cursor:pointer; }.ost-pending-summary ul { padding-left:18px; margin:0 0 12px; overflow-wrap:anywhere; }
.ost-columns,.ost-row { display:grid; grid-template-columns:140px minmax(140px,1.3fr) minmax(160px,1.6fr) minmax(160px,1.3fr); column-gap:18px; }
.ost-columns { padding:10px 14px; font-size:12px; color:#526c88; background:#f3f6fa; border-radius:5px; }
.ost-list { display:grid; gap:10px; margin-top:10px; }
.ost-row { padding:14px; border:1px solid #d8e3ef; border-radius:8px; align-items:start; background:#fff; }
.ost-row > div { min-width:0; }.ost-row p { margin:0 0 5px; font-size:13px; }.ost-row h3 { margin:5px 0; font-size:14px; }.ost-row small { display:block; font-size:12px; line-height:1.6; color:#526c88; }.ost-row * { overflow-wrap:anywhere; }
.ost-badge { display:inline-block; padding:3px 7px; border-radius:5px; background:#edf3fb; color:#275581; font-size:12px; font-weight:700; }
.ost-return,.ost-cancel { background:#fff0e8; color:#a34a24; }.ost-exchange { background:#eaf5f2; color:#1d7056; }.ost-refund_observation { background:#f1eef8; color:#635082; }
.ost-original-status { margin-top:4px; margin-left:4px; }
.ost-date { display:block; margin-top:6px; color:#526c88; font-size:12px; }.ost-row .ost-cancel-note { color:#a34a24; margin-top:4px; }
.ost-row-amount strong { display:block; font-size:15px; }.ost-row .ost-pending,.ost-row .ost-pending-reason { color:#9a5d16; }.ost-row .ost-replacement { margin-top:5px; }
.ost-row-details { grid-column:1/-1; min-width:0; margin-top:10px; border-top:1px solid #e7edf4; }.ost-row-details summary { display:flex; align-items:center; min-height:44px; padding:8px 0 0; color:#2b5a8c; font-size:12px; cursor:pointer; }.ost-row-details summary::before { content:"▸"; margin-right:7px; }.ost-row-details[open] summary::before { content:"▾"; }
.ost-evidence { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 20px; padding:12px; margin:6px 0 0; background:#f6f8fb; border-radius:5px; font-size:12px; }.ost-evidence > div { display:grid; grid-template-columns:110px minmax(0,1fr); gap:8px; }.ost-evidence dt { color:#526c88; }.ost-evidence dd { margin:0; }
.ost-empty { padding:28px 12px; margin:14px 0; text-align:center; border:1px dashed #cdd9e8; border-radius:8px; font-size:14px; color:#526c88; }
@media(max-width:900px) { .ost-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }.ost-filters button { justify-self:start; }.ost-columns { display:none; }.ost-row { grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); row-gap:12px; }.ost-row-amount { text-align:right; }.ost-evidence { grid-template-columns:minmax(0,1fr); } }
@media(max-width:560px) { .order-sales-transactions-dialog { width:calc(100% - 16px); max-height:calc(100dvh - 16px); padding:14px; }.ost-header { top:-14px; }.ost-header h2 { font-size:18px; }.ost-help { padding:10px; }.ost-totals { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.ost-totals > div { padding:10px; }.ost-totals strong { font-size:15px; }.ost-filters { gap:10px; }.ost-order-filter { grid-column:1/-1; }.ost-filters button { width:100%; grid-column:1/-1; }.ost-row { grid-template-columns:minmax(0,1fr); padding:12px; gap:10px; }.ost-row-kind { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }.ost-row-kind .ost-date { margin:0; }.ost-row-amount { text-align:left; padding-top:10px; border-top:1px solid #e7edf4; }.ost-row-details { margin-top:0; }.ost-evidence { padding:10px; }.ost-evidence > div { grid-template-columns:minmax(0,1fr); gap:3px; } }