/* ═══════════════════════════════════════════════════════
   HYBRID WORKBENCH v3 — Light Industrial / Utilitarian
   看板/列表/日历 三模式 — 清爽 ERP 工作台
   ═══════════════════════════════════════════════════════ */

/* ===== CSS VARIABLES (Light Industrial) ===== */
:root {
  --wb-bg:          #F8FAFC;
  --wb-surface:     #FFFFFF;
  --wb-elevated:    #F1F5F9;
  --wb-border:      #E2E8F0;
  --wb-text:        #1F2937;
  --wb-text-muted:  #64748B;
  --wb-accent:      #3B82F6;
  --wb-accent-dim:  rgba(59,130,246,0.08);
  --wb-accent-light:#EFF6FF;
  --wb-success:     #10B981;
  --wb-danger:      #EF4444;
  --wb-info:        #3B82F6;
  --wb-warning:     #F59E0B;
  --wb-radius:      8px;
  --wb-radius-lg:   12px;
  --wb-shadow:      0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --wb-transition:  0.2s cubic-bezier(0.4,0,0.2,1);
}

/* ===== WORKBENCH CONTAINER ===== */
.wb-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--wb-bg);
  border-radius: 0;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* ===== TOP CONTROL BAR (single row: modes + pills + search + new) ===== */
.wb-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background: var(--wb-surface);
  border-bottom: 1px solid var(--wb-border);
  flex-shrink: 0;
  gap: 12px;
  flex-wrap: wrap;
}

.wb-topbar-left {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
  flex-wrap: wrap;
}

.wb-topbar-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* ===== MODE SWITCHER ===== */
.wb-mode-switcher {
  display: flex;
  background: var(--wb-elevated);
  border-radius: var(--wb-radius);
  border: 1px solid var(--wb-border);
  overflow: hidden;
  flex-shrink: 0;
}

.wb-mode-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 14px;
  border: none;
  background: transparent;
  color: var(--wb-text-muted);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: var(--wb-transition);
  white-space: nowrap;
}

.wb-mode-btn:not(:last-child) {
  border-right: 1px solid var(--wb-border);
}

.wb-mode-btn:hover {
  color: var(--wb-text);
  background: rgba(0,0,0,0.03);
}

.wb-mode-btn.active {
  color: var(--wb-accent);
  background: var(--wb-accent-light);
  font-weight: 600;
}

.wb-mode-btn i {
  font-size: 13px;
}

/* ===== STATUS PILLS (in topbar) ===== */
.wb-status-pills {
  display: flex;
  gap: 4px;
  flex-wrap: nowrap;
  overflow-x: auto;
  flex-shrink: 1;
  min-width: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.wb-status-pills::-webkit-scrollbar { display: none; }

.wb-status-pill {
  padding: 4px 10px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 500;
  background: var(--wb-elevated);
  color: var(--wb-text-muted);
  border: 1px solid transparent;
  cursor: pointer;
  transition: var(--wb-transition);
  white-space: nowrap;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

.wb-status-pill:hover {
  color: var(--wb-text);
  border-color: var(--wb-border);
  background: var(--wb-surface);
}

.wb-status-pill.active {
  background: var(--wb-accent-light);
  color: var(--wb-accent);
  border-color: var(--wb-accent);
  font-weight: 600;
}

.wb-status-pill .count {
  font-size: 11px;
  opacity: 0.7;
}

.wb-status-pill.trash {
  color: #EF4444;
  font-weight: 500;
}
.wb-status-pill.trash:hover {
  color: #DC2626;
  border-color: #FECACA;
  background: #FEF2F2;
}
.wb-status-pill.trash.active {
  background: #FEF2F2;
  color: #DC2626;
  border-color: #EF4444;
  font-weight: 600;
}

/* ===== SEARCH BOX (in topbar) ===== */
.wb-search-box {
  flex-shrink: 0;
  position: relative;
  width: 200px;
}

.wb-search-box input {
  width: 100%;
  padding: 6px 12px 6px 30px;
  background: var(--wb-elevated);
  border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius);
  color: var(--wb-text);
  font-size: 12px;
  outline: none;
  transition: var(--wb-transition);
}

.wb-search-box input:focus {
  border-color: var(--wb-accent);
  background: var(--wb-surface);
  box-shadow: 0 0 0 3px rgba(59,130,246,0.1);
}

.wb-search-box input::placeholder {
  color: var(--wb-text-muted);
}

.wb-search-box i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--wb-text-muted);
  font-size: 12px;
  pointer-events: none;
}

