.order-table th[data-column-id] { padding: 0; text-align: left; }
.column-header-controls { display: flex; align-items: center; min-height: 44px; }
.column-heading-button, .column-heading-link { display: flex; flex: 1; align-items: center; justify-content: flex-start; gap: 8px; min-width: 0; min-height: 44px; padding: 12px 15px; border: 0; border-radius: 0; background: transparent; color: var(--ink); font: 600 var(--text-meta)/1.4 var(--sans); text-align: left; text-decoration: none; user-select: none; -webkit-user-drag: none; }
.column-heading-button { cursor: grab; touch-action: pan-y; }
.column-heading-button > span:first-child { overflow: hidden; text-overflow: ellipsis; }
.column-heading-link:visited { color: var(--ink); }
.column-header-controls:hover, .column-header-controls:focus-within, .column-heading-link:hover { background: var(--accent-wash); }
.column-heading-button:active { cursor: grabbing; }
.column-heading-button:focus-visible, .column-heading-link:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: -2px; }
.column-options-button { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 44px; padding: 0; border: 0; background: transparent; color: var(--muted); opacity: 0; }
.column-header-controls:hover .column-options-button, .column-header-controls:focus-within .column-options-button, .column-options-button[aria-expanded="true"] { opacity: 1; }
.column-options-button:hover { background: var(--accent-wash-hover); color: var(--accent); }
.column-options-button:focus-visible { opacity: 1; outline: 2px solid var(--focus-ring); outline-offset: -2px; }
.column-name-input { flex: 1; width: 1px; min-width: 72px; height: 44px; padding: 12px 15px; border: 0; border-radius: 0; background: var(--surface); color: var(--ink); font: 600 var(--text-meta)/1.4 var(--sans); outline: 2px solid var(--focus-ring); outline-offset: -2px; }
.column-name-input[aria-invalid="true"] { outline-color: var(--red); background: var(--red-wash); }
.column-sort-indicator { opacity: 0; color: var(--accent); font-size: var(--text-ui); }
th[aria-sort="ascending"] .column-sort-indicator, th[aria-sort="descending"] .column-sort-indicator,
.column-heading-link:hover .column-sort-indicator, .column-heading-link:focus-visible .column-sort-indicator { opacity: 1; }
.order-table th.column-is-dragging { opacity: .45; }
.order-table th.column-drop-before { box-shadow: inset 3px 0 var(--accent); }
.order-table th.column-drop-after { box-shadow: inset -3px 0 var(--accent); }
.order-table th[data-column-type="number"]:not([data-column-key="quantity"]) { min-width: 140px; }
@media (hover: none) { .column-options-button { opacity: 1; width: 44px; flex-basis: 44px; } }
.order-sheet-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; margin-top: 12px; color: var(--muted); font-size: var(--text-meta); }
.order-sheet-footer__summary { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.sheet-shortcuts { position: relative; }
.sheet-shortcuts summary { cursor: pointer; padding: 8px 0; }
.sheet-shortcuts dl { position: absolute; right: 0; bottom: 100%; z-index: 6; display: grid; grid-template-columns: auto auto; gap: 10px 24px; min-width: 280px; margin: 0; padding: 18px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); box-shadow: var(--shadow-menu); }
.sheet-shortcuts dd { margin: 0; }
@media (max-width: 700px) {
  .column-heading-button, .column-heading-link, .column-name-input { padding-inline: 12px; }
  .column-name-input { font-size: var(--text-body); }
  .column-options-button { opacity: 1; width: 44px; flex-basis: 44px; }
  .sheet-shortcuts summary { min-height: 44px; padding-block: 14px; }
  .sheet-shortcuts dl { position: static; margin-top: 8px; min-width: 0; box-shadow: none; }
}

@media (max-width: 700px) {
  .production-tools { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
  .production-tools > .order-filters { display: contents; }
  .production-tools .filter-field--search { grid-column: 1 / -1; width: auto; min-width: 0; }
  .production-tools .filter-field:not(.filter-field--search) { grid-column: 1; width: auto; min-width: 0; }
  .production-tools .grid-filter { grid-column: 2; min-width: 0; }
  .production-tools .grid-filter > summary { overflow: hidden; max-width: 100px; text-overflow: ellipsis; }
  .production-tools .order-filters__actions { grid-column: 1 / -1; grid-row: 3; }
  .production-tools .grid-filter__fields { width: 100%; max-width: 100%; }
}