/* Transparenz-Widget (Art. 52) – ResponzAI */
.ai-tr-btn{
  position:fixed; right:1rem; bottom:1rem; z-index:9999;
  background:#234B73; color:#fff; border:none; border-radius:.75rem;
  padding:.6rem .9rem; font-weight:600;
  box-shadow:0 6px 18px rgba(0,0,0,.15); cursor:pointer
}
.ai-tr-btn:focus{ outline:2px solid #64AD59; outline-offset:2px }

.ai-tr-panel{
  position:fixed; right:1rem; bottom:4.25rem; z-index:9999;
  width:min(480px,calc(100vw - 2rem));
  max-height:min(70vh,720px); overflow:auto;
  background:#fff; border-radius:.9rem;
  box-shadow:0 10px 30px rgba(0,0,0,.2); padding:1rem
}
.ai-tr-title{ margin:.1rem 0 .5rem 0; font-size:1.05rem; font-weight:700; color:#234B73 }
.ai-tr-desc{ margin:0 0 .5rem 0; color:#334; opacity:.9; font-size:.95rem }

.ai-tr-field{ display:flex; gap:.5rem; align-items:flex-start; margin:.5rem 0 }
.ai-tr-field input{ margin-top:.2rem; transform:scale(1.1) }

.ai-tr-actions{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.75rem }
.ai-tr-actions .btn{
  border:1px solid #234B73; background:#234B73; color:#fff;
  border-radius:.5rem; padding:.45rem .7rem; cursor:pointer
}
.ai-tr-actions .btn.secondary{ background:#fff; color:#234B73 }

.ai-tr-badge{
  display:inline-block; border-radius:.5rem; padding:.2rem .5rem;
  font-size:.8rem; font-weight:700; color:#fff; margin-right:.25rem
}
.ai-tr-badge.green{ background:#64AD59 }
.ai-tr-badge.blue{ background:#234B73 }
.ai-tr-badge.orange{ background:#F49B3D }

.ai-tr-result{ margin:.75rem 0 0 0; padding:.75rem; border-radius:.6rem;
  background:#F7FAFC; border:1px solid #E6EEF5 }
.ai-tr-result h3{ margin:.1rem 0 .4rem 0; font-size:1rem }

.ai-tr-kicker{ margin:.25rem 0 .25rem 0; color:#234B73; font-weight:700 }
.ai-tr-list{ margin:.4rem 0 .2rem 1rem }
.ai-tr-small{ font-size:.85rem; color:#445 }

.ai-tr-close{
  position:absolute; right:.6rem; top:.6rem; background:transparent;
  border:none; font-size:1.2rem; line-height:1; cursor:pointer; color:#234B73
}

/* Print: Button/Panel ausblenden */
@media print{
  .ai-tr-btn, .ai-tr-panel{ display:none !important }
}

/* (Optional) Dark Mode – Grundkontrast */
@media (prefers-color-scheme: dark){
  .ai-tr-panel{ background:#111; color:#eee; border:1px solid #2a2a2a }
  .ai-tr-desc, .ai-tr-small{ color:#ddd; opacity:.95 }
  .ai-tr-result{ background:#171a1d; border-color:#2a323a }
  .ai-tr-kicker{ color:#9ec5ff }
  .ai-tr-actions .btn.secondary{ background:#111; color:#cfe2ff; border-color:#3a5a8a }
}