/* Дозаказ (спека 045): копия mockup/screens-reorder.css. Общие fm-* и stk-* берутся из screens-stock.css; ниже только
   то, чего там нет (fm-lead, fm-top, fm-bad из mockup/screens-future-marina.css). Фото - st-photo-s станции. */
/* Дозаказ (спека 045): настройки, группы по срочности, размеры с числом «дошить». Общие куски - в screens-stock.css. */
.ro-set { display: grid; grid-template-columns: repeat(3, minmax(0, 200px)) auto; gap: var(--sp-3); align-items: end; }
.ro-set input[aria-invalid="true"] { border-color: var(--danger-ink); }
.ro-model { gap: var(--sp-2); }
.ro-head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2) var(--sp-3); }
.ro-art { font-family: var(--display); font-weight: 700; font-size: 20px; }
.ro-make { margin-left: auto; font-family: var(--display); font-weight: 700; font-size: 22px; }
.ro-sizes { list-style: none; display: flex; flex-wrap: wrap; gap: var(--sp-1) var(--sp-2); }
.ro-sizes li { padding: 2px 10px; background: var(--surface-2); border-radius: var(--radius-check); font-variant-numeric: tabular-nums lining-nums; }
.ro-sizes b { font-family: var(--display); }
.ro-group { display: flex; flex-direction: column; gap: var(--sp-2); }
.ro-group > h2 { font-family: var(--display); font-size: 22px; font-weight: 700; }
.ro-few { display: flex; align-items: center; gap: var(--sp-2); }
.ro-few-why { list-style: none; display: flex; flex-direction: column; gap: var(--sp-1); }
.ro-few-why li { display: flex; align-items: center; gap: var(--sp-2); padding: var(--sp-1) var(--sp-3); background: var(--surface-2); border-radius: var(--radius); font-size: var(--fs-caption); }
/* Продажи прошлого года: полоса хода загрузки и неактивная вкладка */
.ro-bar { display: flex; gap: 3px; height: 14px; }
.ro-bar > span { flex: 1; background: var(--surface-2); border-radius: 7px; }
.ro-bar > span.on { background: var(--ink-dim); }
.ro-year-line { font-size: var(--fs-text); }
.fm-tabs .ro-tab-off { display: inline-flex; align-items: center; min-height: var(--target); padding: 0 var(--sp-3); border-radius: var(--radius);
  background: var(--surface-2); border: 2px dashed var(--line); color: var(--ink-dim); font-family: var(--display); cursor: not-allowed; }

/* Из mockup/screens-future-marina.css */
.fm-lead { font-size: var(--fs-text); max-width: 62ch; }
.fm-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-3) var(--sp-4); }
.fm-top .sumline { flex: 1 1 320px; min-width: 0; }
.fm-top .sumline-word { font-size: 22px; }
.fm-bad { color: var(--danger-ink); font-weight: 700; font-size: var(--fs-text); }
.ro-head .st-photo-s { flex: none; }