/* inspections — стили модуля (клон mobile) */

/* --- OtButton.withPrependMd: кнопка функций-шита -------------------------
   Полная ширина, radius 8, padding 12, иконка 20 слева, текст 14/500,
   заливка colorScheme.secondary; удаление — colorScheme.error, текст белый. */
.btn-fn{width:100%;display:flex;align-items:center;gap:8px;padding:12px;border-radius:8px;
  background:var(--secondary);font-size:14px;font-weight:500;line-height:1.35;text-align:left}
.btn-fn:active{background:var(--text400)}
.btn-fn--danger{background:var(--red)}
.btn-fn--danger:active{background:#D33F35}

/* Выбранный активатор шага «Выберите категорию» формы препарата */
.btn-activator.is-on{background:var(--primary50);border-color:var(--primary300)}

/* --- Дашборд аналитики (inspection_analytics_dashboard) ------------------ */
.ia-card{background:#fff;border-radius:12px;padding:16px}
.ia-big{font-size:20px;font-weight:700;line-height:1.35;color:var(--text900)}
.ia-pct{padding:2.5px 4px;border-radius:4px;background:var(--statusInfoBg);
  font-size:10px;font-weight:600;line-height:1.4;color:var(--statusInfo);white-space:nowrap}
.ia-progress{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--backGrounLight)}
.ia-progress > span{display:block;height:100%}
.ia-legend{display:flex;flex-wrap:wrap;gap:8px 16px}
.ia-legend__item{display:inline-flex;align-items:center;gap:4px}
.ia-sq{width:8px;height:8px;border-radius:2px;flex:0 0 8px}
.ia-sq--lg{width:10px;height:10px;border-radius:4px;flex:0 0 10px;margin-right:2px}

.ia-vdiv{width:1px;align-self:stretch;background:#EEEEEE;margin:0 16px;flex:0 0 1px}
.ia-donut{height:200px;display:flex;align-items:center;justify-content:center}
.ia-donut__ring{width:160px;height:160px;border-radius:50%;position:relative}
.ia-donut__hole{position:absolute;inset:32px;background:#fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center}
.ia-donut__num{font-size:32px;font-weight:700;line-height:1.1;color:var(--text900)}
.ia-legrow{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.ia-dot{width:8px;height:8px;border-radius:2px;flex:0 0 8px}

/* --- Сабтаб «Замеры»: белый контейнер баннеров -------------------------- */
.insp-mcontainer{background:var(--surfaceBright);border-radius:12px;padding:12px;
  display:flex;flex-direction:column;gap:12px}

/* --- Карточки list bottom sheets («Замеры» / «Риски» с карты) ----------- */
/* MeasuresListDetailCard: color = colorScheme.surfaceContainerHighest (белый),
   рамка onPrimaryContainer (backgroundGray30). Карточка риска
   (InspectionsReportProblemListDetailCard) — только рамка, без заливки. */
.insp-listcard{border:1px solid var(--bgGray30);border-radius:12px;padding:12px;
  background:#fff;display:flex;flex-direction:column;gap:12px}
.insp-listcard--plain{background:transparent;display:block}
.insp-pbanner{width:100%;display:flex;align-items:center;gap:12px;padding:12px;
  border-radius:8px;border:1px solid var(--bgGray30);text-align:left}
.insp-pbanner.is-active{background:color-mix(in srgb, var(--red) 10%, transparent);
  border-color:color-mix(in srgb, var(--statusDangerBorder) 25%, transparent)}

/* --- Подсветка целевой карточки при переходе (3000 мс, easeOut) --------- */
.insp-target{border-radius:12px;animation:inspTarget 3s ease-out forwards}
@keyframes inspTarget{
  0%   {box-shadow:0 0 0 3px var(--primary500)}
  100% {box-shadow:0 0 0 0 rgba(63,115,171,0)}
}

/* --- Эконом-контейнер карточки рекомендации ----------------------------- */
.rec-econ{width:100%;display:block;text-align:left;padding:12px;border-radius:8px;
  border:1px solid #E6E8EE}
.rec-econ:active{background:var(--default5)}
/* Кружок сравнения: colorScheme.secondary (= text300), знак 18/700
   цветом onSecondary (= text900) — recommendation_economic_container.dart */
.rec-econ__cmp{width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:var(--secondary);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:18px;font-weight:700;line-height:1;color:var(--text900)}

/* --- Шит «Экономическое обоснование» ------------------------------------ */
.rec-cmpbar{display:flex;align-items:center;justify-content:space-around;gap:8px;
  padding:12px;border-radius:8px;background:color-mix(in srgb, var(--backGrounLight) 80%, transparent)}
.rec-cmpbar__circle{width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;line-height:1}
.rec-econblock{border:1px solid var(--text400);border-radius:8px;padding:12px;
  display:flex;flex-direction:column;gap:8px}

/* --- Карточка препарата в шите «Препараты» ------------------------------ */
.rec-matcard{border:1px solid var(--bgGray30);border-radius:8px;padding:12px}

/* --- Строка «Площадь посева ↔ чип» (area_binding_step) ------------------ */
.rec-arearow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0}
.rec-areachip{padding:6px 23px;border-radius:8px;background:var(--text300);
  font-size:14px;font-weight:400;line-height:1.35;color:var(--text900)}
.rec-areachip:active{background:var(--text400)}

/* --- Тайл посева в шите «Посевы со схожим состоянием» ------------------- */
.crop-tile{display:flex;gap:12px;align-items:center;padding:8px 12px;border-radius:8px;
  border:1px solid var(--text300)}

/* --- Форма сообщения: кнопка отправки ------------------------------------
   IconButton(padding 12/10, иконка 20) → 44×40; форма по умолчанию M3 —
   StadiumBorder, то есть радиус в половину высоты. */
.cmt-send{width:44px;height:40px;flex:0 0 44px;border-radius:20px;background:var(--primary500);
  display:flex;align-items:center;justify-content:center}
.cmt-send:active{background:var(--primary600)}

/* --- Голосовой комментарий (animated_mic.dart) -------------------------- */
.vrec__wrap{width:129px;height:129px;display:flex;align-items:center;justify-content:center;position:relative}
.vrec__mic{width:96px;height:96px;border-radius:50%;background:var(--bgLight);
  display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.vrec__ring{position:absolute;width:103px;height:103px;border-radius:50%;
  background:color-mix(in srgb, var(--primary400) 60%, transparent);
  animation:vrecPulse 1.2s ease-out infinite}
@keyframes vrecPulse{
  0%   {width:103px;height:103px;background:color-mix(in srgb, var(--primary400) 60%, transparent)}
  100% {width:129px;height:129px;background:color-mix(in srgb, var(--primary400) 15%, transparent)}
}
.vrec__dots{display:flex;gap:5px}
.vrec__dots i{width:8px;height:8px;border-radius:50%;background:var(--primary500);
  animation:vrecDots .9s ease-in-out infinite}
.vrec__dots i:nth-child(2){animation-delay:.15s}
.vrec__dots i:nth-child(3){animation-delay:.3s}
@keyframes vrecDots{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-6px);opacity:1}}

/* --- Мультизамер: заголовок схемы ЗАГЛАВНЫМИ ---------------------------- */
.mm-title{font-size:14px;font-weight:700;line-height:1.35;color:var(--text900);letter-spacing:.02em}

/* --- Быстрые диапазоны OtDateRangePicker (OtButton.colored) --------------
   горизонтальный ListView, высота 50 (кнопка 34), gap 8, radius 6,
   padding 12/8, 12 px; выбранный — primary500 + белый текст. */

/* --- Календарь диапазона (OtDateRangePicker) ---------------------------- */

/* --- Шаг CropTrialPlotStep форм «Изменение опытного участка» -------------
   crop_trial_plot_select.dart: при пустом списке вместо OtListView
   рисуется голый Text('Нет доступных участков') — стиль темы по умолчанию
   (bodyMedium 14/400 text900), без рамок и подложки. */
.itpe-empty{font-size:14px;font-weight:400;line-height:1.35;color:var(--text900);padding:4px 0}