fix: cover admin controls in css themes

backend/bot/app/web/themes/light/style.css

@@ -205,6 +205,42 @@ body:has(.theme-key-light) .install-platform-item[data-selected] {
   color: color-mix(in srgb, var(--accent) 55%, #000000);
 }
 
+/* Admin controls: range sliders and sortable rows */
+
+.theme-key-light .ui-range-input::before {
+  background: rgba(15, 23, 42, 0.12);
+}
+
+.theme-key-light .ui-range-input__range {
+  background: color-mix(in srgb, var(--accent) 70%, #0f172a);
+}
+
+.theme-key-light .ui-range-input__thumb {
+  border-color: color-mix(in srgb, var(--accent) 68%, #0f172a);
+  background: #ffffff;
+  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.18);
+}
+
+.theme-key-light .ui-range-input__thumb:focus-visible {
+  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);
+}
+
+.theme-key-light .ui-sortable-handle {
+  border-radius: 6px;
+  color: color-mix(in srgb, var(--admin-muted) 82%, var(--admin-text));
+}
+
+.theme-key-light .ui-sortable-handle:hover,
+.theme-key-light .ui-sortable-handle:focus-visible {
+  background: rgba(15, 23, 42, 0.055);
+  color: color-mix(in srgb, var(--accent) 58%, #0f172a);
+}
+
+.theme-key-light .ui-sortable-item.is-drop-target {
+  outline-color: color-mix(in srgb, var(--accent) 48%, #0f172a);
+  background: color-mix(in srgb, var(--accent) 8%, #ffffff);
+}
+
 /* Telegram notifications banner: keep the warm warning tint but swap the
  * dark-theme inset bevel for the soft drop shadow the other light cards use. */
 .theme-key-light .telegram-notifications-card {

backend/bot/app/web/themes/light/theme.json

@@ -9,7 +9,7 @@
   "use_primary_accent": true,
   "use_in_admin": true,
   "css_file": "style.css",
-  "assets_version": 4,
+  "assets_version": 5,
   "tokens": {
     "color_scheme": "light"
   }