/* Admin product editor: draggable/resizable permitted bounds rectangle */
#pepc_mockup_preview_wrap {
  position: relative;
  display: inline-block;
}

#pepc_bbox_overlay.scf-planar-preview-rect {
  position: absolute;
  border: 2px dashed #d63638; /* WP admin red */
  box-sizing: border-box;
  cursor: move;
  min-width: 10px;
  min-height: 10px;
}

#pepc_bbox_overlay .scf-planar-preview-resize {
  position: absolute;
  right: -6px;
  bottom: -6px;
  width: 12px;
  height: 12px;
  border-right: 2px solid #d63638;
  border-bottom: 2px solid #d63638;
  background: #fff;
  box-sizing: border-box;
  cursor: se-resize;
}
/* =========================================================
   ADMIN ORDER TOTALS ALIGNMENT (stable after AJAX)
   ---------------------------------------------------------
   WooCommerce line items reserve horizontal space on the far right for action icons
   (edit/delete). The wc-order-totals table (Items Subtotal / Shipping / Order Total / Paid)
   is right-anchored and does not reserve that space by default.

   We keep alignment pixel-perfect by measuring the rendered right edge of a line-item
   total amount versus the rendered right edge of a summary total amount, then setting
   a single CSS variable (--scf-order-totals-pad-right) on #woocommerce-order-items.

   Measurement is handled by: assets/js/scf-admin-order-align.js
   (Despite the file name, it only sets the pad-right variable; it does not move elements.)
   ========================================================= */

#woocommerce-order-items {
	--scf-order-totals-pad-right: unset; /* set by JS */
}

#woocommerce-order-items table.wc-order-totals td.total,
#woocommerce-order-items table.wc-order-totals td:last-child {
	text-align: right !important;
	padding-right: var(--scf-order-totals-pad-right) !important;
}

/* Some Woo layouts render “Paid” in a separate totals wrapper/table. */
#woocommerce-order-items .wc-order-totals tr.paid td:last-child,
#woocommerce-order-items .wc-order-totals tr.order_paid td:last-child,
#woocommerce-order-items .wc-order-totals tr.order-paid td:last-child,
#woocommerce-order-items .wc-order-totals tr.payment td:last-child {
	text-align: right !important;
	padding-right: var(--scf-order-totals-pad-right) !important;
}