Branding customization

app/templates/base.html

@@ -4,7 +4,8 @@
   <meta charset="UTF-8"/>
   <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
   <meta name="csrf-token" content="{{ csrf_token() }}"/>
-  <title>{% block title %}IT Helpdesk{% endblock %} — TechDesk</title>
+  <title>{% block title %}IT Helpdesk{% endblock %} — {{ branding.app_name }}</title>
+  <style>:root { --accent: {{ branding.primary_color }}; --accent-h: {{ branding.primary_color }}; }</style>
   <link rel="preconnect" href="https://fonts.googleapis.com"/>
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
   <link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap" rel="stylesheet"/>
@@ -282,10 +283,16 @@
 <!-- ── Sidebar ── -->
 <nav id="sidebar">
   <div class="brand">
-    <div class="logo">TD</div>
+    {% if branding.logo_stored_name %}
+    <img src="{{ url_for('auth.serve_logo', filename=branding.logo_stored_name) }}"
+         alt="{{ branding.app_name }}"
+         style="width:36px;height:36px;border-radius:8px;object-fit:contain;flex-shrink:0;background:#fff;padding:2px;"/>
+    {% else %}
+    <div class="logo">{{ branding.logo_initials[:2] }}</div>
+    {% endif %}
     <div>
-      <h1>TechDesk</h1>
-      <small>IT Helpdesk System</small>
+      <h1>{{ branding.app_name }}</h1>
+      <small>{{ branding.app_subtitle }}</small>
     </div>
   </div>