.delivery-test-dialog { box-sizing: border-box; width: min(620px, calc(100vw - 24px)); max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 0; border: 1px solid #d5dfeb; border-radius: 18px; color: #173452; }
.delivery-test-dialog::backdrop { background: #172b4c99; }
.delivery-test-card { display: flex; flex-direction: column; max-height: calc(100dvh - 28px); margin: 0; }
.delivery-test-card header { display: flex; gap: 16px; justify-content: space-between; align-items: flex-start; padding: 22px; border-bottom: 1px solid #d8e2ef; }
.delivery-test-card h2 { margin: 0 0 10px; font-size: 1.35rem; }
.delivery-test-card p { margin: 0; font-size: .9rem; line-height: 1.5; color: #63758d; }
.delivery-test-fields { display: grid; gap: 18px; padding: 22px; overflow: auto; min-height: 0; }
.delivery-test-fields label { display: grid; gap: 8px; font-weight: 600; }
.delivery-test-fields input { box-sizing: border-box; width: 100%; min-width: 0; padding: 12px; border: 1px solid #c8d5e7; border-radius: 10px; font: inherit; }
.delivery-test-fields input:focus { outline: 2px solid #4b75cd; outline-offset: 1px; }
.delivery-test-fields .delivery-test-status { overflow-wrap: anywhere; color: #166534; }
.delivery-test-fields .delivery-test-status:empty { display: none; }
.delivery-test-fields .delivery-test-status.is-error { color: #a12d2d; }
.delivery-test-card footer { display: flex; justify-content: flex-end; gap: 10px; padding: 16px 22px; border-top: 1px solid #d8e2ef; }
@media (max-width: 480px) {
  .delivery-test-card header, .delivery-test-fields { padding: 16px; }
  .delivery-test-card footer { padding: 14px; flex-wrap: wrap; }
  .delivery-test-card footer button { flex: 1; }
}