Grotti 3.2.0: Jetzt-Liste, Filament-Pause, Strom-Torte, UI-Polish.

Jetzt/Topbar und Material-Routing, Pause bei Filament-Ende, Druckbericht mit Stromanteilen, Design- und Kamera-Stream-Polish; Bedarf-Alert-Spam und Platte-belegt-Bugs behoben.

web/templates/dateien.html

@@ -18,12 +18,16 @@
 
 <div class="send-layout">
   <section class="card lib-card" id="lib-card">
-    <div class="lib-head">
+    <div class="card-head lib-head">
+      <svg class="ico head-ico"><use href="#i-folder-open"/></svg>
       <h2>Bibliothek</h2>
-      <span class="count" id="lib-count">0</span>
+      <span class="count-pill" id="lib-count">0</span>
     </div>
-    <div class="lib-tools">
-      <input id="file-search" type="search" placeholder="Name, Material, Projekt…" autocomplete="off">
+    <div class="toolbar lib-tools">
+      <div class="search-wrap">
+        <svg class="ico"><use href="#i-search"/></svg>
+        <input id="file-search" type="search" placeholder="Name, Material, Projekt…" autocomplete="off">
+      </div>
       <select id="file-filter-family">
         <option value="">Alle Maschinen</option>
         <option value="kobra_3">Kobra 3</option>
@@ -63,18 +67,18 @@
     </div>
 
     <div class="flow-step" id="step-file">
-      <h3><span class="num-dot">1</span>Datei</h3>
+      <h3><span class="step-num">1</span>Datei</h3>
       <div id="picked"><div class="picked-empty"><svg class="ico"><use href="#i-file"/></svg><span>Datei aus der Bibliothek wählen.</span></div></div>
     </div>
 
     <div class="flow-step" id="step-target">
-      <h3><span class="num-dot">2</span>Drucker</h3>
+      <h3><span class="step-num">2</span>Drucker</h3>
       <div class="targets" id="targets"></div>
       <p class="tiny" id="target-hint"></p>
     </div>
 
     <div class="flow-step ok" data-pane="send" id="step-mode">
-      <h3><span class="num-dot">3</span>Wann</h3>
+      <h3><span class="step-num">3</span>Wann</h3>
       <div class="segmented" id="mode" role="radiogroup">
         <button type="button" data-mode="now" class="on">Jetzt<small>sofort starten</small></button>
         <button type="button" data-mode="free">Wenn frei<small>auf diesem Drucker</small></button>
@@ -83,7 +87,7 @@
     </div>
 
     <div class="flow-step ok" data-pane="ablauf" id="step-ablauf" hidden>
-      <h3><span class="num-dot">3</span>Schritte</h3>
+      <h3><span class="step-num">3</span>Schritte</h3>
       <p class="tiny">Drucken → abkühlen → schieben → Mitte tasten. Kiste vor dem Bett.</p>
       <div id="ablauf-preview" class="ablauf-preview"></div>
       <div class="sweep-preview-wrap" id="sweep-preview-wrap" hidden>