.production-rework-table-wrap,
.production-rework-table {
  width: 100%;
  min-width: 0;
}

.production-rework-row {
  background: color-mix(in srgb, #f59e0b 4%, transparent);
}

.production-rework-material-title {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.production-rework-material-title .production-work-material-name {
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.2;
}

.production-rework-flag,
.production-rework-cross-badge {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  padding: 2px 7px;
  border: 1px solid rgba(251, 191, 36, .46);
  border-radius: 999px;
  color: #fde68a;
  background: rgba(180, 83, 9, .16);
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}

.production-rework-cross-badge {
  margin: 4px 0 0 7px;
  vertical-align: middle;
}

.production-cutting-material-title .production-rework-cross-badge {
  margin: 0;
}

.production-rework-detail-line {
  display: block;
  margin-top: 5px;
  color: #b8c6d8;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.production-rework-status-control {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

.production-rework-reason {
  display: block;
  margin-top: 3px;
  color: #8293a8;
  font-size: 10px;
  font-weight: 750;
}

.production-work-row.status-new {
  box-shadow: inset 4px 0 0 #64748b;
}

.production-work-row.status-needs_decision {
  box-shadow: inset 4px 0 0 #fb7185;
}

.production-work-row.status-needs_material {
  box-shadow: inset 4px 0 0 #f59e0b;
}

.production-work-task-status.status-new {
  border-color: rgba(148, 163, 184, .54);
  color: #cbd5e1;
  background: rgba(71, 85, 105, .2);
}

.production-work-task-status.status-needs_decision {
  border-color: rgba(251, 113, 133, .6);
  color: #fda4af;
  background: rgba(159, 18, 57, .18);
}

.production-work-task-status.status-needs_material {
  border-color: rgba(251, 191, 36, .58);
  color: #fbbf24;
  background: rgba(180, 83, 9, .18);
}

.production-rework-status-menu {
  right: 0;
  left: auto;
  transform: none;
}

.production-rework-comment-control {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.production-rework-comment-popover {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 95;
  display: grid;
  width: 290px;
  gap: 7px;
  padding: 10px;
  border: 1px solid rgba(71, 85, 105, .9);
  border-radius: 11px;
  color: #dbe7f3;
  background: #0b1522;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .42);
  text-align: left;
}

.production-rework-comment-popover textarea {
  width: 100%;
  min-height: 78px;
  resize: vertical;
}

.production-rework-comment-popover small.error {
  color: #fda4af;
}

.production-rework-comment-actions {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}

.production-rework-comment-actions button {
  min-height: 28px;
  padding: 4px 9px;
  border: 1px solid rgba(100, 116, 139, .44);
  border-radius: 8px;
  color: #cbd5e1;
  background: rgba(15, 23, 42, .92);
  font: 800 11px/1 inherit;
  cursor: pointer;
}

.production-rework-comment-actions button.is-primary {
  border-color: rgba(45, 212, 191, .56);
  color: #ccfbf1;
  background: rgba(13, 148, 136, .2);
}

.production-cutting-status-filter.status-rework.is-active {
  border-color: rgba(251, 191, 36, .66);
  color: #fde68a;
  background: rgba(180, 83, 9, .18);
}

@media (max-width: 760px) {
  .production-rework-table-wrap {
    overflow-x: auto;
  }

  .production-rework-table {
    min-width: 760px;
  }
}