.reconciliation-workspace-331 { min-width: 0; }
.supplier-reconciliation-type-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 0 16px; }
.supplier-reconciliation-workspace { min-width: 0; color: #263445; padding: 16px 20px; font-size: 14px; line-height: 1.6; }
.supplier-reconciliation-workspace h2, .supplier-reconciliation-workspace h3 { margin: 0 0 6px; line-height: 1.45; }
.supplier-reconciliation-workspace p { margin: 6px 0 12px; }
.supplier-reconciliation-heading, .supplier-reconciliation-actions, .supplier-reconciliation-pagination, .supplier-reconciliation-filter { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; }
.supplier-reconciliation-heading { justify-content: space-between; margin-bottom: 12px; }
.supplier-reconciliation-heading p { color: #64748b; }
.supplier-reconciliation-filter { align-items: flex-end; margin: 16px 0; }
.supplier-reconciliation-field { display: flex; flex-direction: column; gap: 5px; min-width: 180px; max-width: 100%; }
.supplier-reconciliation-field input, .supplier-reconciliation-field textarea, .supplier-reconciliation-field select { box-sizing: border-box; max-width: 100%; border: 1px solid #dbe2ea; border-radius: 4px; padding: 8px 10px; background: #fff; color: #263445; font: inherit; }
.supplier-reconciliation-dialog { color: #263445; }
.supplier-reconciliation-dialog .el-dialog__body { max-height: calc(100dvh - 190px); overflow-y: auto; }
.supplier-reconciliation-dialog .supplier-reconciliation-actions { justify-content: flex-end; }
.supplier-reconciliation-note { border-left: 3px solid #93b3cd; padding: 8px 12px; background: #f5f8fb; color: #475569; }
.supplier-reconciliation-error { color: #b42318; overflow-wrap: anywhere; }
.supplier-reconciliation-table-scroll { max-width: 100%; overflow-x: auto; margin: 12px 0; border: 1px solid #dbe2ea; border-radius: 5px; }
.supplier-reconciliation-table { width: 100%; border-collapse: collapse; min-width: 800px; }
.supplier-reconciliation-table th, .supplier-reconciliation-table td { padding: 10px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid #e8edf3; white-space: normal; overflow-wrap: anywhere; }
.supplier-reconciliation-table th { background: #f5f7fa; color: #334155; font-weight: 600; }
.supplier-reconciliation-table tr:last-child td { border-bottom: 0; }
.supplier-reconciliation-table td small { display: block; color: #64748b; margin-top: 4px; }
.supplier-reconciliation-table .supplier-reconciliation-number { white-space: nowrap; font-variant-numeric: tabular-nums; text-align: right; }
.supplier-reconciliation-empty { color: #64748b; padding: 24px !important; text-align: center !important; }
.supplier-reconciliation-pagination { justify-content: flex-end; padding: 8px 0; }
.supplier-reconciliation-detail { margin-top: 20px; padding: 18px; border: 1px solid #dbe2ea; border-radius: 6px; background: #fff; }
.supplier-reconciliation-summary { padding: 8px 12px; background: #f5f8fb; font-weight: 600; }
@media (max-width: 680px) {
  .supplier-reconciliation-workspace { padding: 12px; }
  .supplier-reconciliation-detail { padding: 12px; }
  .supplier-reconciliation-heading { align-items: flex-start; }
  .supplier-reconciliation-field { min-width: 0; width: 100%; }
  .supplier-reconciliation-actions { gap: 8px; }
}
@media print { .supplier-reconciliation-type-tabs, .supplier-reconciliation-actions, .supplier-reconciliation-filter, .supplier-reconciliation-pagination { display: none !important; } }