Mobile-Support: Smartphones für die ganze Seite

- Dashboard-Bewerbungsliste auf Handy als gestapelte Karten statt horizontal gescrolltem 760px-Raster
- Modals auf Handy scrollbar (Inhalt wurde bisher unten abgeschnitten)
- Chat: Thread-Aktionen auf Touch sichtbar, Sidebar/Chat-Höhen für mobil
- Bewerbungs-Antwort-Toolbar & Admin-Stat-Boxen umbruchfähig

Co-Authored-By: Claude <noreply@anthropic.com>

views/chat.ejs

@@ -21,6 +21,12 @@
         @media (prefers-reduced-motion: reduce) {
             .typing-dot { animation: none; opacity: 0.6; }
         }
+        /* Thread rename/delete rely on hover/focus to appear — neither exists on a
+           touchscreen, so the controls would be unreachable. Show them on small
+           (likely touch) screens. */
+        @media (max-width: 768px) {
+            .threadRename, .threadDelete { opacity: 1 !important; }
+        }
         /* Markdown rendering inside assistant bubbles */
         .chat-md { line-height: 1.5; }
         .chat-md > *:first-child { margin-top: 0; }
@@ -52,9 +58,9 @@
             </button>
         </div>
 
-        <div class="grid grid-cols-1 md:grid-cols-[240px_1fr] gap-3 h-[calc(100vh-180px)] min-h-[360px]">
+        <div class="grid grid-cols-1 md:grid-cols-[240px_1fr] gap-3 min-h-[360px] md:h-[calc(100vh-180px)]">
             <!-- Thread sidebar -->
-            <aside class="rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 overflow-hidden flex flex-col">
+            <aside class="rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 overflow-hidden flex flex-col max-h-48 md:max-h-none">
                 <div class="px-3 py-2 text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400 border-b border-gray-200 dark:border-gray-700">Verläufe</div>
                 <ul id="threadList" class="overflow-y-auto flex-1 divide-y divide-gray-100 dark:divide-gray-700">
                     <% threads.forEach(function(t) { %>
@@ -90,7 +96,7 @@
             </aside>
 
             <!-- Message area -->
-            <section class="rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 flex flex-col overflow-hidden">
+            <section class="rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 flex flex-col overflow-hidden h-[60vh] md:h-auto">
                 <div id="chatLog" class="flex-1 overflow-y-auto p-4 space-y-3 text-gray-800 dark:text-gray-100">
                     <% if (!messages.length) { %>
                         <div class="h-full flex items-center justify-center text-gray-400 text-sm px-6">