/* ===== NEW BUTTON ===== */
.wb-btn-new {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 7px 16px;
  background: var(--wb-accent);
  border: none;
  border-radius: var(--wb-radius);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: var(--wb-transition);
  white-space: nowrap;
  flex-shrink: 0;
}

.wb-btn-new:hover {
  background: #2563EB;
  box-shadow: 0 2px 8px rgba(59,130,246,0.3);
}

.wb-btn-new:active {
  transform: scale(0.97);
}

.wb-btn-new i {
  font-size: 11px;
}

/* ===== LAYOUT (no sidebar, full width main) ===== */
.wb-layout {
  display: flex;
  flex: 1;
  overflow: hidden;
}

.wb-main {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: var(--wb-surface);
}

/* ===== KANBAN VIEW ===== */
.wb-kanban {
  display: flex;
  gap: 1px;
  background: var(--wb-border);
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
}

.wb-kanban-col {
  flex: 1;
  min-width: 200px;
  max-width: 320px;
  background: var(--wb-bg);
  display: flex;
  flex-direction: column;
}

.wb-kanban-col-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: var(--wb-surface);
  border-bottom: 2px solid var(--wb-border);
  flex-shrink: 0;
}

.wb-kanban-col-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--wb-text);
}

.wb-kanban-col-count {
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 10px;
  background: var(--wb-elevated);
  color: var(--wb-text-muted);
  font-weight: 500;
}

.wb-kanban-col-body {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Kanban Card */
.wb-kanban-card {
  background: var(--wb-surface);
  border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius);
  padding: 10px 12px;
  cursor: grab;
  transition: var(--wb-transition);
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

.wb-kanban-card:hover {
  border-color: var(--wb-accent);
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transform: translateY(-1px);
}

.wb-kanban-card:active {
  cursor: grabbing;
  transform: scale(0.98);
}

.wb-kanban-card.dragging {
  opacity: 0.5;
  border-style: dashed;
}

.wb-kanban-card.drag-over {
  border-color: var(--wb-accent);
  background: var(--wb-accent-light);
}

.wb-kc-code {
  font-size: 13px;
  font-weight: 600;
  color: var(--wb-accent);
  margin-bottom: 4px;
  letter-spacing: -0.2px;
}

.wb-kc-customer {
  font-size: 13px;
  font-weight: 500;
  color: var(--wb-text);
  margin-bottom: 4px;
}

.wb-kc-items {
  font-size: 11px;
  color: var(--wb-text-muted);
  margin-bottom: 6px;
  line-height: 1.5;
}

.wb-kc-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
}

.wb-kc-amount {
  font-weight: 600;
  color: var(--wb-success);
}

