/* Entnahmeplan – Steuerfelder: responsive Layout-Lock (nur Flow/Abstände)
   Ziel:
   - Felder (Kacheln) stehen nebeneinander, mit Abstand, und umbrechen sauber.
   - Keine Änderungen an Höhe/Padding/Typografie der Inputs.
   - Breiten werden NICHT hier festgelegt; falls --w-tax-field-width existiert, wird es verwendet.
*/

#withdrawal-app .w-tax-inline.w-tax-fields{
  /* styles.css setzt max-width:80% -> das führt in der Tabellenzelle oft dazu,
     dass nur 1 Feld pro Zeile passt. Hier explizit volle Breite nutzen. */
  max-width:100% !important;
  width:100% !important;

  display:grid !important;
  grid-template-columns: repeat(auto-fit, minmax(var(--w-tax-field-width, 200px), var(--w-tax-field-width, 200px))) !important;
  gap:12px 12px !important;

  justify-content:start !important;
  justify-items:start !important;
  align-items:end !important;
}

/* Jede Kachel folgt exakt der Spaltenbreite */
#withdrawal-app .w-tax-inline.w-tax-fields > .w-tax-field{
  width:var(--w-tax-field-width, 200px) !important;
  max-width:var(--w-tax-field-width, 200px) !important;
  min-width:var(--w-tax-field-width, 200px) !important;
}

/* Mobile: einspaltig, volle Breite */
@media (max-width:520px){
  #withdrawal-app .w-tax-inline.w-tax-fields{
    grid-template-columns: 1fr !important;
  }
  #withdrawal-app .w-tax-inline.w-tax-fields > .w-tax-field{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
}


/* Steuer-Toggle: Info-Icon rechts neben Toggle (Desktop/Tablet) */
#withdrawal-app .taxsv-compact-toggle{
  display:flex;
  align-items:center;
  gap:10px;
}
#withdrawal-app .taxsv-compact-toggle .i.tt{
  flex:0 0 auto;
}

/* Entnahmeplan – Fix: Info-Icon neben "Steuern" soll denselben Hintergrund
   wie alle anderen Info-Icons haben.
   (In einigen Layout-Kombinationen wird das Icon sonst transparent.)
*/
#withdrawal-app .w-tax-toggle-row #taxsv-card .taxsv-compact-toggle > .i{
  background: #eef2ff;
  color: #3b82f6;
  border-radius: 999px;
}

:root[data-theme="dark"] #withdrawal-app .w-tax-toggle-row #taxsv-card .taxsv-compact-toggle > .i{
  /* Kontrast-Hintergrund wie bei Inputs (siehe styles.css dark inputs),
     damit das Icon auf der Card-Fläche nicht „verschluckt“ wirkt. */
  background:#0f172a;
  border:1px solid #263043;
  color: var(--accent);
}