/* Query area uses two rows so the primary creation action remains visually isolated. */
.filters {
  height: 105px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}

.filters.filters-one-line {
  height: 57px;
}

.filters-one-line .filter-fields {
  width: 100%;
}

.filters-one-line .add {
  margin-left: auto;
}

.filter-fields {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
}

.filter-actions {
  display: flex;
  justify-content: flex-end;
}

.filter-fields label {
  gap: 8px;
  font-size: 13px;
}

.filter-fields input {
  width: 155px;
}

.filter-fields select {
  width: 108px;
}

.filter-fields #status,
.filter-fields #sourceStatus {
  width: 94px;
}

.filter-fields .primary,
.filter-fields .secondary {
  padding: 0 12px;
}

.filters-one-line .add {
  min-width: 82px;
  padding: 0 10px;
}

main {
  min-width: 0;
}

.source-table th:nth-child(1) { width: 12%; }
.source-table th:nth-child(2) { width: 12%; }
.source-table th:nth-child(3) { width: 16%; }
.source-table th:nth-child(4) { width: 10%; }
.source-table th:nth-child(5) { width: 16%; }
.source-table th:nth-child(6) { width: 15%; }
.source-table th:nth-child(7) { width: 8%; }
.source-table th:nth-child(8) { width: 13%; }
.source-table th:nth-child(9) { width: 10%; }

.class-table th:nth-child(1) { width: 13%; }.class-table th:nth-child(2) { width: 20%; }.class-table th:nth-child(3) { width: 13%; }.class-table th:nth-child(4) { width: 10%; }.class-table th:nth-child(5) { width: 14%; }.class-table th:nth-child(6) { width: 16%; }.class-table th:nth-child(7) { width: 7%; }.class-table th:nth-child(8) { width: 10%; }
.class-modal { width: 820px; }.form-grid .full-line { grid-column:1 / -1; }.form-grid textarea { width:100%; min-height:82px; border:1px solid #d9dde4; border-radius:4px; padding:9px 12px; font:14px inherit; resize:vertical; }.form-grid .full-line { grid-template-columns:95px 1fr; align-items:start; }.source-modal { width:1060px; }
.asset-table th { white-space:nowrap; }.asset-table th:first-child { width:16%; }.asset-table th:nth-child(2) { width:10%; }.asset-table th:nth-child(3) { width:10%; }.asset-table th:nth-child(4) { width:8%; }.asset-table th:nth-child(5) { width:12%; }.asset-table th:nth-child(6) { width:16%; }.asset-table th:nth-child(7) { width:8%; }.asset-table th:nth-child(8) { width:10%; }.asset-table th:nth-child(9) { width:8%; }.asset-table th:last-child { width:10%; }.asset-table td:first-child a { margin-left:10px; }.asset-modal { width:820px; }.upload-field { align-items:center!important; }.upload-box { width:112px; height:112px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; border:1px dashed #b7c7dc; border-radius:4px; background:#fff; color:#1677ff; cursor:pointer; font-size:26px; }.upload-box .icon svg { width:28px; height:28px; }.upload-box small { font-size:13px; color:#86909c; }

/* Rule modal: normalize source and target label/control anatomy to one row. */
.rule-side label { display:flex; align-items:center; gap:8px; margin-bottom:14px; color:#4e5969; white-space:nowrap; }
.rule-side label > b { flex:0 0 auto; color:#ff4d4f; margin-right:-5px; font-weight:400; }
.rule-side label > span { flex:0 0 96px; text-align:right; }
.rule-side label > input, .rule-side label > select, .rule-side label > textarea { flex:1 1 auto; min-width:0; width:auto; min-height:36px; border:1px solid #d9dde4; border-radius:4px; padding:7px 10px; font:14px inherit; }
.rule-side label > textarea { height:82px; resize:vertical; }
.rule-side label > input:focus, .rule-side label > select:focus, .rule-side label > textarea:focus { outline:none; border-color:#1677ff; box-shadow:0 0 0 2px #e6f4ff; }
.rule-tip { line-height:20px; }
.rule-table th { white-space:nowrap; }.rule-table th:nth-child(1){width:11%}.rule-table th:nth-child(2){width:12%}.rule-table th:nth-child(3){width:12%}.rule-table th:nth-child(4){width:9%}.rule-table th:nth-child(5){width:11%}.rule-table th:nth-child(6){width:11%}.rule-table th:nth-child(7){width:12%}.rule-table th:nth-child(8){width:9%}.rule-table th:nth-child(9){width:7%}.rule-table th:nth-child(10){width:9%}.rule-modal{width:min(1320px,92vw);max-height:90vh}.rule-modal .modal-body{max-height:calc(90vh - 143px);padding:24px 34px}.rule-columns{display:grid;grid-template-columns:1fr 1fr;gap:34px}.rule-side{padding-right:26px;border-right:1px solid #e5e6eb}.rule-side:last-child{padding:0;border:0}.rule-side h4,.mapping-grid h4{margin:0 0 14px;text-align:center;color:#1677ff;background:#e8f4ff;padding:6px}.rule-side label{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;margin-bottom:14px;color:#4e5969}.rule-side label>b{color:#ff4d4f;margin-right:4px;font-weight:400}.rule-side input,.rule-side select,.rule-side textarea{width:100%;min-height:36px;border:1px solid #d9dde4;border-radius:4px;padding:7px 10px;font:14px inherit}.rule-side textarea{height:82px;resize:vertical}.rule-tip{min-height:39px;margin:0 0 12px;padding:8px 10px;border-radius:4px;background:#f0f7ff;color:#4e5969;font-size:12px}.rule-side .hidden{display:none}.mapping-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.mini-table{padding:11px;line-height:30px;border:1px solid #e5e6eb;border-radius:4px;color:#4e5969}.ddl{width:100%;height:110px;border:1px solid #d9dde4;border-radius:4px;padding:10px;font:14px inherit;resize:vertical}