.order-save-conflict-dialog { width: min(760px, calc(100vw - 28px)); max-height: 88vh; border: 1px solid #dbe3ef; border-radius: 18px; padding: 24px; color: #172239; }
.order-save-conflict-dialog::backdrop { background: #14243b88; }
.order-save-conflict-dialog form { display: grid; gap: 18px; }
.order-save-conflict-dialog h2, .order-save-conflict-dialog h3, .order-save-conflict-dialog p { margin: 0; }
.order-save-conflict-dialog p, .order-save-conflict-dialog small { color: #53657d; overflow-wrap: anywhere; }
.order-save-conflict-list { display: grid; gap: 18px; }
.order-save-conflict-list section { border: 1px solid #dbe3ef; background: #f7f9fc; padding: 16px; border-radius: 12px; display: grid; gap: 10px; }
.order-save-conflict-values { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.order-save-conflict-values > div { min-width: 0; padding: 12px; background: white; border-radius: 8px; }
.order-save-conflict-values pre { font: inherit; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 180px; overflow: auto; margin: 8px 0 0; }
.order-save-conflict-list label { display: grid; gap: 6px; }
.order-save-conflict-list select { width: 100%; padding: 10px; border: 1px solid #bac9dc; border-radius: 8px; background: white; }
.order-save-conflict-dialog footer { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; position: sticky; bottom: -24px; background: white; padding: 14px 0; }
@media (max-width: 520px) { .order-save-conflict-dialog { padding: 16px; } .order-save-conflict-values { grid-template-columns: 1fr; } }