dialog.product-order-dialog.wide{width:calc(100vw - 24px);max-width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}
.product-order-dialog[open]{display:flex;flex-direction:column}
.product-order-dialog .modal-head,.product-order-dialog .modal-footer{flex-shrink:0}
.product-order-dialog .modal-head{padding:12px 18px}
.product-order-dialog .modal-head h2{font-size:calc(18px * var(--ui-type-scale, 1))}
.product-order-dialog .modal-footer{padding:10px 18px;gap:12px;flex-wrap:wrap}
.product-order-dialog .modal-body{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;padding:10px 18px}
.product-order-dialog .modal-body> :not(.product-order-scroll){flex-shrink:0}
.product-order-filters{display:flex;align-items:flex-end;gap:12px}
.product-order-filters>.field:first-child{flex:1;min-width:180px}
.product-order-filters>.field:nth-child(2){width:220px;min-width:140px}
.product-order-filters label{font-size:calc(11px * var(--ui-type-scale, 1));margin-bottom:4px}
.product-order-filters input,.product-order-filters select{padding:8px 10px;font-size:calc(12px * var(--ui-type-scale, 1))}
.product-order-filters>button{margin-bottom:1px}
.product-order-meta{display:flex;align-items:flex-start;gap:18px;margin:8px 0}
.product-order-help{flex:0 1 380px;font-size:calc(11px * var(--ui-type-scale, 1));line-height:1.6;color:var(--muted)}
.product-order-help summary{cursor:pointer;width:fit-content}
.product-order-help p{margin:6px 0 0}
.product-order-summary{display:flex;flex:1;align-items:center;justify-content:space-between;gap:12px;font-size:calc(11px * var(--ui-type-scale, 1));line-height:1.6;color:var(--muted)}
.product-order-summary strong{font-weight:550;color:var(--primary)}
.product-order-feedback{margin:0 0 6px;color:var(--primary);font-size:calc(12px * var(--ui-type-scale, 1));line-height:1.6}
.product-order-feedback:empty{display:none}
.product-order-scroll{flex:1;min-height:0;overflow:auto;border:1px solid var(--line);border-radius:6px}
.product-order-table{width:100%;min-width:960px;table-layout:fixed;white-space:normal}
.product-order-table th{position:sticky;top:0;background:var(--surface-muted);z-index:1}
.product-order-table th,.product-order-table td{padding:6px 10px;font-size:calc(12px * var(--ui-type-scale, 1));vertical-align:middle;overflow-wrap:anywhere}
.product-order-table td{padding-top:4px;padding-bottom:4px}
.product-order-table th:first-child{width:115px}
.product-order-table th:nth-child(3){width:29%}
.product-order-table th:last-child{width:290px}
.product-order-table .sub-text{margin-top:1px;font-size:calc(10px * var(--ui-type-scale, 1));line-height:1.4}
.order-english-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.order-taxonomy{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;color:var(--muted);font-size:calc(11px * var(--ui-type-scale, 1));line-height:1.5}
.order-position{font-size:calc(16px * var(--ui-type-scale, 1));font-weight:600;font-variant-numeric:tabular-nums}
.product-order-position{display:flex;align-items:center;gap:8px}
.product-order-controls{display:flex;align-items:center;gap:7px;white-space:nowrap}
.product-order-controls>.btn{padding:7px 10px;min-width:31px}
.product-order-controls>.btn:first-child,.product-order-controls>.btn:nth-child(2){font-size:calc(15px * var(--ui-type-scale, 1))}
.order-target-label{display:flex;align-items:center;gap:6px;font-size:calc(11px * var(--ui-type-scale, 1));margin-left:5px;color:var(--muted)}
.order-target-label input{width:60px;min-width:0;padding:8px 7px;text-align:center;font-size:calc(12px * var(--ui-type-scale, 1));font-variant-numeric:tabular-nums}
.order-target-label input:focus{outline:2px solid var(--focus);outline-offset:1px}
.product-order-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:calc(11px * var(--ui-type-scale, 1));color:var(--muted);margin-top:8px}
.order-drag-handle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:36px;border:1px solid var(--line);border-radius:5px;background:var(--white);color:var(--muted);font-size:calc(24px * var(--ui-type-scale, 1));cursor:grab;touch-action:none;user-select:none}
.order-drag-handle:hover,.order-drag-handle:focus-visible{color:var(--primary);border-color:var(--primary)}
.order-drag-handle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.order-drag-handle:disabled{cursor:default;opacity:.4}
.is-order-dragging,.is-order-dragging .order-drag-handle{cursor:grabbing;user-select:none}
.product-order-table .order-drag-source td{background:var(--primary-soft);opacity:.65}
.product-order-table .order-drop-before td{box-shadow:inset 0 3px 0 var(--primary)}
.product-order-table .order-drop-after td{box-shadow:inset 0 -3px 0 var(--primary)}
@media(max-width:760px){
  dialog.product-order-dialog.wide{width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}
  .product-order-dialog .modal-head,.product-order-dialog .modal-body,.product-order-dialog .modal-footer{padding:10px 12px}
  .product-order-filters{flex-wrap:wrap;gap:8px}
  .product-order-filters>.field:first-child{flex-basis:100%;min-width:0}
  .product-order-filters>.field:nth-child(2){flex:1;width:auto;min-width:0}
  .product-order-meta{flex-direction:column;gap:4px}
  .product-order-help{flex-basis:auto}
  .product-order-summary{width:100%;flex-wrap:wrap;gap:4px}
  .product-order-dialog .modal-footer>.actions{flex-wrap:wrap}
  .product-order-pages{flex-wrap:wrap;gap:6px}
}
@media(max-height:520px){
  .product-order-dialog .modal-body{overflow:auto}
  .product-order-scroll{flex-basis:160px;min-height:160px}
}