From b680e3f61c46da4d206e45225caab35012778934 Mon Sep 17 00:00:00 2001
From: Maciej Pienczyn <maciej.pienczyn@inpi.pl>
Date: Fri, 30 Jan 2026 14:21:19 +0100
Subject: [PATCH] style: Sprint 3 - Chat page + Fluent CSS niebieski primary
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Zmiany graficzne:
- chat.html: wszystkie #7c3aed → #2E4872
- chat.html: wszystkie #5b21b6 → #1e3050
- fluent-nordabiz.css: zmienne Fluent na NordaBiz blue
- Sidebar, header, avatary, input focus, send button - niebieski

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 static/css/fluent-nordabiz.css |  8 ++++----
 templates/chat.html            | 34 +++++++++++++++++-----------------
 2 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/static/css/fluent-nordabiz.css b/static/css/fluent-nordabiz.css
index fdd0b9a..0e0a5e8 100644
--- a/static/css/fluent-nordabiz.css
+++ b/static/css/fluent-nordabiz.css
@@ -7,10 +7,10 @@
  * BRAND COLOR OVERRIDES (NordaBiz Blue instead of Microsoft Blue)
  * ============================================================ */
 :root {
-    --fluent-primary: #2563eb;
-    --fluent-primary-hover: #1e40af;
-    --fluent-primary-pressed: #1e3a8a;
-    --fluent-primary-light: #eff6ff;
+    --fluent-primary: #2E4872;
+    --fluent-primary-hover: #1e3050;
+    --fluent-primary-pressed: #162438;
+    --fluent-primary-light: #EDF0F5;
 }
 
 /* ============================================================
diff --git a/templates/chat.html b/templates/chat.html
index 6564557..23f8f91 100755
--- a/templates/chat.html
+++ b/templates/chat.html
@@ -66,7 +66,7 @@
     .new-chat-btn {
         width: 100%;
         padding: var(--spacing-md);
-        background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
+        background: linear-gradient(135deg, #1e3050 0%, #2E4872 100%);
         color: white;
         border: none;
         border-radius: var(--radius-lg);
@@ -191,7 +191,7 @@
         align-items: center;
         justify-content: space-between;
         padding: var(--spacing-md) var(--spacing-lg);
-        background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
+        background: linear-gradient(135deg, #1e3050 0%, #2E4872 100%);
         color: white;
         position: relative;
         z-index: 50;
@@ -258,7 +258,7 @@
     }
 
     .message.assistant .message-avatar {
-        background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
+        background: linear-gradient(135deg, #1e3050 0%, #2E4872 100%);
         color: white;
     }
 
@@ -298,7 +298,7 @@
     }
 
     .thinking-badge-level {
-        color: #7c3aed;
+        color: #2E4872;
         font-weight: 500;
     }
 
@@ -355,7 +355,7 @@
     /* 💬 Linki do FORUM - fioletowy */
     .message-content a.forum-link {
         background: #f5f3ff;
-        color: #7c3aed;
+        color: #2E4872;
     }
     .message-content a.forum-link:hover {
         background: #ede9fe;
@@ -439,7 +439,7 @@
         width: 8px;
         height: 8px;
         border-radius: 50%;
-        background: #7c3aed;
+        background: #2E4872;
         animation: typingBounce 1.4s infinite;
     }
 
@@ -494,8 +494,8 @@
     }
 
     .suggestion-chip:hover {
-        border-color: #7c3aed;
-        color: #7c3aed;
+        border-color: #2E4872;
+        color: #2E4872;
         background: #f5f3ff;
     }
 
@@ -529,13 +529,13 @@
 
     .chat-input:focus {
         outline: none;
-        border-color: #7c3aed;
+        border-color: #2E4872;
         box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
     }
 
     .send-btn {
         padding: var(--spacing-md) var(--spacing-lg);
-        background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
+        background: linear-gradient(135deg, #1e3050 0%, #2E4872 100%);
         color: white;
         border: none;
         border-radius: var(--radius-lg);
@@ -672,7 +672,7 @@
 
     .thinking-dropdown-header strong {
         display: block;
-        color: #5b21b6;
+        color: #1e3050;
         font-size: var(--font-size-sm);
         margin-bottom: 4px;
     }
@@ -700,7 +700,7 @@
 
     .thinking-option.active {
         background: #f5f3ff;
-        border-left: 3px solid #7c3aed;
+        border-left: 3px solid #2E4872;
     }
 
     .thinking-option-header {
@@ -723,7 +723,7 @@
     .thinking-option-badge {
         font-size: 10px;
         padding: 2px 6px;
-        background: #7c3aed;
+        background: #2E4872;
         color: white;
         border-radius: var(--radius-sm);
         font-weight: 500;
@@ -924,7 +924,7 @@
     }
 
     .model-name {
-        background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
+        background: linear-gradient(135deg, #1e3050 0%, #2E4872 100%);
         color: white;
         padding: var(--spacing-sm) var(--spacing-md);
         border-radius: var(--radius);
@@ -1011,7 +1011,7 @@
     }
 
     .timeline-item.current::before {
-        background: #7c3aed;
+        background: #2E4872;
         box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.2);
     }
 
@@ -1045,7 +1045,7 @@
     }
 
     .timeline-badge.upgrade {
-        background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
+        background: linear-gradient(135deg, #1e3050 0%, #2E4872 100%);
         color: white;
     }
 
@@ -1192,7 +1192,7 @@
     }
 
     .video-help-tips li strong {
-        color: #5b21b6;
+        color: #1e3050;
     }
 
     @media (max-width: 768px) {