From 69c261cc8f3c8e1a965bcc7993394d2a7bf73f04 Mon Sep 17 00:00:00 2001
From: root <root@whpoejrmfc.local>
Date: Wed, 22 Jul 2026 08:41:48 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20SMS=20city=20profiles=20=E2=80=94=20?=
 =?UTF-8?q?=D0=BA=D0=BE=D0=BD=D1=82=D1=80=D0=B0=D1=81=D1=82=20=D1=86=D0=B2?=
 =?UTF-8?q?=D0=B5=D1=82=D0=BE=D0=B2=20=D0=B4=D0=BB=D1=8F=20=D1=81=D0=B2?=
 =?UTF-8?q?=D0=B5=D1=82=D0=BB=D0=BE=D0=B9=20=D0=B8=20=D1=82=D1=91=D0=BC?=
 =?UTF-8?q?=D0=BD=D0=BE=D0=B9=20=D1=82=D0=B5=D0=BC=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Внешние карточки: --color-surface (полупрозрачный, виден на фоне)
- Внутренние блоки: --color-surface-strong (непрозрачный, контраст)
- Inputs/select: --color-base (отличается от карточек)
- Option элементы: явный bg + color для тёмной темы
- Светлая: карточки голубовато-зелёные, внутри — белые блоки
- Тёмная: карточки чуть светлее фона, внутри — ещё светлее
---
 src/components/admin/SmsCityProfilesPanel.jsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/admin/SmsCityProfilesPanel.jsx b/src/components/admin/SmsCityProfilesPanel.jsx
index d571a8d..9868ea0 100644
--- a/src/components/admin/SmsCityProfilesPanel.jsx
+++ b/src/components/admin/SmsCityProfilesPanel.jsx
@@ -165,8 +165,8 @@ export const SmsCityProfilesPanel = () => {
     </div>
   );
 
-  const inputCls = "w-full rounded-lg border border-[var(--color-border)] bg-[var(--color-surface-strong)] px-3 py-2 text-sm text-[var(--color-text)] placeholder:text-[var(--color-text-muted)]";
-  const cardCls = "rounded-xl border border-[var(--color-border)] bg-[var(--color-surface-strong)] p-4 space-y-3";
+  const inputCls = "w-full rounded-lg border border-[var(--color-border)] bg-[var(--color-base)] px-3 py-2 text-sm text-[var(--color-text)] placeholder:text-[var(--color-text-muted)]";
+  const cardCls = "rounded-xl border border-[var(--color-border)] bg-[var(--color-base)] p-4 space-y-3";
 
   return (
     <div className="space-y-4">
@@ -213,7 +213,7 @@ export const SmsCityProfilesPanel = () => {
                 className={`${inputCls} disabled:opacity-50`}
               >
                 {CRIMEAN_CITIES.map((c) => (
-                  <option key={c} value={c}>{c}</option>
+                  <option key={c} value={c} style={{ backgroundColor: "var(--color-dropdown-surface)", color: "var(--color-text)" }}>{c}</option>
                 ))}
               </select>
             </div>
@@ -341,7 +341,7 @@ export const SmsCityProfilesPanel = () => {
         ) : (
           <div className="space-y-3">
             {profiles.map((p) => (
-              <div key={p.id} className="rounded-xl border border-[var(--color-border)] bg-[var(--color-surface-strong)] p-4 space-y-3">
+              <div key={p.id} className="rounded-xl border border-[var(--color-border)] bg-[var(--color-surface)] p-4 space-y-3">
                 {/* Header row */}
                 <div className="flex items-center justify-between gap-2">
                   <div className="flex items-center gap-3">
@@ -374,7 +374,7 @@ export const SmsCityProfilesPanel = () => {
                 {/* Config grid */}
                 <div className="grid gap-2 sm:grid-cols-2">
                   {/* Delivery */}
-                  <div className="rounded-lg border border-[var(--color-border)] bg-[var(--color-surface)] p-3 space-y-1.5">
+                  <div className="rounded-lg border border-[var(--color-border)] bg-[var(--color-surface-strong)] p-3 space-y-1.5">
                     <div className="flex items-center gap-2 flex-wrap">
                       <span className="text-xs font-medium text-[var(--color-text)]">📦 Доставка</span>
                       <ModeBadge mode={p.delivery_mode} />
@@ -384,7 +384,7 @@ export const SmsCityProfilesPanel = () => {
                     )}
                   </div>
                   {/* Pickup */}
-                  <div className="rounded-lg border border-[var(--color-border)] bg-[var(--color-surface)] p-3 space-y-1.5">
+                  <div className="rounded-lg border border-[var(--color-border)] bg-[var(--color-surface-strong)] p-3 space-y-1.5">
                     <div className="flex items-center gap-2 flex-wrap">
                       <span className="text-xs font-medium text-[var(--color-text)]">🏪 Самовывоз</span>
                       <ModeBadge mode={p.pickup_mode} />