From 41aa560d382e8d785a5008d3c22d272c3a3663b0 Mon Sep 17 00:00:00 2001
From: ochenstarik <victor.trushenko@gmail.com>
Date: Fri, 11 Sep 2026 09:39:10 +0700
Subject: [PATCH] feat(control-center): adapt ControlForbiddenPage styling and
 RU strings

---
 .../pages/ControlForbiddenPage.tsx            | 32 ++++++++++---------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/features/control-center/pages/ControlForbiddenPage.tsx b/src/features/control-center/pages/ControlForbiddenPage.tsx
index e55a408..36d553d 100644
--- a/src/features/control-center/pages/ControlForbiddenPage.tsx
+++ b/src/features/control-center/pages/ControlForbiddenPage.tsx
@@ -1,41 +1,43 @@
 import React from 'react';
 import { NavLink } from 'react-router-dom';
 import { ShieldAlert, ArrowLeft } from 'lucide-react';
+import { RU_UI } from '../locales/ru';
 
 export const ControlForbiddenPage: React.FC = () => {
   return (
-    <div className="min-h-screen bg-[#07130e] text-zinc-100 flex items-center justify-center p-6">
-      <div className="w-full max-w-md rounded-2xl border border-rose-850 bg-[#0d1e17] p-8 text-center space-y-5 shadow-2xl">
-        <div className="w-16 h-16 rounded-2xl bg-rose-950/60 border border-rose-700/50 flex items-center justify-center text-rose-400 mx-auto">
+    <div className="min-h-screen bg-krona-app text-krona-primary flex items-center justify-center p-4 md:p-6 transition-colors duration-200">
+      <div className="w-full max-w-md rounded-2xl border border-rose-500/40 bg-krona-surface p-6 md:p-8 text-center space-y-5 shadow-xl">
+        <div className="w-16 h-16 rounded-2xl bg-rose-500/15 border border-rose-500/30 flex items-center justify-center text-rose-500 mx-auto">
           <ShieldAlert className="w-8 h-8" />
         </div>
 
         <div>
-          <span className="text-xs font-mono font-bold uppercase tracking-widest text-rose-400">
-            HTTP 403 FORBIDDEN
+          <span className="text-xs font-mono font-bold uppercase tracking-widest text-rose-500">
+            HTTP 403 • Доступ ограничен
           </span>
-          <h1 className="text-2xl font-black text-zinc-100 mt-1">Доступ закрыт</h1>
-          <p className="text-xs text-zinc-400 mt-2 leading-relaxed">
-            Раздел Krona Control Center предназначен исключительно для авторизованных системных операторов платформы
-            (Platform Owner / Platform Admin / Support / Billing).
+          <h1 className="text-xl md:text-2xl font-black text-krona-primary mt-1">
+            {RU_UI.forbiddenTitle}
+          </h1>
+          <p className="text-xs text-krona-secondary mt-2 leading-relaxed">
+            {RU_UI.forbiddenDescription}
           </p>
         </div>
 
-        <div className="p-3 rounded-lg bg-zinc-950/60 border border-zinc-800 text-xs text-zinc-400">
-          Если вы оператор демонстрационного стенда, переключитесь на роль платформы в сессионном переключателе или
-          авторизуйтесь через Access Gate.
+        <div className="p-3.5 rounded-xl bg-krona-workspace border border-krona-border text-xs text-krona-secondary">
+          Если вы оператор демонстрационного стенда, переключитесь на роль Владельца или Администратора в сессионном переключателе профиля.
         </div>
 
         <div className="flex flex-col gap-2 pt-2">
           <NavLink
-            to="/"
-            className="w-full py-2.5 px-4 rounded-xl bg-zinc-900 border border-zinc-700 hover:bg-zinc-800 text-zinc-200 text-xs font-semibold flex items-center justify-center gap-2 transition-colors"
+            to="/control"
+            className="w-full min-h-[44px] py-2.5 px-4 rounded-xl bg-amber-500 hover:bg-amber-400 text-zinc-950 text-xs font-bold flex items-center justify-center gap-2 transition-colors shadow-xs"
           >
             <ArrowLeft className="w-4 h-4" />
-            <span>Вернуться в клиентское приложение</span>
+            <span>{RU_UI.forbiddenBack}</span>
           </NavLink>
         </div>
       </div>
     </div>
   );
 };
+