diff --git a/extension/src/PopupInner.vue b/extension/src/PopupInner.vue
index 0ddcb5b..41b2109 100644
--- a/extension/src/PopupInner.vue
+++ b/extension/src/PopupInner.vue
@@ -207,8 +207,9 @@
 
 <template>
   <div class="popup">
-    <header class="popup-header">
-      <i class="ph ph-squares-four" aria-hidden="true" />
+    <!-- на экране подключения бренд-блок из login-brand (шапка не дублируется) -->
+    <header v-if="screen !== 'loggedOut'" class="popup-header">
+      <span class="brand-mark"><i class="ph ph-squares-four" aria-hidden="true" /></span>
       <span class="app-name">GNexus Tasks</span>
       <GnIconButton
         v-if="screen === 'ready'"
@@ -228,9 +229,13 @@
 
     <!-- Нет токена: вставить MCP-токен из Настроек сервиса -->
     <div v-if="screen === 'loggedOut'" class="login">
+      <div class="login-brand">
+        <span class="brand-mark lg"><i class="ph ph-squares-four" aria-hidden="true" /></span>
+        <span class="login-brand-name">GNexus Tasks</span>
+      </div>
       <p class="muted">
-        Подключите расширение к GNexus Tasks — нужен MCP-токен из
-        «Настроек → Токены MCP».
+        Подключите расширение — нужен MCP-токен из «Настроек → Токены MCP»
+        сервиса.
       </p>
       <GnInput
         v-model="tokenDraft"
@@ -359,26 +364,40 @@
 .popup {
   width: 380px;
   min-height: 200px;
-  background: #16161e;
-  color: #c0caf5;
+  background: var(--gn-surface-page, #16161e);
+  color: var(--gn-color-text-light, #c0caf5);
 }
 .popup-header {
   display: flex;
   align-items: center;
   gap: 0.5rem;
-  padding: 0.6rem 0.75rem;
-  border-bottom: 1px solid #1f2335;
+  padding: var(--gn-space-2, 8px) var(--gn-space-3, 12px);
+  border-bottom: 2px solid var(--gn-border-color-muted, rgba(192, 202, 245, 0.24));
+}
+.brand-mark {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 26px;
+  height: 26px;
+  border: 2px solid var(--gn-color-secondary, #7aa2f7);
+  border-left-width: 6px;
+  border-radius: 3px;
+  color: var(--gn-color-secondary, #7aa2f7);
+  background: var(--gn-surface-panel, #1f2335);
+  font-size: 15px;
+}
+.brand-mark.lg {
+  width: 40px;
+  height: 40px;
+  font-size: 24px;
 }
 .app-name {
-  font-weight: 600;
+  font-weight: 700;
   margin-right: auto;
 }
-.who {
-  padding: 0.25rem 0.75rem 0;
-  font-size: 0.8rem;
-}
 .muted {
-  color: #787c99;
+  color: var(--gn-color-text-dark, #787c99);
 }
 .login {
   display: flex;
@@ -387,6 +406,16 @@
   gap: 0.6rem;
   padding: 0.75rem;
 }
+.login-brand {
+  display: flex;
+  gap: 0.6rem;
+  align-items: center;
+  margin-bottom: 0.25rem;
+}
+.login-brand-name {
+  font-weight: 700;
+  font-size: 1.1rem;
+}
 .login-links {
   display: flex;
   flex-direction: column;
@@ -399,7 +428,7 @@
   flex-direction: column;
   gap: 0.4rem;
   padding: 0.75rem;
-  border-bottom: 1px solid #1f2335;
+  border-bottom: 2px solid var(--gn-border-color-muted, rgba(192, 202, 245, 0.24));
 }
 .popup-tabs {
   margin: 0.5rem 0.75rem 0;
@@ -440,22 +469,28 @@
   align-items: center;
   gap: 0.35rem;
   text-align: left;
-  background: #1f2335;
-  border: 1px solid transparent;
+  background: var(--gn-surface-panel, #1f2335);
+  border: 2px solid var(--gn-border-color-muted, rgba(192, 202, 245, 0.24));
+  border-radius: 3px;
   color: inherit;
   font: inherit;
   padding: 0.45rem 0.6rem;
   cursor: pointer;
 }
 .task-row:hover {
-  border-color: #414868;
+  border-color: var(--gn-color-secondary, #7aa2f7);
 }
 .task-title {
   margin-right: auto;
 }
 .overdue {
   font-size: 0.75em;
-  color: #f7768e;
+  color: var(--gn-color-error, #f7768e);
+}
+.who {
+  padding: 0.25rem 0.75rem 0;
+  font-size: 0.8rem;
+  color: var(--gn-color-text-dark, #787c99);
 }
 .pop-enter-active {
   animation: check-pop 0.4s ease-out;
@@ -464,7 +499,7 @@
   display: flex;
   align-items: center;
   gap: 0.4rem;
-  color: #9ece6a;
+  color: var(--gn-color-success, #9ece6a);
 }
 .done i {
   font-size: 1.4em;
diff --git a/extension/src/popup.css b/extension/src/popup.css
index e1a999c..8bb43b7 100644
--- a/extension/src/popup.css
+++ b/extension/src/popup.css
@@ -1,12 +1,13 @@
-/* Попап: тёмная тема кита (Tokyo Night), ширина типового попапа */
+/* Попап: тёмная тема кита через публичные токены --gn-* (kit 1.0.0),
+   ширина типового попапа */
 body {
   width: 380px;
   margin: 0;
-  background: #16161e;
-  color: #c0caf5;
-  font-family: "IBM Plex Mono", monospace;
-  font-size: 14px;
-  line-height: 1.5;
+  background: var(--gn-surface-page, #16161e);
+  color: var(--gn-color-text-light, #c0caf5);
+  font-family: var(--gn-font-family-base, "IBM Plex Mono", monospace);
+  font-size: var(--gn-font-size-base, 14px);
+  line-height: var(--gn-line-height-normal, 1.4);
 }
 #app {
   min-height: 180px;
@@ -14,13 +15,5 @@
 button {
   font-family: inherit;
 }
-
-/* Типовые тосты кита перекрывают сплошной фон полупрозрачным тинтом
-   (.toast-success/info: rgba(...,.18)) — поверх тёмного попапа нечитабельны.
-   Селектор тот же (специфичность кита), порядок — popup.css после kit.css */
-.toast-success,
-.toast-info,
-.toast-warning,
-.toast-error {
-  background: #1f2335;
-}
\ No newline at end of file
+/* Тосты кита с 1.0.0 сплошные (панель + цветная левая кромка) — прежний
+   фикс «тинт поверх сплошного фона» больше не нужен */
\ No newline at end of file