.ops-loading { padding:50px 22px; color:var(--muted,#777); font-size:12px; }
.page-actions { flex-wrap:wrap; }
.ops-collection select { border:1px solid #ddd; background:#fff; padding:10px 12px; border-radius:7px; font-size:12px; max-width:180px; }
.ops-delivery-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:20px; }
.ops-delivery-metrics button { text-align:left; background:#fff; border:1px solid #e4e4e4; border-radius:9px; padding:18px; cursor:pointer; }
.ops-delivery-metrics span { display:block; font-size:11px; color:#707070; }
.ops-delivery-metrics strong { display:block; font-size:27px; font-weight:500; margin-top:10px; }
.ops-status { display:inline-flex; align-items:center; gap:5px; border-radius:5px; padding:5px 7px; background:#f0f0f0; font-size:10px; white-space:nowrap; }
.ops-status.needs-attention { background:#fff1df; color:#825415; }
.deliveries-table td { max-width:240px; }
.deliveries-table .order-primary-action { font-size:11px; }
.ops-route-list { padding:0 20px; }
.ops-route-row { display:flex; align-items:center; gap:20px; padding:20px 0; border-bottom:1px solid #eee; }
.ops-route-row:last-child { border-bottom:0; }
.ops-route-row > div:first-child { flex:1; }
.ops-route-row strong { display:block; font-size:12px; font-weight:500; }
.ops-route-row span { display:block; font-size:11px; color:#777; margin-top:7px; }
.ops-integration { padding:23px; margin-top:20px; }
.ops-integration h2 { font-size:14px; font-weight:500; }
.ops-integration p { font-size:12px; margin-top:15px; }
.ops-integration small { display:block; font-size:11px; line-height:1.7; color:#777; margin-top:10px; }
.ops-dialog { width:min(640px,calc(100vw - 32px)); }
.ops-form .field { margin-bottom:16px; }
.ops-form-note { font-size:12px; line-height:1.7; color:#707070; margin-bottom:20px; }
.ops-two-col,.ops-mapping { display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }
.ops-mapping .field span { font-size:11px; }
.ops-checkbox { display:flex; align-items:center; gap:9px; font-size:12px; }
.ops-checkbox input { width:16px; height:16px; }
.ops-delivery-context { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; font-size:13px; }
.ops-checklist { padding:15px; border:1px solid #e7e7e7; border-radius:7px; margin-bottom:24px; }
.ops-checklist strong { display:block; font-size:12px; font-weight:500; margin-bottom:10px; }
.ops-checklist span { display:flex; align-items:center; gap:7px; font-size:11px; color:#777; margin-top:8px; }
.ops-checklist .icon { width:13px; height:13px; }
.ops-import-sample > div { padding:13px 0; border-bottom:1px solid #eee; }
.ops-import-sample strong { display:block; font-size:12px; font-weight:500; }
.ops-import-sample span { display:block; font-size:11px; color:#777; margin-top:5px; }
.product-placeholder { display:inline-grid; place-items:center; background:#f0f0f0; border:1px solid #e7e7e7; }
.product-placeholder .icon { width:20px; height:20px; color:#999; }
.product-editor-image.product-placeholder { min-width:180px; height:220px; }
.product-preview-card .preview-image { width:240px; height:290px; object-fit:cover; margin:auto; }
.product-logistics-fields { display:grid; grid-template-columns:1fr 1fr; gap:0 18px; }
.product-section-title .button { padding:7px 10px; font-size:10px; }
.product-variants-table .variant-price-button { white-space:nowrap; }
@media(max-width:1000px) { .deliveries-table { min-width:800px; } }
@media(max-width:560px) {
  .ops-delivery-metrics { grid-template-columns:1fr 1fr; gap:9px; }
  .ops-delivery-metrics button { padding:15px; }
  .ops-delivery-metrics strong { font-size:24px; }
  .ops-collection select { max-width:140px; padding:12px 8px; }
  .ops-dialog { width:100%; max-width:100%; margin:0; border-radius:12px 12px 0 0; align-self:end; max-height:92dvh; }
  .ops-form input,.ops-form textarea,.ops-form select { font-size:16px; min-height:44px; }
  .ops-two-col,.ops-mapping { grid-template-columns:1fr; }
  .ops-route-row { flex-wrap:wrap; gap:12px; }
  .ops-route-row > div { min-width:45%; }
  .ops-route-row .button { width:100%; }
  .deliveries-table { min-width:0; }
  .deliveries-table,.deliveries-table tbody,.deliveries-table tr,.deliveries-table td { display:block; width:100%; max-width:none; }
  .deliveries-table thead { display:none; }
  .deliveries-table tr { padding:18px; border-bottom:1px solid #eee; }
  .deliveries-table td { border:0; padding:7px 0; }
  .deliveries-table td[data-label]::before { content:attr(data-label); display:block; color:#777; font-size:10px; margin-bottom:5px; }
  .deliveries-table .row-actions-cell { padding-top:13px; }
  .deliveries-table .order-primary-action { width:100%; min-height:44px; }
  .product-logistics-fields { gap:0 12px; }
  .product-variants-table .variant-price-button { min-height:40px; }
}

@media(max-width:560px) {
  .has-variant-prices td:nth-child(5) { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:10px; }
  .has-variant-prices td:nth-child(5)::before { content:attr(data-label); color:#777; font-size:11px; }
  .product-section-title { flex-wrap:wrap; }
}

.variant-row-actions { display:flex; gap:7px; }
.variant-row-actions .button { width:72px; min-width:72px; flex:0 0 72px; justify-content:center; }
@media(max-width:560px) { .variant-row-actions { flex-direction:column; } .variant-row-actions .button { width:100%; flex:initial; } }