/* Delta Tracker — Rules & Agents tab */
.delta-rules-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  align-items: start;
}

@media (max-width: 960px) {
  .delta-rules-grid {
    grid-template-columns: 1fr;
  }
}

.delta-rules-section-title {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--text-muted);
  margin-bottom: var(--space-sm);
}

.delta-rules-facts {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 12px;
  min-height: 140px;
  resize: vertical;
}

.delta-rules-outcome {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.delta-rules-outcome.compliant { color: var(--verify-green); }
.delta-rules-outcome.violated { color: var(--danger); }
.delta-rules-outcome.needs_review { color: var(--warning); }

.delta-rules-table-wrap {
  max-height: 280px;
  overflow: auto;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
}

.delta-rules-msg {
  font-size: var(--font-xs);
  padding: 10px 12px;
  border-radius: var(--radius-md);
  margin-bottom: var(--space-sm);
}

.delta-rules-msg.ok {
  background: rgba(46, 133, 85, 0.08);
  border: 1px solid rgba(46, 133, 85, 0.25);
  color: var(--verify-green);
}

.delta-rules-msg.err {
  background: rgba(185, 28, 28, 0.08);
  border: 1px solid rgba(185, 28, 28, 0.25);
  color: var(--danger);
}


/* ---- Delta Tracker mobile ---- */
.delta-page {
  min-width: 0;
}

.delta-page .page-header {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: var(--space-sm) !important;
  margin-bottom: var(--space-sm);
}

.delta-page .page-desc {
  max-width: 100%;
  font-size: var(--font-sm);
  line-height: 1.5;
}

.delta-page .card {
  padding: var(--space-sm) !important;
}

.delta-page .card > div[style*="display:flex"] {
  flex-direction: column !important;
}

.delta-page .card .btn {
  width: 100%;
  justify-content: center;
}

.delta-page .dashboard-grid {
  gap: var(--space-sm) !important;
}

@media (max-width: 768px) {
  .delta-page .page-header > div:last-child {
    width: 100%;
  }

  .delta-hitl-toolbar,
  .delta-hitl-filters {
    flex-direction: column;
    align-items: stretch !important;
    gap: var(--space-sm);
  }

  .delta-hitl-filters select,
  .delta-hitl-filters .btn {
    width: 100%;
  }
}