ui: Info-Icons auf Lucide SVG umgestellt und Tooltip-Styling aufgewertet

- Text-i durch Lucide info SVG ersetzt (alle 6 Stellen)
- CSS-Kreis entfernt (SVG bringt eigenen mit)
- Hover-Farbe auf Accent-Gold statt Text-Secondary
- Tooltip: bg-elevated, font-body, shadow-lg, besseres Spacing
- Konsistent mit AegisSight Design-System (Navy/Gold)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/static/css/style.css

@@ -4864,56 +4864,55 @@ a.map-popup-article:hover {
     background: var(--bg-primary);
 }
 
-/* === Info-Icon Tooltips === */
+/* === Info-Icon Tooltips (Lucide SVG) === */
 .info-icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    width: 15px;
-    height: 15px;
-    border-radius: 50%;
-    border: 1px solid var(--text-disabled);
+    width: 16px;
+    height: 16px;
     color: var(--text-disabled);
-    font-size: 10px;
-    font-weight: 400;
-    font-style: normal;
-    font-family: serif;
-    text-transform: none;
     cursor: help;
-    margin-left: 5px;
+    margin-left: var(--sp-sm);
     position: relative;
     vertical-align: middle;
     flex-shrink: 0;
-    transition: color 0.15s ease, border-color 0.15s ease;
+    transition: color 0.15s ease;
+}
+.info-icon svg {
+    width: 14px;
+    height: 14px;
+    stroke: currentColor;
+    stroke-width: 2;
 }
 .info-icon:hover {
-    color: var(--text-secondary);
-    border-color: var(--text-secondary);
+    color: var(--accent);
 }
 .info-icon::after {
     content: attr(data-tooltip);
     position: absolute;
-    bottom: calc(100% + 8px);
+    bottom: calc(100% + 10px);
     left: 50%;
     transform: translateX(-50%);
-    background: var(--bg-secondary);
+    background: var(--bg-elevated);
     color: var(--text-primary);
-    font-family: inherit;
-    font-size: 12.5px;
+    font-family: var(--font-body);
+    font-size: 12px;
     font-weight: 400;
-    padding: 10px 14px;
+    padding: var(--sp-lg) var(--sp-xl);
     border-radius: var(--radius);
     border: 1px solid var(--border);
     white-space: pre-line;
     width: max-content;
-    max-width: 280px;
-    line-height: 1.4;
+    max-width: 300px;
+    line-height: 1.55;
+    letter-spacing: 0.01em;
     pointer-events: none;
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.15s ease, visibility 0.15s ease;
     z-index: 100;
-    box-shadow: var(--shadow-md);
+    box-shadow: var(--shadow-lg);
 }
 .info-icon:hover::after {
     opacity: 1;
@@ -4922,7 +4921,7 @@ a.map-popup-article:hover {
 /* Tooltip nach unten wenn oben kein Platz (Klasse .tooltip-below) */
 .info-icon.tooltip-below::after {
     bottom: auto;
-    top: calc(100% + 8px);
+    top: calc(100% + 10px);
 }
 
 /* Chat UI-Highlight: Bedienelemente hervorheben */
@@ -5259,3 +5258,53 @@ body.tutorial-active .tutorial-cursor {
     width: 100%;
     display: block;
 }
+
+/* Tutorial Resume Dialog */
+.tutorial-resume-overlay {
+    position: fixed;
+    inset: 0;
+    z-index: 100000;
+    background: rgba(0,0,0,0.6);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    backdrop-filter: blur(2px);
+}
+.tutorial-resume-dialog {
+    background: var(--bg-card);
+    color: var(--text-primary);
+    border: 2px solid var(--accent);
+    border-radius: var(--radius);
+    padding: 28px 32px;
+    max-width: 420px;
+    box-shadow: 0 8px 32px rgba(0,0,0,0.3);
+    text-align: center;
+}
+.tutorial-resume-dialog p {
+    margin: 0 0 20px;
+    font-size: 1rem;
+    line-height: 1.5;
+}
+.tutorial-resume-actions {
+    display: flex;
+    gap: 12px;
+    justify-content: center;
+}
+.tutorial-resume-actions .tutorial-btn {
+    border: 1px solid var(--accent);
+    transition: background 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.tutorial-resume-actions .tutorial-btn-next:hover {
+    background: var(--accent-hover);
+    box-shadow: 0 0 0 2px rgba(150, 121, 26, 0.25);
+}
+.tutorial-btn-secondary {
+    background: transparent;
+    color: var(--text-secondary);
+    border: 1px solid var(--accent);
+}
+.tutorial-btn-secondary:hover {
+    background: var(--bg-hover);
+    color: var(--text-primary);
+    box-shadow: 0 0 0 2px rgba(150, 121, 26, 0.25);
+}