v1.4 — день/ночь в Управление, кнопка подтверждения, комбо текст+микрофон

public/style.css

@@ -1,8 +1,7 @@
-/* === Nubes Design — точь-в-точь как ipwhitelist === */
 :root {
   --bg: #f5f5f5; --card: #fff; --text: #1a1a1a; --muted: #6b7280;
   --border: #d1d5db; --grey-light: #f3f4f6;
-  --blue: #2563eb; --blue-h: #1d4ed8;
+  --blue: #2563eb; --blue-h: #1d4ed8; --green: #16a34a; --green-h: #15803d;
 }
 
 * { box-sizing: border-box; margin: 0; padding: 0; }
@@ -22,7 +21,6 @@ body {
 .main { flex: 1; min-width: 0; }
 .side { width: 272px; flex-shrink: 0; }
 
-/* Cards */
 .card {
   background: var(--card); border: 1px solid var(--border);
   border-radius: 12px; box-shadow: 0 1px 2px rgba(0,0,0,.04);
@@ -36,12 +34,12 @@ body {
 
 .status { font-size: .85rem; color: var(--muted); margin-top: .5rem; min-height: 1.2rem; }
 
-/* Buttons */
 .btn {
   display: inline-flex; align-items: center; gap: .35rem;
   padding: .5rem 1rem; border: 1px solid var(--border);
   border-radius: 6px; font-size: .85rem; font-weight: 500;
-  background: #fff; cursor: pointer; transition: background .15s;
+  background: #fff; color: var(--text); cursor: pointer;
+  transition: background .15s, opacity .15s;
   white-space: nowrap; font-family: inherit;
 }
 .btn:hover { background: var(--grey-light); }
@@ -63,16 +61,16 @@ body {
 /* History */
 .hitem { padding: 6px 8px; border-radius: 4px; cursor: pointer; margin-bottom: 3px; font-size: .8rem; color: var(--muted); }
 .hitem:hover { background: var(--grey-light); }
-.hq { display: block; }
 
-/* ===== ТЁМНАЯ ===== */
+/* DARK */
 body.dark {
   --bg: #0f0f1a; --card: #18182a; --text: #e0e0e0; --muted: #888;
   --border: #2a2a40; --grey-light: #1e1e30;
 }
-body.dark header { background: var(--card) !important; border-color: var(--border) !important; }
-body.dark .msg.user { background: #0a1e2e; border-color: #1e3a5f; color: #93c5fd; }
-body.dark .msg.bot { background: var(--grey-light); border-color: var(--border); color: #d0d0f0; }
+body.dark header { background: var(--card) !important; border-color: var(--border) !important; color: var(--muted) !important; }
+body.dark header b { color: var(--text) !important; }
+body.dark .msg.user { background: #0a1e2e; border: 1px solid #1e3a5f; color: #93c5fd; }
+body.dark .msg.bot { background: var(--grey-light); border: 1px solid var(--border); color: #d0d0f0; }
 body.dark .msg b { color: #fff; }
 body.dark .msg code { background: #2a2a44; color: #f8c291; }
 body.dark .btn { background: var(--card); color: var(--text); }