/* crop-card — паспорт посева: табы «Работы»/«Замеры» (клон mobile) */

/* OtDashedDivider(backgroundColor: white, horizontalPadding: 8) между
   карточкой работы и карточкой «Плановые материалы» */
.cropw-div{background:var(--white);padding:0 8px}

/* InspectionsReportMeasuresContainer рисуется двумя белыми карточками
   (.card) через .cropw-div — отдельного контейнера ему не нужно. */

/* ==========================================================================
   Паспорт поля — field_detail_page.dart + widgets/tab_detail/*
   ========================================================================== */

/* info.dart: SingleChildScrollView(padding horizontal 7), сверху 15,
   между карточками 10, снизу 120. Севооборот и работы — те же отступы
   (crop_rotation.dart: top 15 / horizontal 7 / bottom 120;
   work.dart: horizontal 7, у группы padding top/bottom 10). */
.fld-info{padding:15px 7px 120px;display:flex;flex-direction:column;gap:10px}
.fld-list{padding:15px 7px 120px;display:flex;flex-direction:column;gap:10px}
.fld-works{padding:10px 7px 120px;display:flex;flex-direction:column;gap:10px}

/* MapCard: превью карты 150px, radius 8 (ClipRRect 9), фон backgroundLight.
   Внутрь монтируется тот же слот #cropMiniMap, что и в паспорте посева. */
.fld-map{position:relative;height:150px;border-radius:8px;overflow:hidden;background:var(--bgLight)}

/* StaffViewContainer: CircleAvatar(radius 15) + SuperButton(45 шириной,
   buttonColor text300, иконка 20 в textColor text900) */
.fld-staff{display:flex;align-items:center;gap:8px}
.fld-ava{width:30px;height:30px;font-size:11px;line-height:1.35}
.fld-callbtn{width:45px;height:40px;border-radius:8px;background:var(--text300);
  display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.fld-callbtn:active{background:var(--text400)}

/* _SpecRow / _InfoRow: подпись слева (Expanded), значение справа (Flexible) */
.fld-row{display:flex;align-items:flex-start;gap:12px}
.fld-row>.p3{flex:1;min-width:0}
.fld-row>.p2{flex:0 1 auto;min-width:0;text-align:right}
/* _MetricRow: правый блок ровно в половину ширины, Wrap(spacing 8, runSpacing 4) */
.fld-row>.fld-metric{flex:0 0 50%;width:50%;display:flex;flex-wrap:wrap;
  align-items:center;justify-content:flex-end;gap:4px 8px;text-align:right}
.fld-trend{display:inline-flex;align-items:center;gap:4px}

/* KeyCard: Wrap(spacing 5, runSpacing 5) из OtBadgeStatusChip */
.fld-chips{display:flex;flex-wrap:wrap;gap:5px}

/* MeteoAnalyticsCard: заголовок + chevron (padding right 4, bottom 6) */
.fld-meteo__head{display:flex;align-items:center;padding:0 4px 6px 0}

/* ViewCompleatedCard: OtListItem в рамке text300, radius 8, padding 12 */
.fld-tile{display:flex;align-items:center;gap:4px;padding:12px;
  border:1px solid var(--text300);border-radius:8px}

/* work_card.dart: CircleAvatar(radius 12) статуса работы + две карточки
   подряд, между ними DashedDivider(height 2) — .cropw-div выше */
.fld-work{display:flex;flex-direction:column}
.fld-dot{width:24px;height:24px;border-radius:50%;flex:0 0 24px}

/* Конструктор контура поля (OtMapDraw в field_shape_editing_form) —
   один в один с конструктором опытов (.tr-draw в css/feat/trials.css) */
.fld-draw{position:relative;height:300px;border-radius:12px;overflow:hidden;
  border:1px solid var(--bgBorder);background:#F8F4F0}
.fld-draw svg{position:absolute;inset:0;width:100%;height:100%;display:block;
  touch-action:none;cursor:crosshair}
.fld-draw svg [data-vi],.fld-draw svg [data-mi]{cursor:grab}
.fld-draw__chip{position:absolute;top:8px;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:6px;background:#fff;border-radius:8px;
  padding:5px 14px;box-shadow:0 1px 3px rgba(0,0,0,.2);pointer-events:none}
.fld-draw__chip span{font-size:14px;font-weight:600;color:var(--text900)}
.fld-draw__hint{position:absolute;top:46px;left:50%;transform:translateX(-50%);
  width:max-content;max-width:85%;background:rgba(29,33,38,.85);color:#fff;
  border-radius:8px;padding:7px 12px;font-size:12px;font-weight:500;line-height:1.4;
  text-align:center;pointer-events:none;transition:opacity .2s}
.fld-draw__hint.is-hidden{opacity:0}
.fld-draw__clear{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:8px;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);
  display:flex;align-items:center;justify-content:center}
.fld-draw__clear:active{background:var(--default5)}