/* eingabe.css — gemeinsamer Eingabe-Baustein der KI-Plattform.
   Vorbild: KI-Studienberater. Einbinden mit <link rel="stylesheet" href="/eingabe.css">
   Aufbau:  <form class="ai-eingabe"><div class="ai-inbox"><input|textarea></div><button class="ai-send">Senden</button></form> */
.ai-eingabe{display:flex;gap:10px;margin-top:16px;align-items:stretch}
.ai-inbox{flex:1;position:relative;display:flex;padding:2.5px;border-radius:16px;
  background:linear-gradient(100deg,#00C2C2 0%,#6a5cff 35%,#0F8C8C 65%,#00C2C2 100%);
  background-size:220% 100%;animation:ai-bframe 7s linear infinite;
  box-shadow:0 0 0 4px rgba(0,194,194,.10),0 8px 22px rgba(15,22,64,.08);transition:box-shadow .18s}
.ai-inbox:focus-within{box-shadow:0 0 0 5px rgba(0,194,194,.22),0 10px 28px rgba(15,22,64,.14)}
.ai-inbox input,.ai-inbox textarea{width:100%;padding:17px 18px;border:0;border-radius:13.5px;
  font-family:inherit;font-size:1.06rem;line-height:1.5;color:#1B2233;background:#fff;outline:none;transition:.15s;resize:none}
.ai-inbox textarea{min-height:56px;max-height:150px;overflow-y:auto}
.ai-inbox input:focus,.ai-inbox textarea:focus{outline:none;box-shadow:none}
.ai-inbox input::placeholder,.ai-inbox textarea::placeholder{color:#8b93ad}
@keyframes ai-bframe{to{background-position:-220% 0}}
@media(prefers-reduced-motion:reduce){.ai-inbox{animation:none}}
.ai-send{background:#00C2C2;color:#04303a;border:0;font-family:inherit;font-weight:800;
  padding:0 28px;border-radius:15px;cursor:pointer;font-size:1.06rem;
  box-shadow:0 8px 22px rgba(0,194,194,.28);transition:.15s;white-space:nowrap}
.ai-send:hover{background:#00d6d6}
.ai-send:disabled{opacity:.5;cursor:default;box-shadow:none}
@media(max-width:560px){
  .ai-inbox input,.ai-inbox textarea{padding:15px 16px;font-size:1rem}
  .ai-send{padding:0 20px;font-size:1rem}
}