/* ============================================================
   Angebots-Generator — Tool-spezifische Anpassungen
   Nutzt invoice-generator.css als Base. Hier nur Akzentfarbe
   (gruen statt blau), Binding-Badge und ggf. kleinere Tweaks.
   ============================================================ */

/* Akzent: gruen, damit Angebot visuell von Rechnung (blau) abgesetzt ist */
.qg-card .invgen-section-title::before {
  background: #16a34a;
}

.qg-card .invgen-input:focus {
  border-color: #16a34a;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.15);
}

.qg-card .invgen-radio:hover { border-color: #16a34a; }
.qg-card .invgen-radio:has(input:checked) {
  border-color: #16a34a;
  background: rgba(22, 163, 74, 0.06);
}

.qg-card .invgen-demo-bar {
  background: linear-gradient(135deg, rgba(22, 163, 74, 0.05), rgba(22, 163, 74, 0.02));
  border-color: #16a34a;
}

/* Verbindlich-Checkbox prominenter darstellen */
.qg-binding-check {
  display: flex !important;
  align-items: flex-start;
  gap: var(--space-3);
  padding: 12px;
  background: var(--bg-secondary);
  border: 1.5px solid var(--border-color);
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-fast);
}

.qg-binding-check:hover { border-color: #16a34a; }
.qg-binding-check input { margin-top: 3px; flex-shrink: 0; }
.qg-binding-check span { display: flex; flex-direction: column; gap: 2px; }
.qg-binding-check strong { font-size: 13px; color: var(--text-primary); }
.qg-binding-check small { font-size: 12px; color: var(--text-secondary); }
.qg-binding-check:has(input:checked) {
  border-color: #16a34a;
  background: rgba(22, 163, 74, 0.06);
}

/* Binding-State-Badge in der Totals-Karte */
.qg-binding-state {
  margin-top: var(--space-3);
  padding: 6px 10px;
  font-size: 12px;
  font-weight: var(--font-medium);
  color: var(--text-secondary);
  background: var(--bg-primary);
  border: 1px dashed var(--border-color);
  border-radius: var(--radius-md);
  text-align: center;
}

.qg-binding-state.qg-binding-on {
  color: #166534;
  background: rgba(22, 163, 74, 0.08);
  border: 1px solid #16a34a;
  border-style: solid;
}