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

/* --- OtFormControlFiller (ot_form_control_filler.dart): подпись слева,
   значение-кнопка text300 radius 8, padding 6/23, вертикальный отступ 5 --- */
.wk-filler{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0}
.wk-filler__btn{padding:6px 23px;border-radius:8px;background:var(--text300);color:var(--text900);
  flex:0 0 auto;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wk-filler__btn:active{background:var(--text400)}

/* --- OtDateRangePicker (ot_date_range_picker.dart): поле 40px с иконкой
   календаря слева и шевроном/крестиком справа + ряд быстрых диапазонов --- */
.wk-dr{display:flex;flex-direction:column;gap:7px}
.wk-dr__field{display:flex;align-items:center;gap:8px;height:40px;width:100%;
  padding:0 12px 0 12px;border:1px solid var(--text400);border-radius:8px;background:#fff}
.wk-dr__field>span:nth-child(2){flex:1;min-width:0;text-align:left;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;color:var(--text900)}
.wk-dr__field>span.is-ph{color:var(--text700);font-weight:400}
.wk-dr__field:active{background:var(--default5)}
.wk-quick{display:flex;align-items:center;gap:8px;height:50px;overflow-x:auto;scrollbar-width:none}
.wk-quick::-webkit-scrollbar{display:none}
.wk-quick__chip{flex:0 0 auto;height:34px;padding:8px 12px;border-radius:6px;
  background:var(--text300);color:var(--text900);font-size:12px;font-weight:500;line-height:1.5}
.wk-quick__chip.on{background:var(--primary500);color:#fff}
.wk-quick__chip:active{background:var(--text400)}

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

/* --- Строка-итог шага количества (Align.centerRight, bodyMedium) --- */
.wk-total{text-align:right;color:var(--text900);white-space:pre}

/* --- Шит рисков вида работ (inspections_report_problems_list_bottom_sheet
   + inspections_report_problem_list_detail_card) --- */
.wk-prob-cnt{font-size:14px;font-weight:600;line-height:1.35;color:var(--text600)}
.wk-prob-card{padding:12px;border:1px solid var(--bgBorder);border-radius:12px;background:#fff}
.wk-prob-banner{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;
  border:1px solid var(--bgBorder);width:100%;text-align:left}
.wk-prob-banner.on{background:rgba(234,76,66,.1);border-color:rgba(235,75,89,.25)}
.wk-prob-banner:active{filter:brightness(.97)}