/* RasorPrints 8.7.2 – applies exclusively to the orders table identified by order-enhancements.js. */
@media screen {
  table.rp-orders-readable { display:block; width:100%; max-width:100%; min-width:0; table-layout:auto; border-collapse:separate; border-spacing:0; }
  table.rp-orders-readable thead { display:none; }
  table.rp-orders-readable tbody { display:grid; gap:12px; width:100%; min-width:0; }
  table.rp-orders-readable tbody tr { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 18px; min-width:0; width:100%; padding:16px; border:1px solid #e2e8f0; border-radius:14px; background:#fff; box-shadow:0 2px 8px rgba(15,23,42,.035); }
  table.rp-orders-readable tbody tr:hover { background:#f8fafc; }
  table.rp-orders-readable tbody td { display:block; width:auto; max-width:100%; min-width:0; border:0; padding:0; text-align:left; vertical-align:top; white-space:normal; overflow-wrap:anywhere; word-break:normal; }
  table.rp-orders-readable tbody td:first-child { grid-column:1/-1; padding:0 0 12px; border-bottom:1px solid #e2e8f0; }
  table.rp-orders-readable tbody td:first-child p { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
  table.rp-orders-readable tbody td:not(:first-child)::before { display:block; margin-bottom:3px; font-size:10px; line-height:1.3; letter-spacing:.07em; font-weight:800; text-transform:uppercase; color:#64748b; }
  table.rp-orders-readable tbody td:nth-child(2)::before { content:'Quelle'; }
  table.rp-orders-readable tbody td:nth-child(3)::before { content:'Kunde'; }
  table.rp-orders-readable tbody td:nth-child(4)::before { content:'Liefertermin'; }
  table.rp-orders-readable tbody td:nth-child(5)::before { content:'Fortschritt'; }
  table.rp-orders-readable tbody td:nth-child(6)::before { content:'Status'; }
  table.rp-orders-readable tbody td:nth-child(7)::before { content:'Wert'; }
  table.rp-orders-readable tbody td select { width:100%; max-width:100%; min-width:0; }
  table.rp-orders-readable tbody td .rp-etsy-shipping { max-width:100%; min-width:0; gap:6px; }
  table.rp-orders-readable tbody td .rp-etsy-shipping button { max-width:100%; white-space:normal; }
  table.rp-orders-readable tbody td .rp-status-actions { display:inline-flex; flex-wrap:wrap; gap:4px; min-width:0; }
  @media(max-width:1100px) { table.rp-orders-readable tbody tr { grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media(max-width:600px) {
    table.rp-orders-readable tbody tr { grid-template-columns:minmax(0,1fr); padding:12px; gap:10px; }
    table.rp-orders-readable tbody td:first-child { grid-column:1; }
    table.rp-orders-readable tbody td:not(:first-child) { display:grid; grid-template-columns:minmax(78px,32%) minmax(0,1fr); align-items:start; gap:8px; }
    table.rp-orders-readable tbody td:not(:first-child)::before { margin:3px 0 0; }
  }
}

/* v8.8.7: Real piece-count production progress from the production board. */
.rp-orders-readable .rp-production-quantity {
  margin-top: 8px;
  padding: 9px 10px;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  background: #f8fafc;
  color: #0f172a;
  min-width: 0;
}
.rp-orders-readable .rp-production-quantity__top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 3px 8px;
  font-size: 11px;
  line-height: 1.45;
}
.rp-orders-readable .rp-production-quantity__top strong { font-weight: 800; }
.rp-orders-readable .rp-production-quantity__track {
  height: 6px;
  margin-top: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2e8f0;
}
.rp-orders-readable .rp-production-quantity__track > span {
  display: block;
  height: 100%;
  max-width: 100%;
  border-radius: inherit;
  background: #2563eb;
}