.product-results {
  display: none;
  margin-top: 8px;
  border: 1px solid #d5e0e9;
  border-radius: 10px;
  max-height: 270px;
  overflow: auto;
  background: #fff;
}
.product-results.visible { display: block; }
.product-result {
  width: 100%;
  display: grid;
  grid-template-columns: 90px 1fr auto;
  gap: 10px;
  text-align: left;
  background: #fff;
  color: #17324d;
  border-radius: 0;
  border-bottom: 1px solid #e7edf2;
  padding: 11px 13px;
}
.product-result:last-child { border-bottom: 0; }
.product-result:hover { background: #eef6ff; }
.product-result .code { font-weight: 800; color: #1565c0; }
.product-result .price { font-weight: 800; }
.search-note { padding: 12px; color: #6e8091; font-size: 13px; }
.order-header { display: block; }
.order-header-meta { display: flex; align-items: end; gap: 12px; }
.order-header-meta > div:first-child { margin-right: auto; }
.client-search-block { margin: 0 0 16px; }
.client-results { width: 100%; }
.app-dialog { border: 0; border-radius: 14px; padding: 22px; width: min(420px, calc(100% - 32px)); color: #17324d; box-shadow: 0 18px 60px #102a4366; }
.app-dialog::backdrop { background: #102a4377; }
.app-dialog h2 { margin: 0 0 12px; }
.app-dialog p { margin: 0 0 20px; white-space: pre-line; }
.app-dialog-actions { display: flex; justify-content: flex-end; gap: 10px; }
@media (max-width: 760px) {
  .order-header-meta { align-items: stretch; flex-direction: column; }
  .order-header-meta > div:first-child { margin-right: 0; }
}