.wb-kc-date {
  color: var(--wb-text-muted);
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Kanban color accents */
.wb-kanban-col[data-status="待审批"] .wb-kanban-col-header { border-bottom-color: var(--wb-warning); }
.wb-kanban-col[data-status="待审批"] .wb-kanban-col-title { color: var(--wb-warning); }
.wb-kanban-col[data-status="已确认"] .wb-kanban-col-header { border-bottom-color: var(--wb-info); }
.wb-kanban-col[data-status="已确认"] .wb-kanban-col-title { color: var(--wb-info); }
.wb-kanban-col[data-status="生产中"] .wb-kanban-col-header { border-bottom-color: var(--wb-accent); }
.wb-kanban-col[data-status="生产中"] .wb-kanban-col-title { color: var(--wb-accent); }
.wb-kanban-col[data-status="已完成"] .wb-kanban-col-header { border-bottom-color: var(--wb-success); }
.wb-kanban-col[data-status="已完成"] .wb-kanban-col-title { color: var(--wb-success); }
.wb-kanban-col[data-status="已作废"] .wb-kanban-col-header { border-bottom-color: var(--wb-danger); }
.wb-kanban-col[data-status="已作废"] .wb-kanban-col-title { color: var(--wb-danger); }

/* Extra statuses for PO/OS */
.wb-kanban-col[data-status="已下单"] .wb-kanban-col-header { border-bottom-color: var(--wb-info); }
.wb-kanban-col[data-status="已下单"] .wb-kanban-col-title { color: var(--wb-info); }
.wb-kanban-col[data-status="部分到货"] .wb-kanban-col-header { border-bottom-color: var(--wb-warning); }
.wb-kanban-col[data-status="部分到货"] .wb-kanban-col-title { color: var(--wb-warning); }
.wb-kanban-col[data-status="待发料"] .wb-kanban-col-header { border-bottom-color: var(--wb-info); }
.wb-kanban-col[data-status="待发料"] .wb-kanban-col-title { color: var(--wb-info); }
.wb-kanban-col[data-status="已发料"] .wb-kanban-col-header { border-bottom-color: #06B6D4; }
.wb-kanban-col[data-status="已发料"] .wb-kanban-col-title { color: #06B6D4; }
.wb-kanban-col[data-status="外协中"] .wb-kanban-col-header { border-bottom-color: #8B5CF6; }
.wb-kanban-col[data-status="外协中"] .wb-kanban-col-title { color: #8B5CF6; }
.wb-kanban-col[data-status="加工中"] .wb-kanban-col-header { border-bottom-color: var(--wb-accent); }
.wb-kanban-col[data-status="加工中"] .wb-kanban-col-title { color: var(--wb-accent); }
.wb-kanban-col[data-status="部分回厂"] .wb-kanban-col-header { border-bottom-color: var(--wb-warning); }
.wb-kanban-col[data-status="部分回厂"] .wb-kanban-col-title { color: var(--wb-warning); }
.wb-kanban-col[data-status="已回厂"] .wb-kanban-col-header { border-bottom-color: var(--wb-success); }
.wb-kanban-col[data-status="已回厂"] .wb-kanban-col-title { color: var(--wb-success); }
.wb-kanban-col[data-status="已排产"] .wb-kanban-col-header { border-bottom-color: var(--wb-info); }
.wb-kanban-col[data-status="已排产"] .wb-kanban-col-title { color: var(--wb-info); }

/* ===== LIST VIEW ===== */
.wb-list-body {
  flex: 1;
  overflow-y: auto;
  background: var(--wb-surface);
}

/* List table */
.wb-list-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
}

.wb-list-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}

.wb-list-table th {
  padding: 9px 14px;
  background: #F8FAFC;
  color: var(--wb-text-muted);
  font-size: 11px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  text-align: left;
  border-bottom: 2px solid var(--wb-border);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wb-list-table td {
  padding: 10px 14px;
  border-bottom: 1px solid var(--wb-border);
  color: var(--wb-text);
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wb-list-table td .wb-list-actions {
  white-space: normal;
}

.wb-list-table tbody tr {
  transition: background 0.15s ease;
  cursor: pointer;
}

.wb-list-table tbody tr:hover {
  background: var(--wb-accent-light);
}

.wb-list-table tbody tr.row-voided {
  opacity: 0.4;
}
.wb-list-table tbody tr.row-deleted {
  opacity: 0.5;
  background: #FEE2E2;
}
.wb-list-table tbody tr.row-deleted:hover {
  opacity: 0.65;
  background: #FECACA;
}

/* List cell stylings */
.wb-list-code {
  font-weight: 600;
  color: var(--wb-accent);
}

.wb-list-amount {
  font-weight: 500;
  text-align: right;
}

.wb-list-amount.positive { color: var(--wb-success); }
.wb-list-amount.negative { color: var(--wb-danger); }

.wb-list-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}

.wb-list-status::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

.wb-list-status.pending { background: rgba(245,158,11,0.1); color: #D97706; }
.wb-list-status.pending::before { background: #D97706; }

.wb-list-status.confirmed { background: rgba(59,130,246,0.1); color: #2563EB; }
.wb-list-status.confirmed::before { background: #2563EB; }

.wb-list-status.processing { background: rgba(59,130,246,0.08); color: var(--wb-accent); }
.wb-list-status.processing::before { background: var(--wb-accent); }

.wb-list-status.done { background: rgba(16,185,129,0.1); color: #059669; }
.wb-list-status.done::before { background: #059669; }

.wb-list-status.voided { background: rgba(239,68,68,0.1); color: #DC2626; }
.wb-list-status.voided::before { background: #DC2626; }

.wb-list-table td.wb-list-actions-cell {
  overflow: visible !important;
  position: relative;
  white-space: normal !important;
}

.wb-list-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  position: relative;
}

.wb-list-action-btn {
  padding: 4px 8px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  color: var(--wb-text-muted);
  font-size: 12px;
  cursor: pointer;
  transition: var(--wb-transition);
  white-space: nowrap;
}

.wb-list-action-btn:hover {
  color: var(--wb-text);
  border-color: var(--wb-border);
  background: var(--wb-elevated);
}

.wb-list-action-btn.danger:hover {
  color: var(--wb-danger);
  border-color: var(--wb-danger);
}

.wb-action-hidden {
  display: none !important;
}

.wb-list-actions.expanded .wb-action-hidden {
  display: inline-flex !important;
}

/* ===== CALENDAR VIEW ===== */
.wb-calendar {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.wb-cal-nav {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  background: var(--wb-surface);
  border-bottom: 1px solid var(--wb-border);
  flex-shrink: 0;
}

.wb-cal-nav-btn {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--wb-elevated);
  border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius);
  color: var(--wb-text-muted);
  cursor: pointer;
  transition: var(--wb-transition);
}

.wb-cal-nav-btn:hover {
  color: var(--wb-accent);
  border-color: var(--wb-accent);
}

.wb-cal-nav-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--wb-text);
}

.wb-cal-nav-today {
  margin-left: auto;
  padding: 5px 14px;
  background: var(--wb-accent);
  border: none;
  border-radius: var(--wb-radius);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: var(--wb-transition);
}

.wb-cal-nav-today:hover {
  background: #2563EB;
}

.wb-cal-grid {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.wb-cal-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  background: var(--wb-elevated);
  border-bottom: 1px solid var(--wb-border);
}

.wb-cal-weekday {
  padding: 8px;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  color: var(--wb-text-muted);
}

.wb-cal-weekday:first-child,
.wb-cal-weekday:last-child {
  color: var(--wb-danger);
}

.wb-cal-weeks {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.wb-cal-week {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border-bottom: 1px solid var(--wb-border);
  min-height: 70px;
}

.wb-cal-day {
  position: relative;
  padding: 4px;
  border-right: 1px solid var(--wb-border);
  background: var(--wb-surface);
  overflow: hidden;
  cursor: pointer;
  transition: var(--wb-transition);
}

.wb-cal-day:hover {
  background: var(--wb-elevated);
}

.wb-cal-day.other-month {
  opacity: 0.25;
}

.wb-cal-day.today {
  background: var(--wb-accent-light);
}

.wb-cal-day.today .wb-cal-day-num {
  color: var(--wb-accent);
  font-weight: 700;
}

.wb-cal-day-num {
  font-size: 13px;
  font-weight: 500;
  color: var(--wb-text);
  margin-bottom: 2px;
}

.wb-cal-day-cards {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: calc(100% - 22px);
  overflow-y: auto;
}

.wb-cal-mini-card {
  padding: 3px 6px;
  background: var(--wb-elevated);
  border: 1px solid var(--wb-border);
  border-radius: 3px;
  font-size: 10px;
  color: var(--wb-text);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: var(--wb-transition);
  border-left: 3px solid var(--wb-accent);
}

.wb-cal-mini-card:hover {
  border-color: var(--wb-accent);
  background: var(--wb-surface);
}

.wb-cal-mini-card .code {
  font-weight: 600;
  color: var(--wb-accent);
}

.wb-cal-day-more {
  font-size: 10px;
  color: var(--wb-text-muted);
  padding: 2px 6px;
  cursor: pointer;
}

.wb-cal-day-more:hover {
  color: var(--wb-accent);
}

/* ===== ONE-CLICK FILTER CHIPS (shared by modules) ===== */
.wb-list-chips {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.wb-list-chip {
  padding: 4px 12px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 500;
  background: var(--wb-elevated);
  color: var(--wb-text-muted);
  border: 1px solid transparent;
  cursor: pointer;
  transition: var(--wb-transition);
  white-space: nowrap;
}

.wb-list-chip:hover {
  color: var(--wb-text);
  border-color: var(--wb-border);
}

.wb-list-chip.active {
  background: var(--wb-accent-light);
  color: var(--wb-accent);
  border-color: var(--wb-accent);
  font-weight: 600;
}

/* ===== BATCH ACTION BAR ===== */
.wb-batch-bar {
  position: fixed;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  background: var(--wb-surface);
  border: 1px solid var(--wb-accent);
  border-radius: var(--wb-radius-lg);
  box-shadow: 0 4px 24px rgba(0,0,0,0.12);
  z-index: 100;
  animation: wbSlideUp 0.25s ease-out;
}

.wb-batch-bar span {
  font-size: 13px;
  color: var(--wb-text);
  font-weight: 500;
}

.wb-batch-bar button {
  padding: 5px 14px;
  border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius);
  background: var(--wb-elevated);
  color: var(--wb-text);
  font-size: 12px;
  cursor: pointer;
  transition: var(--wb-transition);
}

.wb-batch-bar button:hover {
  border-color: var(--wb-accent);
  color: var(--wb-accent);
}

.wb-batch-bar button.primary {
  background: var(--wb-accent);
  border-color: var(--wb-accent);
  color: #fff;
}

/* ===== ANIMATIONS ===== */
@keyframes wbSlideUp {
  from { opacity: 0; transform: translateX(-50%) translateY(16px); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

@keyframes wbFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.wb-fade-in {
  animation: wbFadeIn 0.3s ease-out;
}

/* ===== SCROLLBAR ===== */
.wb-kanban-col-body::-webkit-scrollbar,
.wb-list-body::-webkit-scrollbar,
.wb-cal-day-cards::-webkit-scrollbar {
  width: 4px;
}

.wb-kanban-col-body::-webkit-scrollbar-track,
.wb-list-body::-webkit-scrollbar-track,
.wb-cal-day-cards::-webkit-scrollbar-track {
  background: transparent;
}

.wb-kanban-col-body::-webkit-scrollbar-thumb,
.wb-list-body::-webkit-scrollbar-thumb,
.wb-cal-day-cards::-webkit-scrollbar-thumb {
  background: var(--wb-border);
  border-radius: 2px;
}

.wb-kanban-col-body::-webkit-scrollbar-thumb:hover,
.wb-list-body::-webkit-scrollbar-thumb:hover {
  background: var(--wb-text-muted);
}

/* ===== PURCHASE MODULE: 显眼表头（清楚区分分单） ===== */
#po-workbench-root .wb-list-table thead th {
  background: linear-gradient(180deg, #1e3a8a, #1e40af);
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
  text-transform: none;
  border-bottom: 2px solid #172554;
  padding: 10px 14px;
}

#po-workbench-root .wb-list-table thead th:first-child {
  width: 36px;
  text-align: center;
}

/* ===== PURCHASE MODULE: 单行整底状态色（左侧 4px 状态色边 + 整行浅色底） ===== */
[id$="-workbench-root"] .wb-list-table tbody tr[data-status] { transition: background .15s; }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="草稿"] { border-left: 4px solid #94a3b8; background: rgba(148,163,184,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="草稿"]:hover { background: rgba(148,163,184,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="待审批"] { border-left: 4px solid #f59e0b; background: rgba(245,158,11,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="待审批"]:hover { background: rgba(245,158,11,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="待处理"] { border-left: 4px solid #6b7280; background: rgba(107,114,128,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="待处理"]:hover { background: rgba(107,114,128,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="待发料"] { border-left: 4px solid #6b7280; background: rgba(107,114,128,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="待发料"]:hover { background: rgba(107,114,128,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已发料"] { border-left: 4px solid #3b82f6; background: rgba(59,130,246,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已发料"]:hover { background: rgba(59,130,246,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已下单"] { border-left: 4px solid #3b82f6; background: rgba(59,130,246,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已下单"]:hover { background: rgba(59,130,246,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已确认"] { border-left: 4px solid #3b82f6; background: rgba(59,130,246,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已确认"]:hover { background: rgba(59,130,246,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已排产"] { border-left: 4px solid #3b82f6; background: rgba(59,130,246,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已排产"]:hover { background: rgba(59,130,246,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="部分到货"] { border-left: 4px solid #8b5cf6; background: rgba(139,92,246,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="部分到货"]:hover { background: rgba(139,92,246,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="部分收货"] { border-left: 4px solid #8b5cf6; background: rgba(139,92,246,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="部分收货"]:hover { background: rgba(139,92,246,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="生产中"] { border-left: 4px solid #8b5cf6; background: rgba(139,92,246,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="生产中"]:hover { background: rgba(139,92,246,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="加工中"] { border-left: 4px solid #8b5cf6; background: rgba(139,92,246,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="加工中"]:hover { background: rgba(139,92,246,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="外协中"] { border-left: 4px solid #8b5cf6; background: rgba(139,92,246,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="外协中"]:hover { background: rgba(139,92,246,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="部分回厂"] { border-left: 4px solid #8b5cf6; background: rgba(139,92,246,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="部分回厂"]:hover { background: rgba(139,92,246,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已完成"] { border-left: 4px solid #10b981; background: rgba(16,185,129,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已完成"]:hover { background: rgba(16,185,129,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已入库"] { border-left: 4px solid #10b981; background: rgba(16,185,129,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已入库"]:hover { background: rgba(16,185,129,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已完工"] { border-left: 4px solid #10b981; background: rgba(16,185,129,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已完工"]:hover { background: rgba(16,185,129,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已回厂"] { border-left: 4px solid #10b981; background: rgba(16,185,129,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已回厂"]:hover { background: rgba(16,185,129,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已作废"] { border-left: 4px solid #ef4444; background: rgba(239,68,68,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已作废"]:hover { background: rgba(239,68,68,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已取消"] { border-left: 4px solid #ef4444; background: rgba(239,68,68,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="已取消"]:hover { background: rgba(239,68,68,0.28); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="逾期"] { border-left: 4px solid #ef4444; background: rgba(239,68,68,0.14); }
[id$="-workbench-root"] .wb-list-table tbody tr[data-status="逾期"]:hover { background: rgba(239,68,68,0.28); }

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
  .wb-topbar {
    flex-direction: column;
    align-items: stretch;
  }
  .wb-topbar-left {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .wb-status-pills {
    overflow-x: auto;
  }
  .wb-search-box {
    width: 100%;
  }
  .wb-kanban {
    flex-direction: column;
  }
  .wb-kanban-col {
    min-width: 100%;
    max-width: 100%;
  }
}