diff --git a/client/src/components/TaskKanban.tsx b/client/src/components/TaskKanban.tsx
index dd77102..7b904d6 100644
--- a/client/src/components/TaskKanban.tsx
+++ b/client/src/components/TaskKanban.tsx
@@ -12,6 +12,7 @@ import { Settings2, Plus, Calendar, User, Clock, AlertCircle, Search, X as XIcon
 import { useAuth } from '@/hooks/useAuth';
 import ContractNumberDisplay from '@/components/ContractNumberDisplay';
 import { resolveFieldDisplayValue, type FieldDisplayContext } from '@/lib/fieldDisplay';
+import { statusBadgeStyle } from '@/lib/statusColor';
 import {
   DndContext,
   closestCenter,
@@ -708,10 +709,10 @@ const TaskKanban = ({ tasks, relatedTaskTitles = {}, fields, statuses, users = [
                 {task.title}
               </button>
               {visibleCardFields.status && status && (
-                <Badge 
-                  variant="secondary" 
+                <Badge
+                  variant="secondary"
                   className="text-xs shrink-0"
-                  style={{ backgroundColor: status.color + '20', color: status.color }}
+                  style={statusBadgeStyle(status.color)}
                   data-testid={`badge-card-status-${task.id}`}
                 >
                   {status.name}
diff --git a/client/src/components/TaskRegistry.tsx b/client/src/components/TaskRegistry.tsx
index 8ea6fb4..5e56f0c 100644
--- a/client/src/components/TaskRegistry.tsx
+++ b/client/src/components/TaskRegistry.tsx
@@ -10,6 +10,7 @@ import { Label } from '@/components/ui/label';
 import { Settings2, Calendar, User, Search, X as XIcon, Paperclip, AlertCircle, CheckCircle2, GripVertical } from 'lucide-react';
 import { type ColumnSort } from '@/hooks/useColumnFilters';
 import { resolveFieldDisplayValue, type FieldDisplayContext } from '@/lib/fieldDisplay';
+import { statusBadgeStyle } from '@/lib/statusColor';
 import {
   DndContext,
   closestCenter,
@@ -582,8 +583,8 @@ const TaskRegistry = ({ tasks, relatedTaskTitles = {}, fields, statuses, users =
     if (!status) return <Badge variant="secondary">Неизвестно</Badge>;
     
     return (
-      <Badge 
-        style={{ backgroundColor: status.color, color: '#fff' }}
+      <Badge
+        style={statusBadgeStyle(status.color)}
         data-testid={`badge-status-${statusId}`}
       >
         {status.name}
@@ -1080,6 +1081,7 @@ const TaskRegistry = ({ tasks, relatedTaskTitles = {}, fields, statuses, users =
                               </button>
                             ) : REGISTRY_INLINE_TYPES.has(field.type) ? (
                               <InlineField
+                                ariaLabel={field.name}
                                 readView={
                                   <span className="text-sm">
                                     {displayFieldValue(field, rawValue, displayContext) || <span className="text-muted-foreground">—</span>}
diff --git a/client/src/components/TaskRegularTable.tsx b/client/src/components/TaskRegularTable.tsx
index 198ac7a..b7d4b9f 100644
--- a/client/src/components/TaskRegularTable.tsx
+++ b/client/src/components/TaskRegularTable.tsx
@@ -425,6 +425,7 @@ export default function TaskRegularTable({ taskId, tabId, columns, readOnly = fa
                           />
                         ) : (
                           <InlineField
+                            ariaLabel={col.name}
                             readView={
                               <div className="min-h-[24px] flex items-center px-0.5 truncate cursor-pointer">
                                 {cellValue === '__auto_prolongation__'
diff --git a/client/src/components/fields/InlineField.tsx b/client/src/components/fields/InlineField.tsx
index d47296a..890707d 100644
--- a/client/src/components/fields/InlineField.tsx
+++ b/client/src/components/fields/InlineField.tsx
@@ -39,6 +39,8 @@ export interface InlineFieldProps {
   closeOnClickOutside?: boolean;
   /** Активировать редактирование по одиночному клику (по умолчанию false — только double-click). */
   activateOnClick?: boolean;
+  /** Доступное имя для скринридера (например, название поля/колонки). */
+  ariaLabel?: string;
 }
 
 export function InlineField({
@@ -57,6 +59,7 @@ export function InlineField({
   allowInteractiveReadView = true,
   closeOnClickOutside = true,
   activateOnClick = false,
+  ariaLabel,
 }: InlineFieldProps) {
   const containerRef = useRef<HTMLDivElement>(null);
   const [internalEditing, setInternalEditing] = useState(false);
@@ -111,6 +114,19 @@ export function InlineField({
     [allowInteractiveReadView, enterEdit]
   );
 
+  // Клавиатурный доступ к read-view: Enter/Space открывают редактор
+  const handleKeyDown = useCallback(
+    (e: React.KeyboardEvent) => {
+      if (isEditing) return;
+      if (e.key !== 'Enter' && e.key !== ' ') return;
+      if (allowInteractiveReadView && isInteractiveTarget(e.target)) return;
+      e.preventDefault();
+      e.stopPropagation();
+      enterEdit();
+    },
+    [isEditing, allowInteractiveReadView, enterEdit]
+  );
+
   // Закрытие по клику вне + игнорирование Radix-порталов
   useEffect(() => {
     if (!isEditing || !closeOnClickOutside) return;
@@ -138,10 +154,18 @@ export function InlineField({
   return (
     <div
       ref={containerRef}
-      className={cn('relative inline-flex max-w-full', className)}
+      className={cn(
+        'relative inline-flex max-w-full rounded-sm',
+        editable && !isEditing && 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
+        className
+      )}
       onClick={handleClick}
       onDoubleClick={handleDoubleClick}
       onTouchEnd={handleTouchEnd}
+      onKeyDown={handleKeyDown}
+      tabIndex={editable && !isEditing ? 0 : undefined}
+      role={editable && !isEditing ? 'button' : undefined}
+      aria-label={editable && !isEditing ? ariaLabel : undefined}
     >
       {readView}
       {isEditing && (
diff --git a/client/src/components/ui/button.tsx b/client/src/components/ui/button.tsx
index d6e01b2..f50ec39 100644
--- a/client/src/components/ui/button.tsx
+++ b/client/src/components/ui/button.tsx
@@ -5,7 +5,7 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "@/lib/utils"
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-[color,background-color,border-color,box-shadow,transform] duration-150 active:not-disabled:scale-[0.96] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
diff --git a/client/src/index.css b/client/src/index.css
index b984763..c3a1f55 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -37,6 +37,13 @@
   --status-overdue: hsl(0 70% 55%);
   --status-paused: hsl(220 5% 60%);
 
+  --warning: hsl(48 96% 89%);
+  --warning-foreground: hsl(25 83% 31%);
+  --success: hsl(141 84% 93%);
+  --success-foreground: hsl(142 72% 24%);
+  --info: hsl(214 95% 93%);
+  --info-foreground: hsl(224 71% 40%);
+
   --chart-1: hsl(220 10% 25%);
   --chart-2: hsl(142 50% 45%);
   --chart-3: hsl(45 90% 50%);
@@ -101,6 +108,13 @@
   --status-overdue: hsl(0 70% 60%);
   --status-paused: hsl(220 5% 55%);
 
+  --warning: hsl(32 92% 14%);
+  --warning-foreground: hsl(43 96% 56%);
+  --success: hsl(144 80% 10%);
+  --success-foreground: hsl(142 71% 58%);
+  --info: hsl(224 64% 21%);
+  --info-foreground: hsl(213 97% 81%);
+
   --chart-1: hsl(220 5% 70%);
   --chart-2: hsl(142 50% 55%);
   --chart-3: hsl(45 90% 55%);
diff --git a/client/src/lib/statusColor.ts b/client/src/lib/statusColor.ts
new file mode 100644
index 0000000..3d9a468
--- /dev/null
+++ b/client/src/lib/statusColor.ts
@@ -0,0 +1,59 @@
+/**
+ * Подбор контрастного цвета текста для произвольного фона (цвет статуса, кнопки перехода).
+ * Считаем относительную яркость фона (WCAG) и выбираем из белого/тёмного тот,
+ * который даёт бо́льший коэффициент контраста.
+ */
+
+function parseColorToRgb(color: string): { r: number; g: number; b: number } | null {
+  const c = color.trim();
+  // #rgb / #rrggbb / #rrggbbaa
+  const hexMatch = c.match(/^#([0-9a-f]{3,8})$/i);
+  if (hexMatch) {
+    let h = hexMatch[1];
+    if (h.length === 3 || h.length === 4) {
+      h = h.slice(0, 3).split('').map((ch) => ch + ch).join('');
+    }
+    if (h.length >= 6) {
+      return {
+        r: parseInt(h.slice(0, 2), 16),
+        g: parseInt(h.slice(2, 4), 16),
+        b: parseInt(h.slice(4, 6), 16),
+      };
+    }
+    return null;
+  }
+  // rgb() / rgba()
+  const rgbMatch = c.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);
+  if (rgbMatch) {
+    return { r: Number(rgbMatch[1]), g: Number(rgbMatch[2]), b: Number(rgbMatch[3]) };
+  }
+  return null;
+}
+
+function relativeLuminance(r: number, g: number, b: number): number {
+  const channel = (v: number) => {
+    const s = v / 255;
+    return s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4);
+  };
+  return 0.2126 * channel(r) + 0.7152 * channel(g) + 0.0722 * channel(b);
+}
+
+const DARK_TEXT = '#111827';
+const LIGHT_TEXT = '#ffffff';
+// Яркость тёмного текста (для расчёта контраста)
+const DARK_TEXT_LUMINANCE = 0.011;
+
+/** Возвращает '#111827' или '#ffffff' — вариант с наибольшим контрастом к фону. */
+export function getContrastTextColor(bgColor: string): string {
+  const rgb = parseColorToRgb(bgColor);
+  if (!rgb) return LIGHT_TEXT;
+  const l = relativeLuminance(rgb.r, rgb.g, rgb.b);
+  const contrastWithLight = 1.05 / (l + 0.05);
+  const contrastWithDark = (l + 0.05) / (DARK_TEXT_LUMINANCE + 0.05);
+  return contrastWithDark >= contrastWithLight ? DARK_TEXT : LIGHT_TEXT;
+}
+
+/** Стиль бейджа статуса: сплошная заливка цветом статуса + гарантированно читаемый текст. */
+export function statusBadgeStyle(color: string): { backgroundColor: string; color: string } {
+  return { backgroundColor: color, color: getContrastTextColor(color) };
+}
diff --git a/client/src/pages/TaskDetail.tsx b/client/src/pages/TaskDetail.tsx
index 31563c0..a0d2647 100644
--- a/client/src/pages/TaskDetail.tsx
+++ b/client/src/pages/TaskDetail.tsx
@@ -20,6 +20,7 @@ import { format } from 'date-fns';
 import { formatOrg, parseOrgDateTime } from '@/lib/timezone';
 import { addFileToken, openFilePresigned } from '@/lib/fileUtils';
 import { normalizeSelectOptions, getSelectOptionLabel } from '@/lib/fieldOptions';
+import { statusBadgeStyle, getContrastTextColor } from '@/lib/statusColor';
 import { SearchableMultiSelect } from '@/components/fields/SearchableMultiSelect';
 import TaskChat from '../components/TaskChat';
 import { JsComponentRenderer } from '@/components/tabs/JsComponentRenderer';
@@ -236,12 +237,12 @@ function LinkedTaskDisplay({ linkedFormId, taskId, relationType }: { linkedFormI
         </span>
       </Link>
       {relationType === 'parent' && (
-        <span className="inline-flex items-center px-1.5 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-200">
+        <span className="inline-flex items-center px-1.5 py-0.5 rounded text-xs font-medium bg-muted text-muted-foreground">
           Родитель
         </span>
       )}
       {relationType === 'child' && (
-        <span className="inline-flex items-center px-1.5 py-0.5 rounded text-xs font-medium bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-200">
+        <span className="inline-flex items-center px-1.5 py-0.5 rounded text-xs font-medium bg-muted text-muted-foreground">
           Дочерняя
         </span>
       )}
@@ -505,7 +506,7 @@ function FileFieldRow({
       toast({ title: 'Файл загружен', description: uploaded.name });
     } catch (err: unknown) {
       if (err instanceof OfflineQueuedError) return;
-      const msg = err instanceof Error ? err.message : 'Неизвестная ошибка';
+      const msg = err instanceof Error ? err.message : 'Не удалось загрузить файл. Проверьте соединение и попробуйте ещё раз.';
       toast({ title: 'Ошибка загрузки', description: msg, variant: 'destructive' });
     } finally {
       setIsUploading(false);
@@ -525,7 +526,7 @@ function FileFieldRow({
       toast({ title: 'Файл удалён' });
     } catch (err: unknown) {
       if (err instanceof OfflineQueuedError) return;
-      const msg = err instanceof Error ? err.message : 'Неизвестная ошибка';
+      const msg = err instanceof Error ? err.message : 'Не удалось удалить файл. Проверьте соединение и попробуйте ещё раз.';
       toast({ title: 'Ошибка удаления', description: msg, variant: 'destructive' });
     }
   };
@@ -590,7 +591,7 @@ function FileFieldRow({
                     )}
                     <button
                       onClick={() => handleRemoveFile(idx)}
-                      className="opacity-0 group-hover/file:opacity-100 transition-opacity text-muted-foreground hover:text-destructive"
+                      className="inline-flex items-center justify-center w-6 h-6 rounded relative after:absolute after:-inset-1 after:content-[''] md:opacity-0 md:group-hover/file:opacity-100 transition-opacity text-muted-foreground hover:text-destructive"
                       title="Удалить файл"
                       data-testid={`file-clear-${field.code}-${idx}`}
                     >
@@ -884,7 +885,7 @@ function FieldValueRow({
       }
       // Ошибка сохранения — откатываем optimistic-значение перезапросом детали
       queryClient.invalidateQueries({ queryKey: ['/api/tasks', taskId, 'detail'] });
-      const msg = err instanceof Error ? err.message : 'Неизвестная ошибка';
+      const msg = err instanceof Error ? err.message : 'Не удалось сохранить. Проверьте соединение и попробуйте ещё раз.';
       toast({ title: 'Ошибка сохранения', description: msg, variant: 'destructive' });
     }
   };
@@ -902,18 +903,18 @@ function FieldValueRow({
       const isError = result === FORMULA_ERROR || isCircular;
       return (
         <span
-          className="rounded px-1.5 py-0.5 text-sm font-mono bg-yellow-50 dark:bg-yellow-950/30 border border-yellow-200 dark:border-yellow-800 inline-flex items-center gap-1"
+          className={cn(
+            'rounded px-1.5 py-0.5 text-sm font-mono border inline-flex items-center gap-1',
+            isError ? 'bg-warning border-warning-foreground/30 text-warning-foreground' : 'bg-muted border-border'
+          )}
           data-testid={`text-custom-field-${field.code}`}
         >
-          {isCircular ? (
+          {isError ? (
             <span
-              className="text-orange-600 dark:text-orange-400"
-              title="Циклическая зависимость: это поле формулы ссылается само на себя через цепочку других формул"
+              title={isCircular ? 'Циклическая зависимость: это поле формулы ссылается само на себя через цепочку других формул' : undefined}
             >
               {String(result)}
             </span>
-          ) : isError ? (
-            <span className="text-red-600 dark:text-red-400">{String(result)}</span>
           ) : result === '' ? (
             <span className="text-muted-foreground">—</span>
           ) : (
@@ -1075,11 +1076,11 @@ function FieldValueRow({
   // Рендер редактора по типу поля (per-field: сохранение по blur/Enter/выбору/закрытию)
   const renderEditor = () => {
     const inputClass = cn(
-      'border border-input rounded px-1.5 text-[13px] bg-background focus:outline-none focus:ring-1 focus:ring-ring w-auto max-w-[320px] h-7 leading-6',
+      'border border-input rounded px-1.5 text-base md:text-[13px] bg-background focus:outline-none focus:ring-1 focus:ring-ring w-auto max-w-[320px] h-7 leading-6',
       effectiveError && 'border-destructive ring-destructive'
     );
     const textareaClass = cn(
-      'border border-input rounded px-1.5 py-0.5 text-sm bg-background focus:outline-none focus:ring-1 focus:ring-ring w-auto min-w-[200px] max-w-[420px]',
+      'border border-input rounded px-1.5 py-0.5 text-base md:text-[13px] bg-background focus:outline-none focus:ring-1 focus:ring-ring w-auto min-w-[200px] max-w-[420px]',
       effectiveError && 'border-destructive ring-destructive'
     );
     // Текст и число: сохранение по blur и Enter, Esc — отмена
@@ -1093,7 +1094,9 @@ function FieldValueRow({
           onChange={e => updateEditValue(field.type === 'number' ? e.target.value.replace(/\s/g, '') : e.target.value)}
           onClick={e => e.stopPropagation()}
           autoFocus
+          aria-label={field.name}
           aria-invalid={!!effectiveError}
+          aria-describedby={effectiveError ? fieldErrorId : undefined}
           onBlur={() => commitValue(editValueRef.current)}
           onKeyDown={e => {
             if (e.key === 'Enter') { e.preventDefault(); commitValue(editValueRef.current); }
@@ -1106,14 +1109,16 @@ function FieldValueRow({
     if (field.type === 'textarea' || field.type === 'rich-text') {
       return (
         <AutoResizeTextarea
-          className={cn(textareaClass, 'font-mono text-xs')}
+          className={cn(textareaClass, field.type === 'rich-text' && 'font-mono')}
           minRows={2}
           maxRows={25}
           value={editValue === null || editValue === undefined ? '' : String(editValue)}
           onChange={e => updateEditValue(e.target.value)}
           onClick={e => e.stopPropagation()}
           autoFocus
+          aria-label={field.name}
           aria-invalid={!!effectiveError}
+          aria-describedby={effectiveError ? fieldErrorId : undefined}
           placeholder={field.type === 'rich-text' ? 'HTML: <b>жирный</b>, <i>курсив</i>, <ul><li>список</li></ul>' : undefined}
           onBlur={() => commitValue(editValueRef.current)}
           onKeyDown={e => {
@@ -1139,7 +1144,9 @@ function FieldValueRow({
             }}
             onClick={e => e.stopPropagation()}
             autoFocus
+            aria-label={field.name}
             aria-invalid={!!effectiveError}
+            aria-describedby={effectiveError ? fieldErrorId : undefined}
             onKeyDown={e => {
               if (e.key === 'Enter') { e.preventDefault(); commitValue(editValueRef.current); }
               if (e.key === 'Escape') { e.preventDefault(); e.stopPropagation(); cancelEdit(); }
@@ -1149,7 +1156,7 @@ function FieldValueRow({
             <button
               type="button"
               title="Очистить"
-              className="inline-flex items-center justify-center w-6 h-6 rounded text-muted-foreground hover:text-destructive hover:bg-muted/50 transition-colors active:scale-[0.96]"
+              className="inline-flex items-center justify-center w-6 h-6 rounded relative after:absolute after:-inset-2 after:content-[''] text-muted-foreground hover:text-destructive hover:bg-muted/50 transition-[color,background-color,transform] active:scale-[0.96]"
               onClick={() => commitValue('')}
             >
               <X className="w-3.5 h-3.5" />
@@ -1170,7 +1177,9 @@ function FieldValueRow({
             onChange={e => updateEditValue(e.target.value)}
             autoFocus
             disabled={isProlongation}
+            aria-label={field.name}
             aria-invalid={!!effectiveError}
+            aria-describedby={effectiveError ? fieldErrorId : undefined}
             onKeyDown={e => {
               if (e.key === 'Enter') { e.preventDefault(); commitValue(editValueRef.current); }
               if (e.key === 'Escape') { e.preventDefault(); e.stopPropagation(); cancelEdit(); }
@@ -1219,7 +1228,9 @@ function FieldValueRow({
           onChange={e => commitValue(e.target.value)}
           onClick={e => e.stopPropagation()}
           autoFocus
+          aria-label={field.name}
           aria-invalid={!!effectiveError}
+          aria-describedby={effectiveError ? fieldErrorId : undefined}
           onKeyDown={e => {
             if (e.key === 'Escape') { e.preventDefault(); e.stopPropagation(); cancelEdit(); }
           }}
@@ -1260,7 +1271,7 @@ function FieldValueRow({
                     commitValue(newValue, { close: false });
                   }}
                 />
-                <span className="flex-1 text-[13px] leading-tight">
+                <span className="flex-1 text-[13px] leading-snug">
                   {itemLabel}
                   {it.period && <span className="text-xs text-muted-foreground ml-1">({it.period})</span>}
                 </span>
@@ -1299,7 +1310,7 @@ function FieldValueRow({
     // Компания: выбор подсказки сохраняет сразу (с autofill), закрытие — сохраняет введённый текст
     if (field.type === 'company') {
       return (
-        <div className="w-auto max-w-[420px] [&_input]:h-7 [&_input]:text-[13px]" onClick={e => e.stopPropagation()}>
+        <div className="w-auto max-w-[420px] [&_input]:h-7 [&_input]:text-base md:[&_input]:text-[13px]" onClick={e => e.stopPropagation()}>
           <CompanyFieldInput
             value={editValue === null || editValue === undefined ? '' : String(editValue)}
             onChange={val => updateEditValue(val)}
@@ -1366,7 +1377,7 @@ function FieldValueRow({
       // Мультивыбор строк: сохранение по каждому переключению
       if (field.allowMultiple) {
         return (
-          <div className="w-auto max-w-[420px] [&_input]:h-7 [&_input]:text-[13px]" onClick={e => e.stopPropagation()}>
+          <div className="w-auto max-w-[420px] [&_input]:h-7 [&_input]:text-base md:[&_input]:text-[13px]" onClick={e => e.stopPropagation()}>
             <TableFieldMultiSelect
               fieldId={field.id}
               fieldCode={field.code}
@@ -1383,7 +1394,7 @@ function FieldValueRow({
       }
       // Одиночный выбор строки: сохранение сразу по выбору
       return (
-        <div className="w-auto max-w-[420px] [&_input]:h-7 [&_input]:text-[13px]" onClick={e => e.stopPropagation()}>
+        <div className="w-auto max-w-[420px] [&_input]:h-7 [&_input]:text-base md:[&_input]:text-[13px]" onClick={e => e.stopPropagation()}>
           <TableFieldSelect
             fieldId={field.id}
             fieldCode={field.code}
@@ -1409,7 +1420,7 @@ function FieldValueRow({
     // Связанная задача: сохранение сразу по выбору
     if (field.type === 'task' && field.linkedFormId) {
       return (
-        <div className="w-auto max-w-[420px] [&_input]:h-7 [&_input]:text-[13px]" onClick={e => e.stopPropagation()}>
+        <div className="w-auto max-w-[420px] [&_input]:h-7 [&_input]:text-base md:[&_input]:text-[13px]" onClick={e => e.stopPropagation()}>
           <TaskFieldSelect
             formField={field as any}
             value={editValue as string | number | null | undefined}
@@ -1448,6 +1459,7 @@ function FieldValueRow({
   const fieldUrl = `/api/tasks/${taskId}/field-values/${field.id}`;
   const isFieldPending = isPending ? isPending(fieldUrl) : false;
   const effectiveError = errorMessage || localError;
+  const fieldErrorId = `fv-error-${field.id}`;
   // checkbox/toggle — мгновенное переключение по клику, без входа в режим редактирования
   const isInstantToggle = field.type === 'checkbox' || field.type === 'toggle';
   const editorNode = isEditing && !isInstantToggle ? renderEditor() : null;
@@ -1462,13 +1474,13 @@ function FieldValueRow({
         <div className="w-6 h-5 shrink-0 flex items-center justify-center">
           {isFieldPending ? (
             <span className="inline-flex items-center justify-center w-5 h-5" title="Изменение ожидает синхронизации">
-              <Clock className="w-3.5 h-3.5 text-amber-500 dark:text-amber-400 animate-pulse" />
+              <Clock className="w-3.5 h-3.5 text-warning-foreground animate-pulse" />
             </span>
           ) : fieldState.immutable ? (
             <button
               type="button"
               onClick={enterEdit}
-              className="inline-flex items-center justify-center w-5 h-5 rounded text-destructive hover:bg-destructive/10 cursor-not-allowed"
+              className="inline-flex items-center justify-center w-8 h-8 md:w-5 md:h-5 rounded text-destructive hover:bg-destructive/10 cursor-not-allowed"
               title="Редактирование запрещено в текущем статусе"
             >
               <PencilOff className="w-3.5 h-3.5" />
@@ -1481,13 +1493,14 @@ function FieldValueRow({
               *
             </span>
           ) : (
-            /* Карандаш: на мобильном всегда виден, на десктопе — по hover строки */
+            /* Карандаш: на мобильном всегда виден, на десктопе — по hover строки или фокусу */
             isEditable && !readOnly && !isEditing && (
               <button
                 type="button"
                 onClick={enterEdit}
-                className="inline-flex items-center justify-center w-5 h-5 rounded text-muted-foreground/60 hover:text-foreground hover:bg-muted/60 transition-all active:scale-[0.96] md:opacity-0 md:group-hover/field:opacity-100"
+                className="inline-flex items-center justify-center w-8 h-8 md:w-5 md:h-5 rounded text-muted-foreground/60 hover:text-foreground hover:bg-muted/60 transition-all active:scale-[0.96] md:opacity-0 md:group-hover/field:opacity-100 md:focus-visible:opacity-100"
                 title="Редактировать"
+                aria-label={`Редактировать поле «${field.name}»`}
               >
                 <Pencil className="w-3 h-3" />
               </button>
@@ -1510,7 +1523,9 @@ function FieldValueRow({
                   disabled={!canEdit}
                   onChange={(e) => commitValue(e.target.checked, { close: false })}
                   onClick={(e) => e.stopPropagation()}
+                  aria-label={field.name}
                   aria-invalid={!!effectiveError}
+                  aria-describedby={effectiveError ? fieldErrorId : undefined}
                 />
                 <span className="text-[13px] leading-5">
                   {initialValue === true || initialValue === 'true' ? 'Да' : 'Нет'}
@@ -1538,7 +1553,7 @@ function FieldValueRow({
           </div>
           {isFieldPending && (
             <span
-              className="ml-1.5 inline-flex items-center gap-0.5 text-[10px] text-amber-600 dark:text-amber-400 font-medium"
+              className="ml-1.5 inline-flex items-center gap-0.5 text-xs text-warning-foreground font-medium"
               title="Изменение будет отправлено при восстановлении соединения"
             >
               <Clock className="w-2.5 h-2.5" />
@@ -1546,7 +1561,7 @@ function FieldValueRow({
             </span>
           )}
           {effectiveError && (
-            <span className="ml-1.5 text-[10px] text-destructive">{effectiveError}</span>
+            <span id={fieldErrorId} role="alert" className="ml-1.5 text-xs text-destructive">{effectiveError}</span>
           )}
         </div>
       </div>
@@ -1781,7 +1796,7 @@ function TaskAccessTab({ taskId, isAdmin }: { taskId: number; isAdmin: boolean }
     },
     onError: (err: unknown) => {
       const msg = err instanceof Error ? err.message : 'Произошла ошибка';
-      toast({ title: 'Ошибка', description: msg, variant: 'destructive' });
+      toast({ title: 'Не удалось добавить роль', description: msg, variant: 'destructive' });
     },
   });
 
@@ -1793,7 +1808,7 @@ function TaskAccessTab({ taskId, isAdmin }: { taskId: number; isAdmin: boolean }
     },
     onError: (err: unknown) => {
       const msg = err instanceof Error ? err.message : 'Произошла ошибка';
-      toast({ title: 'Ошибка', description: msg, variant: 'destructive' });
+      toast({ title: 'Не удалось удалить роль', description: msg, variant: 'destructive' });
     },
   });
 
@@ -1805,7 +1820,7 @@ function TaskAccessTab({ taskId, isAdmin }: { taskId: number; isAdmin: boolean }
     },
     onError: (err: unknown) => {
       const msg = err instanceof Error ? err.message : 'Произошла ошибка';
-      toast({ title: 'Ошибка', description: msg, variant: 'destructive' });
+      toast({ title: 'Не удалось отозвать доступ', description: msg, variant: 'destructive' });
     },
   });
 
@@ -1843,14 +1858,14 @@ function TaskAccessTab({ taskId, isAdmin }: { taskId: number; isAdmin: boolean }
               </button>
               {roleDropdownOpen && (
                 <div className="absolute right-0 top-6 z-50 bg-popover border rounded shadow-md w-56 p-1">
-                  <div className="flex items-center gap-1 border rounded px-2 h-7 mb-1 bg-background">
+                  <div className="flex items-center gap-1 border rounded px-2 h-7 mb-1 bg-background focus-within:ring-1 focus-within:ring-ring">
                     <Search className="w-3 h-3 text-muted-foreground shrink-0" />
                     <input
                       autoFocus
                       type="text"
                       value={roleSearch}
                       onChange={e => setRoleSearch(e.target.value)}
-                      placeholder="Поиск ролей..."
+                      placeholder="Поиск ролей…"
                       className="flex-1 text-xs bg-transparent outline-none"
                     />
                   </div>
@@ -1863,7 +1878,7 @@ function TaskAccessTab({ taskId, isAdmin }: { taskId: number; isAdmin: boolean }
                           key={role.id}
                           onClick={() => addRoleMutation.mutate(role.id)}
                           disabled={addRoleMutation.isPending}
-                          className="w-full text-left px-2 py-1.5 text-xs rounded hover:bg-accent"
+                          className="w-full text-left px-2 py-1.5 text-xs rounded-sm hover:bg-accent"
                         >
                           {role.name}
                           {role.description && <span className="text-muted-foreground ml-1 text-[10px]">— {role.description}</span>}
@@ -1889,7 +1904,7 @@ function TaskAccessTab({ taskId, isAdmin }: { taskId: number; isAdmin: boolean }
                   <button
                     onClick={() => removeRoleMutation.mutate(tr.roleId)}
                     disabled={removeRoleMutation.isPending}
-                    className="ml-0.5 text-muted-foreground hover:text-destructive"
+                    className="ml-0.5 inline-flex items-center justify-center w-6 h-6 -my-1 rounded relative after:absolute after:-inset-1 after:content-[''] text-muted-foreground hover:text-destructive"
                     title="Убрать роль"
                   >
                     <X className="w-2.5 h-2.5" />
@@ -1923,7 +1938,7 @@ function TaskAccessTab({ taskId, isAdmin }: { taskId: number; isAdmin: boolean }
                     {roleGroup.parentId && (
                       <span className="text-[10px] text-muted-foreground italic">(руководитель)</span>
                     )}
-                    <span className="text-[10px] text-muted-foreground">· {roleGroup.users.length} польз.</span>
+                    <span className="text-[11px] text-muted-foreground">· {roleGroup.users.length} польз.</span>
                   </div>
                   {roleGroup.users.length === 0 ? (
                     <p className="text-[10px] text-muted-foreground pl-5 italic">Нет взаимодействий</p>
@@ -1940,7 +1955,7 @@ function TaskAccessTab({ taskId, isAdmin }: { taskId: number; isAdmin: boolean }
                                 {isRevoked && <span className="text-destructive ml-1">· отозван</span>}
                               </span>
                               {!isRevoked && (
-                                <button onClick={() => revokeAccessMutation.mutate(record.userId)} disabled={revokeAccessMutation.isPending} className="text-muted-foreground hover:text-destructive" title="Отозвать доступ">
+                                <button onClick={() => revokeAccessMutation.mutate(record.userId)} disabled={revokeAccessMutation.isPending} className="inline-flex items-center justify-center w-6 h-6 rounded relative after:absolute after:-inset-2 after:content-[''] text-muted-foreground hover:text-destructive" title="Отозвать доступ">
                                   <UserX className="w-3 h-3" />
                                 </button>
                               )}
@@ -1959,7 +1974,7 @@ function TaskAccessTab({ taskId, isAdmin }: { taskId: number; isAdmin: boolean }
                   <div className="flex items-center gap-1.5 mb-1.5">
                     <UserCheck className="w-3.5 h-3.5 text-muted-foreground" />
                     <span className="text-xs font-semibold">Прямой доступ</span>
-                    <span className="text-[10px] text-muted-foreground">· {directUsers.length} польз.</span>
+                    <span className="text-[11px] text-muted-foreground">· {directUsers.length} польз.</span>
                   </div>
                   <div className="space-y-0.5 pl-5">
                     {directUsers.map(record => {
@@ -1969,14 +1984,14 @@ function TaskAccessTab({ taskId, isAdmin }: { taskId: number; isAdmin: boolean }
                           <span className="truncate">{getUserDisplayName(record.user)}</span>
                           <div className="flex items-center gap-1.5 shrink-0">
                             {record.grantedVia === 'mention' && !isRevoked && (
-                              <span className="inline-flex items-center px-1 py-0.5 rounded text-[10px] font-medium bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-200">Упоминание</span>
+                              <span className="inline-flex items-center px-1 py-0.5 rounded text-[11px] font-medium bg-muted text-muted-foreground">Упоминание</span>
                             )}
                             <span className="text-[10px] text-muted-foreground">
                               {new Date(record.firstInteractionAt).toLocaleDateString('ru-RU')}
                               {isRevoked && <span className="text-destructive ml-1">· отозван</span>}
                             </span>
                             {!isRevoked && (
-                              <button onClick={() => revokeAccessMutation.mutate(record.userId)} disabled={revokeAccessMutation.isPending} className="text-muted-foreground hover:text-destructive" title="Отозвать доступ">
+                              <button onClick={() => revokeAccessMutation.mutate(record.userId)} disabled={revokeAccessMutation.isPending} className="inline-flex items-center justify-center w-6 h-6 rounded relative after:absolute after:-inset-2 after:content-[''] text-muted-foreground hover:text-destructive" title="Отозвать доступ">
                                 <UserX className="w-3 h-3" />
                               </button>
                             )}
@@ -1996,7 +2011,7 @@ function TaskAccessTab({ taskId, isAdmin }: { taskId: number; isAdmin: boolean }
       {isAdmin && transitionApprovals.length > 0 && (
         <div>
           <h3 className="text-sm font-medium flex items-center gap-1.5 mb-2">
-            <CheckCircle className="w-4 h-4 text-emerald-600 dark:text-emerald-400" />
+            <CheckCircle className="w-4 h-4 text-success-foreground" />
             Согласования переходов
             <span className="text-xs font-normal text-muted-foreground">({transitionApprovals.length})</span>
           </h3>
@@ -2007,7 +2022,7 @@ function TaskAccessTab({ taskId, isAdmin }: { taskId: number; isAdmin: boolean }
               const roleName = meta.roleName ? String(meta.roleName) : null;
               return (
                 <div key={entry.id} className="border rounded p-2 flex items-start gap-2">
-                  <CheckCircle className="w-3.5 h-3.5 text-emerald-600 dark:text-emerald-400 mt-0.5 shrink-0" />
+                  <CheckCircle className="w-3.5 h-3.5 text-success-foreground mt-0.5 shrink-0" />
                   <div className="flex-1 min-w-0">
                     <p className="text-xs flex items-center gap-1.5 flex-wrap">
                       {entry.botId != null && (
@@ -2015,10 +2030,10 @@ function TaskAccessTab({ taskId, isAdmin }: { taskId: number; isAdmin: boolean }
                       )}
                       <span className="font-medium">{entry.changedByName || '—'}</span>
                       {entry.metadata?.source === 'mcp' && (
-                        <Badge variant="outline" className="text-[9px] h-3.5 px-1">MCP</Badge>
+                        <Badge variant="outline" className="text-[11px] h-4 px-1">MCP</Badge>
                       )}
                       {entry.metadata?.source === 'api' && (
-                        <Badge variant="outline" className="text-[9px] h-3.5 px-1">API</Badge>
+                        <Badge variant="outline" className="text-[11px] h-4 px-1">API</Badge>
                       )}
                       {roleName && (
                         <span className="text-muted-foreground"> · роль: <span className="font-medium text-foreground">{roleName}</span></span>
@@ -2049,6 +2064,7 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
   const wrapperRef = useRef<HTMLDivElement>(null);
   const [assigneeDropdownOpen, setAssigneeDropdownOpen] = useState(false);
   const [assigneeSearch, setAssigneeSearch] = useState('');
+  const assigneeTriggerRef = useRef<HTMLDivElement>(null);
 
   // Per-field редактирование срока: локальный черновик даты/времени
   const [isEditingDue, setIsEditingDue] = useState(false);
@@ -2111,7 +2127,7 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
     } catch (err) {
       if (err instanceof OfflineQueuedError) return;
       queryClient.invalidateQueries({ queryKey: ['/api/tasks', taskId, 'detail'] });
-      const msg = err instanceof Error ? err.message : 'Неизвестная ошибка';
+      const msg = err instanceof Error ? err.message : 'Не удалось сохранить срок. Проверьте соединение и попробуйте ещё раз.';
       toast({ title: 'Ошибка сохранения срока', description: msg, variant: 'destructive' });
     }
   };
@@ -2186,7 +2202,7 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
       queryClient.invalidateQueries({ queryKey: ['/api/home/inbox'] });
       toast({ title: 'Ответственный добавлен' });
     },
-    onError: (err: Error) => { const msg = err instanceof Error ? err.message : 'Произошла ошибка'; toast({ title: 'Ошибка', description: msg, variant: 'destructive' }); },
+    onError: (err: Error) => { const msg = err instanceof Error ? err.message : 'Произошла ошибка'; toast({ title: 'Не удалось добавить ответственного', description: msg, variant: 'destructive' }); },
   });
 
   const removeAssigneeMutation = useMutation<{ success: boolean; task?: Task; autoTransition?: boolean }, Error, number>({
@@ -2213,7 +2229,7 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
       queryClient.invalidateQueries({ queryKey: ['/api/home/inbox'] });
       toast({ title: 'Ответственный снят' });
     },
-    onError: (err: Error) => { const msg = err instanceof Error ? err.message : 'Произошла ошибка'; toast({ title: 'Ошибка', description: msg, variant: 'destructive' }); },
+    onError: (err: Error) => { const msg = err instanceof Error ? err.message : 'Произошла ошибка'; toast({ title: 'Не удалось снять ответственного', description: msg, variant: 'destructive' }); },
   });
 
   const addRoleMutation = useMutation({
@@ -2226,7 +2242,7 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
       setAssigneeDropdownOpen(false);
       setAssigneeSearch('');
     },
-    onError: (err: unknown) => { const msg = err instanceof Error ? err.message : 'Произошла ошибка'; toast({ title: 'Ошибка', description: msg, variant: 'destructive' }); },
+    onError: (err: unknown) => { const msg = err instanceof Error ? err.message : 'Произошла ошибка'; toast({ title: 'Не удалось добавить роль', description: msg, variant: 'destructive' }); },
   });
 
   const removeRoleMutation = useMutation({
@@ -2237,20 +2253,30 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
       queryClient.invalidateQueries({ queryKey: ['/api/tasks', taskId, 'audit-log'] });
       toast({ title: 'Роль удалена' });
     },
-    onError: (err: unknown) => { const msg = err instanceof Error ? err.message : 'Произошла ошибка'; toast({ title: 'Ошибка', description: msg, variant: 'destructive' }); },
+    onError: (err: unknown) => { const msg = err instanceof Error ? err.message : 'Произошла ошибка'; toast({ title: 'Не удалось удалить роль', description: msg, variant: 'destructive' }); },
   });
 
   const filteredOrgRoles = orgRoles.filter(r => !assignedRoleIds.has(r.id) && r.name.toLowerCase().includes(assigneeSearch.toLowerCase()));
 
-  // Клик вне блока системных полей закрывает dropdown ответственных
+  // Клик вне блока системных полей закрывает dropdown ответственных; Escape — закрыть и вернуть фокус на триггер
   useEffect(() => {
     if (!assigneeDropdownOpen) return;
     const handleOutsideClick = (e: MouseEvent) => {
       if (wrapperRef.current?.contains(e.target as Node)) return;
       setAssigneeDropdownOpen(false);
     };
+    const handleEsc = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') {
+        setAssigneeDropdownOpen(false);
+        assigneeTriggerRef.current?.focus();
+      }
+    };
     document.addEventListener('click', handleOutsideClick);
-    return () => document.removeEventListener('click', handleOutsideClick);
+    document.addEventListener('keydown', handleEsc);
+    return () => {
+      document.removeEventListener('click', handleOutsideClick);
+      document.removeEventListener('keydown', handleEsc);
+    };
   }, [assigneeDropdownOpen]);
 
   // Левая колонка: карандашик для назначения ответственного
@@ -2260,7 +2286,7 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
         <button
           type="button"
           onClick={onPencil}
-          className="inline-flex items-center justify-center w-5 h-5 rounded text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors"
+          className="inline-flex items-center justify-center w-8 h-8 md:w-5 md:h-5 rounded text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors"
           title="Редактировать"
         >
           <Pencil className="w-3.5 h-3.5" />
@@ -2292,13 +2318,18 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
     <div ref={wrapperRef} className="space-y-1 text-sm">
       {/* Assignee + Roles */}
       {!hidden.has('assignedTo') && (
-        <div className="group/sysrow flex items-center gap-1 min-h-[36px] md:min-h-[28px] py-0.5 -mx-1 px-1 rounded transition-colors hover:bg-muted/50">
+        <div className="group/sysrow flex items-center gap-1.5 min-h-[36px] md:min-h-[28px] py-0.5 -mx-1 px-1 rounded transition-colors hover:bg-muted/50">
           {!readOnly
             ? leftSlot(() => { setAssigneeDropdownOpen(v => !v); setAssigneeSearch(''); })
             : emptySlot}
-          <span className="text-muted-foreground w-24 shrink-0 text-[11px]">Ответственный</span>
+          <span className="text-muted-foreground shrink-0 text-[13px] leading-5">Ответственный:</span>
           <div
-            className={cn('relative flex-1 min-w-0', !readOnly && 'cursor-pointer')}
+            ref={assigneeTriggerRef}
+            role={readOnly ? undefined : 'button'}
+            tabIndex={readOnly ? undefined : 0}
+            aria-expanded={readOnly ? undefined : assigneeDropdownOpen}
+            aria-label={readOnly ? undefined : 'Выбрать ответственных'}
+            className={cn('relative flex-1 min-w-0 rounded focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring', !readOnly && 'cursor-pointer')}
             onClick={(e) => {
               if (readOnly) return;
               // Клики по кнопкам снятия ответственных/ролей не открывают dropdown
@@ -2306,6 +2337,15 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
               setAssigneeDropdownOpen(v => !v);
               setAssigneeSearch('');
             }}
+            onKeyDown={(e) => {
+              if (readOnly) return;
+              if (e.target instanceof Element && e.target.closest('button') && e.target !== e.currentTarget) return;
+              if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                setAssigneeDropdownOpen(v => !v);
+                setAssigneeSearch('');
+              }
+            }}
           >
             {/* Multiple assignees + roles as tags */}
             <div className="flex flex-wrap gap-1 items-center min-h-[1.25rem]">
@@ -2327,7 +2367,7 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
                     <button
                       onClick={() => removeAssigneeMutation.mutate(a.userId)}
                       disabled={removeAssigneeMutation.isPending}
-                      className="ml-0.5 text-muted-foreground hover:text-destructive"
+                      className="ml-0.5 inline-flex items-center justify-center w-6 h-6 -my-1 rounded relative after:absolute after:-inset-1 after:content-[''] text-muted-foreground hover:text-destructive"
                       title="Снять ответственного"
                     >
                       <X className="w-2.5 h-2.5" />
@@ -2343,7 +2383,7 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
                     <button
                       onClick={() => removeRoleMutation.mutate(tr.roleId)}
                       disabled={removeRoleMutation.isPending}
-                      className="ml-0.5 text-muted-foreground hover:text-destructive"
+                      className="ml-0.5 inline-flex items-center justify-center w-6 h-6 -my-1 rounded relative after:absolute after:-inset-1 after:content-[''] text-muted-foreground hover:text-destructive"
                       title="Убрать роль"
                     >
                       <X className="w-2.5 h-2.5" />
@@ -2354,15 +2394,15 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
             </div>
             {/* Combined dropdown — unified search */}
             {assigneeDropdownOpen && !readOnly && (
-              <div className="absolute left-0 top-6 z-50 bg-popover border rounded shadow-md w-56 p-1">
-                <div className="flex items-center gap-1 border rounded px-2 h-7 mb-1 bg-background">
+              <div className="absolute left-0 top-6 z-50 bg-popover border rounded shadow-md w-56 p-1" role="listbox" aria-label="Пользователи и роли">
+                <div className="flex items-center gap-1 border rounded px-2 h-7 mb-1 bg-background focus-within:ring-1 focus-within:ring-ring">
                   <Search className="w-3 h-3 text-muted-foreground shrink-0" />
                   <input
                     autoFocus
                     type="text"
                     value={assigneeSearch}
                     onChange={e => setAssigneeSearch(e.target.value)}
-                    placeholder="Поиск..."
+                    placeholder="Поиск…"
                     className="flex-1 text-xs bg-transparent outline-none"
                   />
                 </div>
@@ -2374,10 +2414,12 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
                       {filteredUsers.map((u: any) => (
                         <button
                           key={`u-${u.id}`}
+                          role="option"
+                          aria-selected={false}
                           onMouseDown={e => e.preventDefault()}
                           onClick={() => addAssigneeMutation.mutate(u.id)}
                           disabled={addAssigneeMutation.isPending}
-                          className="w-full text-left px-2 py-1.5 text-xs rounded hover:bg-accent disabled:opacity-50 flex items-center gap-1.5"
+                          className="w-full text-left px-2 py-1.5 text-xs rounded-sm hover:bg-accent disabled:opacity-50 flex items-center gap-1.5"
                         >
                           <User className="w-3 h-3 text-muted-foreground shrink-0" />
                           {u.fullName || `${u.firstName || ''} ${u.lastName || ''}`.trim() || u.email}
@@ -2392,10 +2434,12 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
                       {filteredOrgRoles.map(role => (
                         <button
                           key={`r-${role.id}`}
+                          role="option"
+                          aria-selected={false}
                           onMouseDown={e => e.preventDefault()}
                           onClick={() => addRoleMutation.mutate(role.id)}
                           disabled={addRoleMutation.isPending}
-                          className="w-full text-left px-2 py-1.5 text-xs rounded hover:bg-accent flex items-center gap-1.5"
+                          className="w-full text-left px-2 py-1.5 text-xs rounded-sm hover:bg-accent flex items-center gap-1.5"
                         >
                           <Users className="w-3 h-3 text-muted-foreground shrink-0" />
                           {role.name}
@@ -2404,7 +2448,9 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
                     </>
                   )}
                   {filteredUsers.length === 0 && (!isAdminUser || filteredOrgRoles.length === 0) && (
-                    <div className="text-xs text-muted-foreground px-2 py-1.5">Ничего не найдено</div>
+                    <div className="text-xs text-muted-foreground px-2 py-1.5">
+                      {assigneeSearch.trim() ? `По запросу «${assigneeSearch.trim()}» ничего не найдено` : 'Нет доступных пользователей'}
+                    </div>
                   )}
                 </div>
               </div>
@@ -2426,7 +2472,7 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
               ? (() => {
                   const overdue = !readOnly && !isDuePending && new Date(effectiveDueDate) < new Date();
                   return (
-                    <span className={`inline-flex items-center gap-1 ${overdue ? 'text-red-600 dark:text-red-500 font-medium' : ''}`}>
+                    <span className={`inline-flex items-center gap-1 ${overdue ? 'text-destructive font-medium' : ''}`}>
                       {(() => {
                         const isAllDay = /T00:00:00(\.000)?Z$/.test(effectiveDueDate);
                         const dateStr = formatOrg(effectiveDueDate, 'dd.MM.yyyy');
@@ -2442,11 +2488,11 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
                     </span>
                   );
                 })()
-              : <span className="text-muted-foreground italic">Указать срок...</span>
+              : <span className="text-muted-foreground italic">Указать срок…</span>
             }
             {isDuePending && (
               <span title="Изменение ожидает синхронизации">
-                <Clock className="w-2.5 h-2.5 text-amber-500 dark:text-amber-400 animate-pulse" />
+                <Clock className="w-2.5 h-2.5 text-warning-foreground animate-pulse" />
               </span>
             )}
           </span>
@@ -2455,8 +2501,9 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
           <div ref={dueEditorRef} className="flex items-center gap-1.5 animate-in fade-in-0 duration-150">
             <input
               type="date"
-              className="border rounded px-1.5 h-7 text-[13px] leading-6 bg-background focus:outline-none focus:ring-1 focus:ring-ring"
+              className="border rounded px-1.5 h-7 text-base md:text-[13px] leading-6 bg-background focus:outline-none focus:ring-1 focus:ring-ring"
               value={dueDateDraft}
+              aria-label="Дата срока"
               onChange={e => {
                 const v = e.target.value;
                 dueDraftRef.current.date = v;
@@ -2474,8 +2521,9 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
             />
             <input
               type="time"
-              className="border rounded px-1.5 h-7 text-[13px] leading-6 bg-background focus:outline-none focus:ring-1 focus:ring-ring w-[90px]"
+              className="border rounded px-1.5 h-7 text-base md:text-[13px] leading-6 bg-background focus:outline-none focus:ring-1 focus:ring-ring w-[90px]"
               value={dueTimeDraft}
+              aria-label="Время срока"
               onChange={e => {
                 dueDraftRef.current.time = e.target.value;
                 setDueTimeDraft(e.target.value);
@@ -2490,7 +2538,7 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
               <button
                 type="button"
                 title="Очистить срок"
-                className="inline-flex items-center justify-center w-6 h-6 rounded text-muted-foreground hover:text-destructive hover:bg-muted/50 transition-colors active:scale-[0.96]"
+                className="inline-flex items-center justify-center w-6 h-6 rounded relative after:absolute after:-inset-2 after:content-[''] text-muted-foreground hover:text-destructive hover:bg-muted/50 transition-[color,background-color,transform] active:scale-[0.96]"
                 onClick={() => saveDueDate('', '')}
               >
                 <X className="w-3.5 h-3.5" />
@@ -2500,10 +2548,10 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
         );
         return (
           <div
-            className="group/sysrow flex items-center gap-1 min-h-[36px] md:min-h-[28px] py-0.5 -mx-1 px-1 rounded transition-colors hover:bg-muted/50"
+            className="group/sysrow flex items-center gap-1.5 min-h-[36px] md:min-h-[28px] py-0.5 -mx-1 px-1 rounded transition-colors hover:bg-muted/50"
           >
             {emptySlot}
-            <span className="text-muted-foreground w-24 shrink-0 text-[11px]">Срок</span>
+            <span className="text-muted-foreground shrink-0 text-[13px] leading-5">Срок:</span>
             {isEditingDue ? (
               dueDateEditor
             ) : (
@@ -2526,9 +2574,9 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
 
       {/* Created (read-only) */}
       {!hidden.has('createdAt') && (
-        <div className="flex items-center gap-1 py-1">
+        <div className="flex items-center gap-1.5 min-h-[36px] md:min-h-[28px] py-0.5 -mx-1 px-1 rounded">
           {emptySlot}
-          <span className="text-muted-foreground w-24 shrink-0 text-[11px]">Создана</span>
+          <span className="text-muted-foreground shrink-0 text-[13px] leading-5">Создана:</span>
           <span data-testid="text-task-created" className="text-[13px] leading-5">
             {task.createdAt
               ? new Date(task.createdAt).toLocaleString('ru-RU', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' })
@@ -2539,9 +2587,9 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
 
       {/* Completed at (read-only, shown only when task is in final status) */}
       {isTaskFinal && !hidden.has('completedAt') && (
-        <div className="flex items-center gap-1 py-1">
+        <div className="flex items-center gap-1.5 min-h-[36px] md:min-h-[28px] py-0.5 -mx-1 px-1 rounded">
           {emptySlot}
-          <span className="text-muted-foreground w-24 shrink-0 text-[11px]">Завершена</span>
+          <span className="text-muted-foreground shrink-0 text-[13px] leading-5">Завершена:</span>
           <span data-testid="text-task-completed" className="text-[13px] leading-5">
             {task.completedAt
               ? new Date(task.completedAt).toLocaleString('ru-RU', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' })
@@ -2552,9 +2600,9 @@ function InlineSystemFields({ task, taskId, formId, getUserName, readOnly, hidde
 
       {/* Creator (read-only) */}
       {!hidden.has('createdBy') && task.createdBy && (
-        <div className="flex items-center gap-1 py-1">
+        <div className="flex items-center gap-1.5 min-h-[36px] md:min-h-[28px] py-0.5 -mx-1 px-1 rounded">
           {emptySlot}
-          <span className="text-muted-foreground w-24 shrink-0 text-[11px]">Автор</span>
+          <span className="text-muted-foreground shrink-0 text-[13px] leading-5">Автор:</span>
           <span data-testid="text-task-creator" className="text-[13px] leading-5">{getUserName(task.createdBy)}</span>
         </div>
       )}
@@ -2843,7 +2891,7 @@ function TaskTitleInline({ task, taskIdNumber, formId, isTaskFinal }: { task: Ta
     setIsEditing(false);
     const title = val.trim();
     if (!title) {
-      toast({ title: 'Ошибка', description: 'Название задачи обязательно', variant: 'destructive' });
+      toast({ title: 'Название задачи обязательно', variant: 'destructive' });
       setDraft(task.title);
       draftRef.current = task.title;
       return;
@@ -2864,7 +2912,7 @@ function TaskTitleInline({ task, taskIdNumber, formId, isTaskFinal }: { task: Ta
     } catch (err: unknown) {
       if (err instanceof OfflineQueuedError) return;
       queryClient.invalidateQueries({ queryKey: ['/api/tasks', taskIdNumber, 'detail'] });
-      const msg = err instanceof Error ? err.message : 'Неизвестная ошибка';
+      const msg = err instanceof Error ? err.message : 'Не удалось сохранить заголовок. Проверьте соединение и попробуйте ещё раз.';
       toast({ title: 'Ошибка сохранения', description: msg, variant: 'destructive' });
     }
   };
@@ -2886,8 +2934,9 @@ function TaskTitleInline({ task, taskIdNumber, formId, isTaskFinal }: { task: Ta
       <div ref={wrapperRef} className="min-w-0 flex-1 animate-in fade-in-0 duration-150">
         <input
           autoFocus
-          className="text-sm font-medium border border-input rounded px-1.5 h-7 leading-6 bg-background focus:outline-none focus:ring-1 focus:ring-ring min-w-0 w-full"
+          className="text-base md:text-sm font-medium border border-input rounded px-1.5 h-7 leading-6 bg-background focus:outline-none focus:ring-1 focus:ring-ring min-w-0 w-full"
           value={draft}
+          aria-label="Название задачи"
           onChange={e => {
             draftRef.current = e.target.value;
             setDraft(e.target.value);
@@ -2933,7 +2982,7 @@ function TaskTitleInline({ task, taskIdNumber, formId, isTaskFinal }: { task: Ta
         lastTitleTapRef.current = now;
       }}
     >
-      <h1 className={`text-sm font-medium break-words md:truncate ${isTaskFinal ? 'line-through text-muted-foreground' : 'text-foreground'}`} data-testid="text-task-title">
+      <h1 className={`text-base font-semibold md:text-lg break-words md:truncate ${isTaskFinal ? 'line-through text-muted-foreground' : 'text-foreground'}`} title={task.title} data-testid="text-task-title">
         {task.title}
       </h1>
     </div>
@@ -3000,11 +3049,15 @@ const TaskDetail = () => {
     }
   }, [taskError, setLocation]);
 
-  // На мобильном разворачиваем первую пользовательскую вкладку по умолчанию
+  // На мобильном разворачиваем первую пользовательскую вкладку по умолчанию;
+  // если вкладок нет — разворачиваем fallback-секцию «Задача» с полями
   useEffect(() => {
-    const tabs = effectiveDetailData?.tabs || [];
-    if (openAccordionValue === '' && tabs.length > 0) {
+    const tabs = effectiveDetailData?.tabs;
+    if (!tabs || openAccordionValue !== '') return;
+    if (tabs.length > 0) {
       setOpenAccordionValue(`tab-${tabs[0].id}`);
+    } else {
+      setOpenAccordionValue('task-fields');
     }
   }, [effectiveDetailData?.tabs, openAccordionValue]);
 
@@ -3245,7 +3298,7 @@ const TaskDetail = () => {
         queryClient.invalidateQueries({ queryKey: ['/api/forms', effectiveDetailData.form.id, 'tasks'] });
         queryClient.refetchQueries({ queryKey: ['/api/forms', effectiveDetailData.form.id, 'tasks'] });
       }
-      toast({ title: 'Успешно', description: 'Переход выполнен' });
+      toast({ title: 'Переход выполнен' });
     },
     onError: (error: Error, _vars, context) => {
       // OfflineQueuedError = request was queued for later sync — keep the optimistic update
@@ -3267,7 +3320,7 @@ const TaskDetail = () => {
           setFieldErrors(next);
         }
       }
-      toast({ variant: 'destructive', title: 'Ошибка', description: error instanceof Error ? error.message : 'Не удалось выполнить переход' });
+      toast({ variant: 'destructive', title: 'Не удалось выполнить переход', description: error instanceof Error ? error.message : 'Проверьте соединение и попробуйте ещё раз.' });
     },
   });
 
@@ -3287,7 +3340,7 @@ const TaskDetail = () => {
       setLocation(`/forms/${effectiveDetailData?.form?.id || formId}/tasks`);
     },
     onError: (error: Error) => {
-      toast({ variant: 'destructive', title: 'Ошибка', description: error instanceof Error ? error.message : 'Не удалось удалить задачу' });
+      toast({ variant: 'destructive', title: 'Не удалось удалить задачу', description: error instanceof Error ? error.message : 'Проверьте соединение и попробуйте ещё раз.' });
     },
   });
 
@@ -3558,7 +3611,7 @@ const TaskDetail = () => {
     if (user) {
       return user.fullName || `${user.firstName || ''} ${user.lastName || ''}`.trim() || user.email;
     }
-    return `ID ${userId}`;
+    return `Пользователь №${userId}`;
   };
   
   const chatEnabled = form?.chatEnabled !== false; // по умолчанию включен
@@ -3721,6 +3774,7 @@ const TaskDetail = () => {
   }) => (
     <button
       onClick={() => setSelectedTabId(value)}
+      aria-current={selectedTabId === value ? 'page' : undefined}
       data-testid={`tab-btn-${value}`}
       className={`whitespace-nowrap text-xs px-3 py-2 border-b-2 flex items-center gap-1.5 transition-colors shrink-0 ${
         selectedTabId === value
@@ -3731,7 +3785,7 @@ const TaskDetail = () => {
       {Icon && <Icon className="w-3 h-3" />}
       <span className={isTaskFinal ? 'line-through' : ''}>{children}</span>
       {count !== undefined && (
-        <span className="text-[10px] bg-muted rounded-full px-1 leading-4">{count}</span>
+        <span className="text-[11px] bg-muted rounded-full px-1 leading-4">{count}</span>
       )}
     </button>
   );
@@ -3783,6 +3837,44 @@ const TaskDetail = () => {
     />
   ) : (
     <Accordion type="single" collapsible value={openAccordionValue} onValueChange={setOpenAccordionValue}>
+      {/* Fallback: форма без вкладок — системные поля и все поля одной секцией «Задача» */}
+      {!hasTabs && (
+        <AccordionItem value="task-fields" className="rounded-lg border bg-muted/20 mb-1.5 overflow-hidden">
+          <AccordionTrigger className="py-2 px-3 text-sm font-medium hover:no-underline">
+            Задача
+          </AccordionTrigger>
+          <AccordionContent className="px-3 pb-3">
+            <InlineSystemFields
+              task={task}
+              taskId={taskIdNumber}
+              formId={formId}
+              getUserName={getUserName}
+              readOnly={isTaskFinal}
+              hiddenSystemFields={form.hiddenSystemFields}
+              users={users}
+              isTaskFinal={isTaskFinal}
+            />
+            <TabFieldsContent
+              tabId={undefined}
+              hasTabs={false}
+              fields={fields}
+              fieldValues={fieldValues}
+              taskIdNumber={taskIdNumber}
+              formId={formId}
+              task={task}
+              users={users}
+              roles={reminderOrgRolesData?.roles || []}
+              fieldValuesMap={fieldValuesMap}
+              conditionContextStatuses={conditionContextStatuses}
+              isTaskFinal={isTaskFinal}
+              isFieldVisibleForTask={isFieldVisibleForTask}
+              isFieldImmutableForTask={isFieldImmutableForTask}
+              fieldErrors={fieldErrors}
+              setFieldErrors={setFieldErrors}
+            />
+          </AccordionContent>
+        </AccordionItem>
+      )}
       {/* Пользовательские вкладки формы */}
       {formTabs.map(tab => {
         const { isTable, isCustomModule, customModule } = getTabMeta(tab);
@@ -3904,17 +3996,13 @@ const TaskDetail = () => {
     )
   );
 
-  // Компонент статуса задачи
+  // Компонент статуса задачи: сплошная заливка цветом статуса + контрастный текст (WCAG)
   const TaskStatusBadge = () => {
     if (!currentStatus) return null;
     return (
-      <div 
+      <div
         className="flex items-center gap-1 px-2 py-0.5 rounded text-xs font-medium"
-        style={{ 
-          backgroundColor: currentStatus.color + '15', 
-          color: currentStatus.color,
-          border: `1px solid ${currentStatus.color}30`
-        }}
+        style={statusBadgeStyle(currentStatus.color)}
         data-testid="badge-task-status"
       >
         {currentStatus.isFinal && <Lock className="w-2.5 h-2.5 shrink-0" />}
@@ -3929,9 +4017,9 @@ const TaskDetail = () => {
       <div className="flex flex-col h-full overflow-hidden">
         {/* Offline cache banner */}
         {isUsingOfflineCache && cacheTimestamp && (
-          <div className="flex items-center gap-2 px-3 py-1.5 bg-amber-50 dark:bg-amber-950/30 border-b border-amber-200 dark:border-amber-800 shrink-0">
-            <span className="text-amber-600 dark:text-amber-400 shrink-0">⚡</span>
-            <span className="text-xs text-amber-700 dark:text-amber-300">
+          <div className="flex items-center gap-2 px-3 py-1.5 bg-warning text-warning-foreground border-b border-warning-foreground/20 shrink-0">
+            <span className="shrink-0">⚡</span>
+            <span className="text-xs">
               Офлайн. Кеш от {new Date(cacheTimestamp).toLocaleString('ru-RU', { day: '2-digit', month: '2-digit', hour: '2-digit', minute: '2-digit' })}.
               {taskPendingCount > 0
                 ? ` ${taskPendingCount} изм. ожидают синхронизации.`
@@ -3941,10 +4029,10 @@ const TaskDetail = () => {
         )}
         {/* Pending operations banner (online but unsent) */}
         {!isUsingOfflineCache && taskPendingCount > 0 && (
-          <div className="flex items-center gap-2 px-3 py-1.5 bg-blue-50 dark:bg-blue-950/30 border-b border-blue-200 dark:border-blue-800 shrink-0">
-            <span className="text-blue-600 dark:text-blue-400 shrink-0">↻</span>
-            <span className="text-xs text-blue-700 dark:text-blue-300">
-              {taskPendingCount} изм. ожидают синхронизации с сервером...
+          <div className="flex items-center gap-2 px-3 py-1.5 bg-info text-info-foreground border-b border-info-foreground/20 shrink-0">
+            <span className="shrink-0">↻</span>
+            <span className="text-xs">
+              {taskPendingCount} изм. ожидают синхронизации с сервером…
             </span>
           </div>
         )}
@@ -3976,10 +4064,13 @@ const TaskDetail = () => {
               </div>
             </div>
             {/* Статус и действия в шапке */}
-            <div className="flex items-center gap-2 flex-wrap md:justify-end shrink-0">
+            <div className="flex items-center gap-3 md:gap-2 flex-wrap md:justify-end shrink-0">
               {/* Кнопки согласования */}
               {approvalTransitions.map((transition) => {
                 const transitionDisabled = executeTransitionMutation.isPending || isTransitionPending;
+                // Дефолты с контрастом ≥4.5 к белому тексту; для произвольного цвета текст подбирается по яркости
+                const approveColor = transition.approveButtonColor || '#15803d';
+                const rejectColor = transition.rejectButtonColor || '#b91c1c';
                 if (transition.actionType === 'custom') {
                   return (
                     <Button
@@ -3999,8 +4090,8 @@ const TaskDetail = () => {
                     <Button
                       key={transition.id}
                       size="sm"
-                      style={{ backgroundColor: transition.rejectButtonColor || '#ef4444' }}
-                      className="text-white border-0"
+                      style={{ backgroundColor: rejectColor, color: getContrastTextColor(rejectColor) }}
+                      className="border-0"
                       data-testid={`button-reject-${transition.id}`}
                       disabled={transitionDisabled}
                       onClick={() => executeTransitionMutation.mutate({ transitionId: transition.id })}
@@ -4014,8 +4105,8 @@ const TaskDetail = () => {
                   <div key={transition.id} className="flex gap-1.5">
                     <Button
                       size="sm"
-                      style={{ backgroundColor: transition.approveButtonColor || '#22c55e' }}
-                      className="text-white border-0"
+                      style={{ backgroundColor: approveColor, color: getContrastTextColor(approveColor) }}
+                      className="border-0"
                       data-testid={`button-approve-${transition.id}`}
                       disabled={transitionDisabled}
                       onClick={() => executeTransitionMutation.mutate({ transitionId: transition.id, action: 'approve' })}
@@ -4026,8 +4117,8 @@ const TaskDetail = () => {
                     {transition.rejectToStatusId && (
                       <Button
                         size="sm"
-                        style={{ backgroundColor: transition.rejectButtonColor || '#ef4444' }}
-                        className="text-white border-0"
+                        style={{ backgroundColor: rejectColor, color: getContrastTextColor(rejectColor) }}
+                        className="border-0"
                         data-testid={`button-reject-${transition.id}`}
                         disabled={transitionDisabled}
                         onClick={() => executeTransitionMutation.mutate({ transitionId: transition.id, action: 'reject' })}
@@ -4039,18 +4130,9 @@ const TaskDetail = () => {
                   </div>
                 );
               })}
-              {isAdmin(currentUser) && (
-                <button
-                  onClick={() => setShowDeleteDialog(true)}
-                  className="flex items-center justify-center w-7 h-7 rounded text-destructive hover:text-destructive hover:bg-destructive/10 transition-colors"
-                  title="Удалить задачу"
-                >
-                  <Trash2 className="w-3.5 h-3.5" />
-                </button>
-              )}
               <button
                 onClick={() => setShowReminderDialog(true)}
-                className="flex items-center justify-center w-7 h-7 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors"
+                className="flex items-center justify-center w-9 h-9 md:w-7 md:h-7 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors"
                 title="Напоминания"
               >
                 <Bell className="w-3.5 h-3.5" />
@@ -4058,13 +4140,23 @@ const TaskDetail = () => {
               <button
                 onClick={() => toggleHideMutation.mutate()}
                 disabled={toggleHideMutation.isPending}
-                className="flex items-center justify-center w-7 h-7 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors disabled:opacity-50"
+                className="flex items-center justify-center w-9 h-9 md:w-7 md:h-7 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors disabled:opacity-50"
                 title={hideStatus?.isHidden ? 'Вернуть во входящие' : 'Скрыть из входящих'}
               >
                 {hideStatus?.isHidden ? <Eye className="w-3.5 h-3.5" /> : <EyeOff className="w-3.5 h-3.5" />}
               </button>
               <TaskQrButton formId={formId} taskId={taskIdNumber} title={task.title} />
               <TaskStatusBadge />
+              {/* Удаление отделено от нейтральных иконок и стоит в конце ряда */}
+              {isAdmin(currentUser) && (
+                <button
+                  onClick={() => setShowDeleteDialog(true)}
+                  className="ms-auto flex items-center justify-center w-9 h-9 md:w-7 md:h-7 rounded text-destructive hover:text-destructive hover:bg-destructive/10 transition-colors"
+                  title="Удалить задачу"
+                >
+                  <Trash2 className="w-3.5 h-3.5" />
+                </button>
+              )}
             </div>
           </div>
         </div>
@@ -4102,7 +4194,7 @@ const TaskDetail = () => {
               <div className="relative flex-1 overflow-hidden">
                 {showLeftArrow && (
                   <button
-                    className="absolute left-0 top-0 z-10 w-6 h-full bg-background flex items-center justify-center border-r shadow-[2px_0_4px_rgba(0,0,0,0.08)] text-muted-foreground hover:text-foreground transition-colors"
+                    className="absolute left-0 top-0 z-10 w-6 h-full bg-background flex items-center justify-center border-r shadow-sm text-muted-foreground hover:text-foreground transition-colors"
                     onClick={() => tabsScrollEl?.scrollBy({ left: -160, behavior: 'smooth' })}
                   >
                     <ChevronLeft className="w-3 h-3" />
@@ -4132,7 +4224,7 @@ const TaskDetail = () => {
                 </div>
                 {showRightArrow && (
                   <button
-                    className="absolute right-0 top-0 z-10 w-6 h-full bg-background flex items-center justify-center border-l shadow-[-2px_0_4px_rgba(0,0,0,0.08)] text-muted-foreground hover:text-foreground transition-colors"
+                    className="absolute right-0 top-0 z-10 w-6 h-full bg-background flex items-center justify-center border-l shadow-sm text-muted-foreground hover:text-foreground transition-colors"
                     onClick={() => tabsScrollEl?.scrollBy({ left: 160, behavior: 'smooth' })}
                   >
                     <ChevronRight className="w-3 h-3" />
@@ -4180,7 +4272,7 @@ const TaskDetail = () => {
                 <ChatSection className={expandedPane === 'chat' ? "flex-1" : "w-1/3 border-r"} />
               )}
               {expandedPane !== 'chat' && (
-                <div className={(!chatEnabled || expandedPane === 'task') ? "flex-1 pl-2 pr-4 py-4 overflow-auto" : "w-2/3 pl-2 pr-4 py-4 overflow-auto"}>
+                <div className={(!chatEnabled || expandedPane === 'task') ? "flex-1 px-3 md:px-4 py-4 overflow-auto" : "w-2/3 px-3 md:px-4 py-4 overflow-auto"}>
                   {taskContent}
                 </div>
               )}
@@ -4193,7 +4285,7 @@ const TaskDetail = () => {
               {selectedTabId === 'chat' && chatEnabled ? (
                 <ChatSection className="flex-1" />
               ) : (
-                <div className="flex-1 pl-2 pr-4 py-4 overflow-auto">
+                <div className="flex-1 px-3 md:px-4 py-4 overflow-auto">
                   {isMobile ? mobileTaskAccordion : taskContent}
                 </div>
               )}
@@ -4223,8 +4315,15 @@ const TaskDetail = () => {
                     {r.note && <div className="text-muted-foreground truncate">{r.note}</div>}
                     <div className="flex flex-wrap gap-1 mt-1">
                       {r.recipients.map((rec, i) => (
-                        <Badge key={i} variant="secondary" className="text-[10px] px-1.5 py-0">
-                          {rec.type === 'user' ? (users.find((u: any) => u.id === rec.userId)?.fullName || `#${rec.userId}`) : rec.type === 'orgRole' ? `Роль org: ${rec.roleId}` : `Роль: ${(rec as any).role}`}
+                        <Badge key={i} variant="secondary" className="text-[11px] px-1.5 py-0">
+                          {rec.type === 'user'
+                            ? (users.find((u: any) => u.id === rec.userId)?.fullName || `Пользователь №${rec.userId}`)
+                            : rec.type === 'orgRole'
+                              ? (() => {
+                                  const roleName = reminderOrgRolesData?.roles?.find(role => role.id === rec.roleId)?.name;
+                                  return roleName ? `Роль: ${roleName}` : `Роль организации №${rec.roleId}`;
+                                })()
+                              : `Роль: ${(rec as any).role}`}
                         </Badge>
                       ))}
                     </div>
@@ -4291,7 +4390,7 @@ const TaskDetail = () => {
                         {r.type === 'role' ? (
                           <Users className="w-3 h-3 text-muted-foreground" />
                         ) : (
-                          <span className="w-4 h-4 rounded-full bg-primary/20 text-primary text-[9px] flex items-center justify-center font-medium">
+                          <span className="w-4 h-4 rounded-full bg-primary/20 text-primary text-[11px] flex items-center justify-center font-medium">
                             {r.label.charAt(0).toUpperCase()}
                           </span>
                         )}
@@ -4299,7 +4398,7 @@ const TaskDetail = () => {
                         <button
                           type="button"
                           onClick={() => setSelectedRecipients(prev => prev.filter(x => x.id !== r.id))}
-                          className="text-muted-foreground hover:text-foreground ml-0.5"
+                          className="ml-0.5 inline-flex items-center justify-center w-6 h-6 -my-1 rounded relative after:absolute after:-inset-1 after:content-[''] text-muted-foreground hover:text-foreground"
                         >
                           <X className="w-2.5 h-2.5" />
                         </button>
@@ -4341,7 +4440,7 @@ const TaskDetail = () => {
                             <Users className="w-3 h-3 text-muted-foreground" />
                           </div>
                         ) : (
-                          <div className="w-5 h-5 rounded-full bg-primary/20 text-primary text-[10px] flex items-center justify-center font-semibold shrink-0">
+                          <div className="w-5 h-5 rounded-full bg-primary/20 text-primary text-[11px] flex items-center justify-center font-semibold shrink-0">
                             {opt.label.charAt(0).toUpperCase()}
                           </div>
                         )}
@@ -4426,10 +4525,8 @@ const TaskDetail = () => {
       <Dialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>
         <DialogContent className="sm:max-w-md">
           <DialogHeader>
-            <DialogTitle>Удаление задачи</DialogTitle>
+            <DialogTitle>Удалить задачу «{task?.title}»?</DialogTitle>
             <DialogDescription>
-              Вы уверены, что хотите удалить задачу <strong>"{task?.title}"</strong>?
-              <br /><br />
               <span className="text-destructive font-medium">
                 Задача будет удалена безвозвратно вместе со всеми сообщениями, файлами и историей изменений.
               </span>
@@ -4449,7 +4546,7 @@ const TaskDetail = () => {
               onClick={() => deleteTaskMutation.mutate()}
               disabled={deleteTaskMutation.isPending}
             >
-              {deleteTaskMutation.isPending ? 'Удаление...' : 'Удалить'}
+              {deleteTaskMutation.isPending ? 'Удаление…' : 'Удалить задачу'}
             </Button>
           </DialogFooter>
         </DialogContent>
diff --git a/client/src/themes/skins/iistwin.ts b/client/src/themes/skins/iistwin.ts
index edb7b0b..dfbd118 100644
--- a/client/src/themes/skins/iistwin.ts
+++ b/client/src/themes/skins/iistwin.ts
@@ -76,6 +76,13 @@ export const iistwinSkin: Skin = {
         statusOverdue: 'hsl(0 70% 55%)',
         statusPaused: 'hsl(220 5% 60%)',
 
+        warning: 'hsl(48 96% 89%)',
+        warningForeground: 'hsl(25 83% 31%)',
+        success: 'hsl(141 84% 93%)',
+        successForeground: 'hsl(142 72% 24%)',
+        info: 'hsl(214 95% 93%)',
+        infoForeground: 'hsl(224 71% 40%)',
+
         chart1: 'hsl(220 10% 25%)',
         chart2: 'hsl(142 50% 45%)',
         chart3: 'hsl(45 90% 50%)',
@@ -201,6 +208,13 @@ export const iistwinSkin: Skin = {
         statusOverdue: 'hsl(0 70% 60%)',
         statusPaused: 'hsl(220 5% 55%)',
 
+        warning: 'hsl(32 92% 14%)',
+        warningForeground: 'hsl(43 96% 56%)',
+        success: 'hsl(144 80% 10%)',
+        successForeground: 'hsl(142 71% 58%)',
+        info: 'hsl(224 64% 21%)',
+        infoForeground: 'hsl(213 97% 81%)',
+
         chart1: 'hsl(220 5% 70%)',
         chart2: 'hsl(142 50% 55%)',
         chart3: 'hsl(45 90% 55%)',
diff --git a/client/src/themes/skins/omegaprom.ts b/client/src/themes/skins/omegaprom.ts
index 559ff2e..2ed6356 100644
--- a/client/src/themes/skins/omegaprom.ts
+++ b/client/src/themes/skins/omegaprom.ts
@@ -76,6 +76,13 @@ export const omegapromSkin: Skin = {
         statusOverdue: 'hsl(0 70% 55%)',
         statusPaused: 'hsl(220 9% 60%)',
 
+        warning: 'hsl(48 96% 89%)',
+        warningForeground: 'hsl(25 83% 31%)',
+        success: 'hsl(141 84% 93%)',
+        successForeground: 'hsl(142 72% 24%)',
+        info: 'hsl(214 95% 93%)',
+        infoForeground: 'hsl(224 71% 40%)',
+
         chart1: 'hsl(221 83% 53%)',
         chart2: 'hsl(142 55% 45%)',
         chart3: 'hsl(45 90% 50%)',
@@ -201,6 +208,13 @@ export const omegapromSkin: Skin = {
         statusOverdue: 'hsl(0 70% 60%)',
         statusPaused: 'hsl(220 10% 55%)',
 
+        warning: 'hsl(32 92% 14%)',
+        warningForeground: 'hsl(43 96% 56%)',
+        success: 'hsl(144 80% 10%)',
+        successForeground: 'hsl(142 71% 58%)',
+        info: 'hsl(224 64% 21%)',
+        infoForeground: 'hsl(213 97% 81%)',
+
         chart1: 'hsl(217 91% 60%)',
         chart2: 'hsl(142 55% 55%)',
         chart3: 'hsl(45 90% 55%)',
diff --git a/client/src/themes/skins/twenty.ts b/client/src/themes/skins/twenty.ts
index 3b15635..de42ec0 100644
--- a/client/src/themes/skins/twenty.ts
+++ b/client/src/themes/skins/twenty.ts
@@ -80,6 +80,13 @@ export const twentySkin: Skin = {
         statusOverdue: '#e6474c',
         statusPaused: '#a1a1aa',
 
+        warning: '#fef3c7',
+        warningForeground: '#92400e',
+        success: '#dcfce7',
+        successForeground: '#166534',
+        info: '#dbeafe',
+        infoForeground: '#1e40af',
+
         chart1: '#303030',
         chart2: '#009239',
         chart3: '#fd7600',
@@ -207,6 +214,13 @@ export const twentySkin: Skin = {
         statusOverdue: '#f87171',
         statusPaused: '#a1a1aa',
 
+        warning: '#451a03',
+        warningForeground: '#fbbf24',
+        success: '#052e16',
+        successForeground: '#4ade80',
+        info: '#172554',
+        infoForeground: '#93c5fd',
+
         chart1: '#d4d4d8',
         chart2: '#4ade80',
         chart3: '#fbbf24',
diff --git a/client/src/themes/styles/generated-skins.css b/client/src/themes/styles/generated-skins.css
index c8b05da..3667bfb 100644
--- a/client/src/themes/styles/generated-skins.css
+++ b/client/src/themes/styles/generated-skins.css
@@ -57,6 +57,12 @@
   --status-progress: hsl(45 90% 50%);
   --status-overdue: hsl(0 70% 55%);
   --status-paused: hsl(220 5% 60%);
+  --warning: hsl(48 96% 89%);
+  --warning-foreground: hsl(25 83% 31%);
+  --success: hsl(141 84% 93%);
+  --success-foreground: hsl(142 72% 24%);
+  --info: hsl(214 95% 93%);
+  --info-foreground: hsl(224 71% 40%);
   --chart1: hsl(220 10% 25%);
   --chart2: hsl(142 50% 45%);
   --chart3: hsl(45 90% 50%);
@@ -157,6 +163,12 @@
   --status-progress: hsl(45 90% 55%);
   --status-overdue: hsl(0 70% 60%);
   --status-paused: hsl(220 5% 55%);
+  --warning: hsl(32 92% 14%);
+  --warning-foreground: hsl(43 96% 56%);
+  --success: hsl(144 80% 10%);
+  --success-foreground: hsl(142 71% 58%);
+  --info: hsl(224 64% 21%);
+  --info-foreground: hsl(213 97% 81%);
   --chart1: hsl(220 5% 70%);
   --chart2: hsl(142 50% 55%);
   --chart3: hsl(45 90% 55%);
@@ -257,6 +269,12 @@
   --status-progress: #fd7600;
   --status-overdue: #e6474c;
   --status-paused: #a1a1aa;
+  --warning: #fef3c7;
+  --warning-foreground: #92400e;
+  --success: #dcfce7;
+  --success-foreground: #166534;
+  --info: #dbeafe;
+  --info-foreground: #1e40af;
   --chart1: #303030;
   --chart2: #009239;
   --chart3: #fd7600;
@@ -357,6 +375,12 @@
   --status-progress: #fbbf24;
   --status-overdue: #f87171;
   --status-paused: #a1a1aa;
+  --warning: #451a03;
+  --warning-foreground: #fbbf24;
+  --success: #052e16;
+  --success-foreground: #4ade80;
+  --info: #172554;
+  --info-foreground: #93c5fd;
   --chart1: #d4d4d8;
   --chart2: #4ade80;
   --chart3: #fbbf24;
@@ -457,6 +481,12 @@
   --status-progress: hsl(45 90% 50%);
   --status-overdue: hsl(0 70% 55%);
   --status-paused: hsl(220 9% 60%);
+  --warning: hsl(48 96% 89%);
+  --warning-foreground: hsl(25 83% 31%);
+  --success: hsl(141 84% 93%);
+  --success-foreground: hsl(142 72% 24%);
+  --info: hsl(214 95% 93%);
+  --info-foreground: hsl(224 71% 40%);
   --chart1: hsl(221 83% 53%);
   --chart2: hsl(142 55% 45%);
   --chart3: hsl(45 90% 50%);
@@ -557,6 +587,12 @@
   --status-progress: hsl(45 90% 55%);
   --status-overdue: hsl(0 70% 60%);
   --status-paused: hsl(220 10% 55%);
+  --warning: hsl(32 92% 14%);
+  --warning-foreground: hsl(43 96% 56%);
+  --success: hsl(144 80% 10%);
+  --success-foreground: hsl(142 71% 58%);
+  --info: hsl(224 64% 21%);
+  --info-foreground: hsl(213 97% 81%);
   --chart1: hsl(217 91% 60%);
   --chart2: hsl(142 55% 55%);
   --chart3: hsl(45 90% 55%);
diff --git a/client/src/themes/tokens.ts b/client/src/themes/tokens.ts
index 80cdc96..37bf7e0 100644
--- a/client/src/themes/tokens.ts
+++ b/client/src/themes/tokens.ts
@@ -92,6 +92,14 @@ export interface ColorTokens {
   statusOverdue: string;
   statusPaused: string;
 
+  // Семантические цвета состояний (предупреждение / успех / информация)
+  warning: string;
+  warningForeground: string;
+  success: string;
+  successForeground: string;
+  info: string;
+  infoForeground: string;
+
   // Chart colors
   chart1: string;
   chart2: string;
@@ -199,6 +207,12 @@ export const EDITABLE_COLOR_TOKENS: Array<{ key: string; label: string; category
   { key: 'colors.statusProgress', label: 'В работе', category: 'Status' },
   { key: 'colors.statusOverdue', label: 'Просрочено', category: 'Status' },
   { key: 'colors.statusPaused', label: 'Приостановлено', category: 'Status' },
+  { key: 'colors.warning', label: 'Предупреждение', category: 'Status' },
+  { key: 'colors.warningForeground', label: 'Предупреждение текст', category: 'Status' },
+  { key: 'colors.success', label: 'Успех', category: 'Status' },
+  { key: 'colors.successForeground', label: 'Успех текст', category: 'Status' },
+  { key: 'colors.info', label: 'Инфо', category: 'Status' },
+  { key: 'colors.infoForeground', label: 'Инфо текст', category: 'Status' },
 
   { key: 'colors.sidebar', label: 'Фон сайдбара', category: 'Sidebar' },
   { key: 'colors.sidebarForeground', label: 'Текст сайдбара', category: 'Sidebar' },
@@ -236,6 +250,7 @@ const SHADCN_COLOR_VARS = new Set([
   'primary', 'primaryForeground', 'secondary', 'secondaryForeground',
   'muted', 'mutedForeground', 'accent', 'accentForeground',
   'destructive', 'destructiveForeground', 'border', 'input', 'ring',
+  'warning', 'warningForeground', 'success', 'successForeground', 'info', 'infoForeground',
 ]);
 
 const STATUS_VARS = new Set(['statusDone', 'statusProgress', 'statusOverdue', 'statusPaused']);
diff --git a/tailwind.config.ts b/tailwind.config.ts
index c0afd04..6ed77a4 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -51,6 +51,18 @@ export default {
           DEFAULT: "var(--destructive)",
           foreground: "var(--destructive-foreground)",
         },
+        warning: {
+          DEFAULT: "var(--warning)",
+          foreground: "var(--warning-foreground)",
+        },
+        success: {
+          DEFAULT: "var(--success)",
+          foreground: "var(--success-foreground)",
+        },
+        info: {
+          DEFAULT: "var(--info)",
+          foreground: "var(--info-foreground)",
+        },
         border: "var(--border)",
         input: "var(--input)",
         ring: "var(--ring)",