/* Mobile UI für AI-kademie – greift nur bei schmalen Viewports */
@media (max-width: 900px) {
  body, html { height:100%; }
  /* Sidebar ausblenden, Chat auf volle Breite */
  .sidebar { display:none !important; }
  .main { width:100% !important; margin:0; }

  /* Chatfenster angenehme Höhe + Abstand */
  .chat-window {
    height: calc(100vh - 180px) !important;
    border-radius: 16px;
    margin: 10px 12px;
  }

  /* Labels oben */
  .chat-labels { margin: 8px 16px -2px 16px; font-size:.95rem; }

  /* Blasen größer, besser lesbar */
  .bubble { max-width: 85%; font-size: 1rem; line-height: 1.35; }

  /* Eingabe komfortabler */
  .prompt-form { display:flex; gap:10px; padding: 10px 12px 16px 12px; }
  #prompt { min-height:60px; border-radius:14px; font-size:1rem; padding:10px 12px; }
  .prompt-form button { padding:10px 14px; border-radius:12px; font-weight:600; }
}

/* Very small phones */
@media (max-width: 480px) {
  .bubble { max-width: 92%; font-size: .98rem; }
  .chat-labels { font-size: .9rem; }
  #prompt { font-size: .98rem; }
}