/* Agnibeena Graphden V144 — free data prep and live sources */
.ds-prep-source-card,
.ds-table-workspace,
.ds-prep-card,
.ds-prep-intro {
  margin: 0 0 16px;
  padding: 13px;
  border: 1px solid var(--ds-border);
  border-radius: 14px;
  background: rgba(255,255,255,.022);
}
.ds-prep-source-card label,
.ds-table-workspace label,
.ds-prep-card label { display: grid; gap: 6px; margin-top: 8px; }
.ds-inline-actions,
.ds-table-actions,
.ds-history-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;
}
.ds-inline-actions > * { flex: 1 1 110px; }
.ds-table-actions button { min-height: 35px; padding: 0 10px; font-size: 10px; }
.ds-prep-help {
  margin: 8px 0 0;
  color: var(--ds-muted);
  font-size: 10px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.ds-prep-help.is-error { color: #ff9ab0; }
.ds-prep-help.is-success { color: #90e7c2; }
.ds-prep-intro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  background: linear-gradient(145deg, rgba(104,60,182,.14), rgba(255,255,255,.018));
}
.ds-prep-intro h2 { margin: 5px 0 4px; font-size: 20px; }
.ds-prep-intro p:last-child { margin: 0; color: var(--ds-muted); font-size: 11px; line-height: 1.4; }
.ds-history-actions { margin-top: 0; flex-wrap: nowrap; }
.ds-history-actions button { min-height: 34px; padding: 0 11px; font-size: 10px; }
.ds-prep-card h3 { margin: 0; font-size: 14px; }
.ds-prep-card > p { margin: 4px 0 10px; color: var(--ds-muted); font-size: 11px; line-height: 1.4; }
.ds-operation-fields { display: grid; gap: 9px; margin: 10px 0; }
.ds-operation-fields .two-column-controls { margin: 0; }
.ds-operation-fields .ds-check-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 7px 9px;
  border: 1px solid var(--ds-border);
  border-radius: 9px;
  background: rgba(255,255,255,.02);
}
.ds-operation-fields .ds-check-row input { width: auto; }
.ds-multi-select { min-height: 112px; }
.ds-formula-help {
  padding: 9px;
  border: 1px dashed var(--ds-border);
  border-radius: 10px;
  color: var(--ds-muted);
  font-size: 9px;
  line-height: 1.45;
}
.ds-change-preview { display: grid; gap: 8px; }
.ds-change-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.ds-change-stats > div {
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--ds-border);
  border-radius: 10px;
  background: rgba(255,255,255,.02);
}
.ds-change-stats span { display: block; color: var(--ds-muted); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.ds-change-stats strong { display: block; margin-top: 4px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; }
.ds-change-message { color: #e9ddff; font-size: 11px; line-height: 1.45; }
.ds-prep-log { display: grid; gap: 6px; max-height: 150px; overflow: auto; }
.ds-prep-log-item { padding: 7px 8px; border-left: 2px solid rgba(185,145,255,.62); background: rgba(255,255,255,.018); color: var(--ds-muted); font-size: 9px; }
.ds-table-workspace select,
.ds-prep-card select,
.ds-prep-source-card input[type="url"] { width: 100%; }
.ds-source-busy { opacity: .62; pointer-events: none; }
@media (max-width: 620px) {
  .ds-prep-intro { flex-direction: column; }
  .ds-history-actions { width: 100%; }
  .ds-history-actions button { flex: 1; }
  .ds-change-stats { grid-template-columns: 1fr; }
  .ds-table-actions { display: grid; grid-template-columns: repeat(2,1fr); }
}