/* Экраны р0.2, поток R1 — обращение. Только var(--…) токенов пакета, классы rd-r1-*.
   Компоненты пакета (rd-card, rd-btn, rd-route, rd-state…) стоят в rd-kit.css; здесь то, чего
   в них нет: список с панелью, форма заведения, распределение, закрытое обращение.
   Телефон — max-width 767px (DESIGN_SYSTEM.md §4). */

.rd-r1 { font-family: var(--font); color: var(--text-primary); font-size: var(--fs-body); min-width: 0; }
.rd-r1, .rd-r1 * { box-sizing: border-box; }
.rd-r1 a { color: var(--brand-blue-text); text-decoration: none; }
.rd-r1 a:hover { text-decoration: underline; }
.rd-r1 .rd-btn { text-decoration: none; }
.rd-r1 .rd-btn:hover { text-decoration: none; }
.rd-r1 .rd-fx a, .rd-r1 a.rd-btn--pri { color: var(--bg-surface); }
.rd-r1 a.rd-btn--soft, .rd-r1 a.rd-btn--ghost { color: var(--text-primary); }
.rd-r1-title { margin: 0; font-size: var(--fs-page-title); font-weight: var(--fw-page-title); letter-spacing: var(--ls-page-title); color: var(--text-primary); line-height: 1.15; }
.rd-r1-sub { margin: 4px 0 0; font-size: var(--fs-body); color: var(--text-secondary); }
.rd-r1-none { margin: 0; font-size: var(--fs-body); color: var(--text-secondary); }
.rd-r1-err { margin: 0; font-size: var(--fs-meta); color: var(--state-late-text); }
.rd-r1-why { margin: 6px 0 0; font-size: var(--fs-meta); color: var(--text-secondary); }
.rd-r1-hint { margin: 8px 0 0; font-size: var(--fs-meta); color: var(--text-secondary); }
.rd-r1-lab { display: block; margin: 0 0 6px; font-size: var(--fs-meta); color: var(--text-muted); }
.rd-r1-back { font-size: var(--fs-meta); }
.rd-r1-tel { white-space: nowrap; }

/* Отказ и «готово» строкой над экраном. */
.rd-r1-alert { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding: 14px 18px; border-radius: var(--r-card); background: var(--bg-surface); box-shadow: inset 4px 0 0 var(--state-late); color: var(--text-primary); font-size: var(--fs-body); }
.rd-r1-alert b { font-weight: 600; }
.rd-r1-alert .rd-btn { margin-left: auto; }
.rd-r1-done { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding: 12px 18px; border-radius: var(--r-card); background: var(--brand-blue-soft); color: var(--brand-blue-text); font-size: var(--fs-body); }
.rd-r1-done .rd-btn { margin-left: auto; }

/* Заготовка: серые строки, пока запись в пути. */
.rd-r1-bones { display: flex; flex-direction: column; gap: 12px; padding: 4px 0; }
.rd-r1-bone { display: block; height: 14px; border-radius: 7px; background: var(--line-strong); }
.rd-r1-bone:nth-child(2n) { width: 70%; }

/* Поля ввода. Телефон: 48 и 16 (iOS не увеличивает). */
.rd-r1-in { width: 100%; min-height: var(--btn-h); padding: 8px 12px; border: 0; border-radius: var(--r-button); background: var(--bg-page); color: var(--text-primary); font: inherit; font-size: var(--fs-body); }
.rd-r1-in::placeholder { color: var(--text-muted); }
.rd-r1-in:disabled { color: var(--text-muted); cursor: not-allowed; }
.rd-r1-area { resize: vertical; min-height: 76px; line-height: 1.4; }
.rd-r1-ro { display: block; min-height: var(--btn-h); padding: 8px 0; color: var(--text-primary); }
.rd-r1-fld { display: block; min-width: 0; margin-top: 16px; }
.rd-r1-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
.rd-r1-send { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
.rd-r1-do { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.rd-r1-do > .rd-r1-in { flex: 1 1 260px; width: auto; }
.rd-r1-do--pick { align-items: flex-start; }
.rd-r1-do--pick > .picker { flex: 1 1 240px; }

/* Подбор (kit::Pick) под пакет: поле на фоне страницы, без обводки. */
.rd-r1 .picker { position: relative; }
.rd-r1 .picker input { width: 100%; min-height: var(--btn-h); padding: 8px 12px; border: 0; border-radius: var(--r-button); background: var(--bg-page); color: var(--text-primary); font: inherit; font-size: var(--fs-body); }
.rd-r1 .picker input::placeholder { color: var(--text-muted); }
.rd-r1 .picker__chip { height: var(--btn-h); border-radius: var(--r-button); background: var(--brand-blue-soft); color: var(--brand-blue-text); border: 0; }

/* ── Список обращений и панель (CalmTickets) ─────────────────────────────── */
.rd-r1-desk { display: grid; grid-template-columns: 460px minmax(0, 1fr); gap: var(--gap); align-items: start; }
.rd-r1-list { display: flex; flex-direction: column; min-height: calc(100vh - var(--topbar-h) - 56px); min-width: 0; }
.rd-r1-list__top { display: flex; align-items: center; gap: 12px; }
.rd-r1-list__top .rd-r1-title { flex: 1; }
.rd-r1-plus { padding: 0 12px; }
.rd-r1-tabs { display: flex; gap: 22px; margin-top: 10px; border-bottom: 1px solid var(--line); overflow-x: auto; }
.rd-r1-tab { appearance: none; height: 34px; padding: 0; border: 0; border-radius: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; background: none; font: inherit; font-size: var(--fs-body); color: var(--text-muted); cursor: pointer; white-space: nowrap; }
.rd-r1-tab:hover { color: var(--text-primary); }
.rd-r1-tab[aria-selected="true"] { color: var(--text-primary); font-weight: 600; border-bottom-color: var(--text-primary); }
.rd-r1-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.rd-r1-chip { appearance: none; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; border: 0; border-radius: var(--r-chip); background: var(--bg-page); color: var(--text-secondary); font: inherit; font-size: var(--fs-meta); cursor: pointer; }
.rd-r1-chip:hover { background: var(--bg-hover); }
.rd-r1-chip[aria-pressed="true"] { background: var(--brand-blue-soft); color: var(--brand-blue-text); }
.rd-r1-chip__x { font-size: var(--fs-body); line-height: 1; }
.rd-r1-find { flex: 1 1 160px; display: flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; border-radius: var(--r-chip); background: var(--bg-page); color: var(--text-muted); min-width: 0; }
.rd-r1-find input { flex: 1; min-width: 0; height: 100%; border: 0; background: none; font: inherit; font-size: var(--fs-meta); color: var(--text-primary); outline: none; }
.rd-r1-find:focus-within { box-shadow: 0 0 0 2px var(--brand-blue); }
.rd-r1-rows { flex: 1; margin-top: 8px; min-height: 0; }
.rd-r1-group { margin-top: 10px; }
.rd-r1-grp { margin: 0 0 4px 2px; padding-top: 6px; font-size: var(--fs-group); font-weight: 600; letter-spacing: 0.03em; text-transform: uppercase; color: var(--text-faint); }
.rd-r1-item { display: block; color: inherit; border-radius: 10px; }
.rd-r1 a.rd-r1-item { color: var(--text-primary); }
.rd-r1-item:hover, .rd-r1 a.rd-r1-item:hover { text-decoration: none; background: var(--bg-subtle); }
.rd-r1-item .rd-row { padding: 6px 8px; border-top: 0; min-height: 54px; }
.rd-r1-item .rd-row + .rd-row { border-top: 0; }
.rd-r1-item[aria-current="true"], .rd-r1-item[aria-current="true"]:hover { background: var(--brand-blue-soft); }
.rd-r1-item__t { display: block; font-size: var(--fs-body); color: var(--text-primary); overflow-wrap: anywhere; }
.rd-r1-item__s { display: block; margin-top: 1px; font-size: var(--fs-meta); color: var(--text-muted); overflow-wrap: anywhere; }
.rd-r1-pager { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; font-size: var(--fs-meta); color: var(--text-secondary); }
.rd-r1-pager__b { display: inline-flex; gap: 8px; }
.rd-r1-keys { margin: 14px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: var(--fs-label); color: var(--text-muted); }
.rd-r1-keys kbd { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 4px; background: var(--dir-none-bg); color: var(--text-secondary); font: inherit; font-size: 11px; font-weight: 600; }
.rd-r1-side { display: flex; flex-direction: column; gap: var(--gap); min-width: 0; }
.rd-r1-blank { min-height: 320px; display: flex; align-items: center; justify-content: center; }
.rd-r1-none-card { display: flex; flex-direction: column; align-items: center; padding: 56px 0 0; }
.rd-r1-none-ico { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px; background: var(--bg-page); color: var(--text-secondary); }

/* ── Панель и страница обращения ─────────────────────────────────────────── */
.rd-r1-pane { display: flex; flex-direction: column; gap: var(--gap); min-width: 0; min-height: calc(100vh - var(--topbar-h) - 56px); padding: var(--card-pad); border-radius: var(--r-card); background: var(--bg-surface); }
.rd-r1-pane .rd-card, .rd-r1-pane .rd-r1-sec, .rd-r1-pane .rd-r1-facts { padding: 0; background: none; border-radius: 0; }
.rd-r1-page { display: flex; flex-direction: column; gap: var(--gap); min-width: 0; }
.rd-r1-page .rd-r1-sec { padding: var(--card-pad); border-radius: var(--r-card); background: var(--bg-surface); }
.rd-r1-sec { min-width: 0; }
.rd-r1-sec--warn { box-shadow: inset 4px 0 0 var(--state-wait); }
.rd-r1-pane .rd-r1-sec--warn { padding-left: 14px; }
.rd-r1-h { margin: 0 0 10px; font-size: var(--fs-card-title); font-weight: var(--fw-card-title); color: var(--text-primary); }
.rd-r1-head { align-items: flex-start; }
.rd-r1-head__act, .rd-r1-head__end { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; flex-shrink: 0; }
.rd-r1-head__end { flex-direction: column; align-items: flex-end; gap: 4px; font-size: var(--fs-meta); font-weight: 400; }
.rd-r1-head__when { color: var(--text-muted); font-size: var(--fs-meta); }
.rd-r1-pane .rd-head__title { font-size: 22px; }

/* Срок: слово, полоса, остаток. */
.rd-r1-due { display: flex; align-items: center; gap: 16px; padding: 10px 14px; border-radius: 12px; background: var(--bg-page); font-size: var(--fs-body); color: var(--text-primary); }
.rd-r1-due .rd-state { font-size: var(--fs-body); color: var(--text-primary); white-space: nowrap; }
.rd-r1-due__bar { flex: 1; min-width: 60px; }
.rd-r1-due__r { margin-left: auto; font-size: var(--fs-meta); color: var(--text-secondary); white-space: nowrap; }
.rd-r1-page .rd-r1-sec--due { padding: 14px 24px; }
.rd-r1-pane .rd-r1-sec--due { padding: 0; }

.rd-r1-next { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 14px; }
.rd-r1-rule { margin: 14px 0 0; font-size: var(--fs-body); color: var(--text-primary); }
.rd-r1-next .rd-r1-rule { margin: 0; flex: 1 1 260px; }
.rd-r1-next .rd-r1-do { margin: 0 0 0 auto; }
.rd-r1-deals { display: flex; flex-direction: column; gap: 4px; margin-top: 10px; flex: 1 1 100%; }
.rd-r1-deal { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2px 10px; align-items: center; padding: 8px 10px; border-radius: 10px; background: var(--bg-page); cursor: pointer; }
.rd-r1-deal input { grid-row: span 2; }
.rd-r1-deal__t { font-weight: 500; color: var(--text-primary); }
.rd-r1-deal__m { font-size: var(--fs-meta); color: var(--text-muted); }
.rd-r1-bind, .rd-r1-bindrow { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rd-r1-bindrow > .picker { min-width: 220px; }

.rd-r1-cols { display: grid; grid-template-columns: minmax(0, 1fr) var(--aside-w); gap: var(--gap); align-items: start; min-width: 0; }
.rd-r1-cols--pane { grid-template-columns: minmax(0, 1fr) 230px; }
.rd-r1-colmain { display: flex; flex-direction: column; gap: var(--gap); min-width: 0; }
.rd-r1-talk { display: flex; flex-direction: column; }
.rd-r1-bub { display: flex; flex-direction: column; gap: 10px; }
.rd-r1-b { max-width: 82%; padding: 10px 14px; border-radius: 14px; background: var(--bg-page); align-self: flex-start; }
.rd-r1-b--mine { align-self: flex-end; background: var(--brand-blue-soft); }
.rd-r1-b__t { font-size: var(--fs-body); color: var(--text-primary); overflow-wrap: anywhere; white-space: pre-wrap; }
.rd-r1-b__m { margin-top: 4px; font-size: var(--fs-label); color: var(--text-muted); }
.rd-r1-note { margin-top: 16px; }
.rd-r1-facts .rd-dl__row { grid-template-columns: 110px minmax(0, 1fr); }
.rd-r1-pane .rd-r1-facts .rd-dl__row { grid-template-columns: 1fr; gap: 0; padding: 5px 0; }
.rd-r1-pane .rd-r1-facts .rd-dl dt { font-size: var(--fs-label); }

/* Закрытое: ячейки итога на чёрном, сроки, слова, история. */
.rd-r1-strip { display: none; }
.rd-r1 .rd-fx + .rd-r1-strip { display: block; margin-top: calc(var(--gap) * -1); }
.rd-r1-cells { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 0 24px 18px; background: var(--fx-bg); border-radius: 0 0 var(--r-card) var(--r-card); }
.rd-r1-cell { display: flex; align-items: center; justify-content: center; height: 32px; border-radius: 9px; background: var(--fx-btn); color: var(--text-faint); font-size: var(--fs-meta); }
.rd-r1-cell--on { background: var(--bg-surface); color: var(--text-primary); font-weight: 600; }
.rd-r1 .rd-fx:has(+ .rd-r1-strip) { border-radius: var(--r-card) var(--r-card) 0 0; }
.rd-r1-stage { display: grid; grid-template-columns: 150px minmax(0, 1fr) 130px; gap: 16px; align-items: center; padding: 12px 0; border-top: 1px solid var(--line); }
.rd-r1-stage:first-of-type { border-top: 0; }
.rd-r1-stage__n { font-size: var(--fs-body); color: var(--text-primary); }
.rd-r1-stage__d { margin-top: 2px; font-size: var(--fs-meta); color: var(--text-muted); }
.rd-r1-stage__l { margin-top: 6px; font-size: var(--fs-meta); color: var(--text-muted); }
.rd-r1-stage__v { justify-self: end; }
.rd-r1-stage__v .rd-state { color: var(--text-secondary); font-size: var(--fs-body); }
.rd-r1-said { margin: 0; font-size: var(--fs-card-title); color: var(--text-primary); overflow-wrap: anywhere; white-space: pre-wrap; }
.rd-r1-hist__h { appearance: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 0; border: 0; background: none; font: inherit; text-align: left; cursor: pointer; color: inherit; }
.rd-r1-hist__t { display: block; font-size: var(--fs-card-title); font-weight: var(--fw-card-title); color: var(--text-primary); }
.rd-r1-hist__m { display: block; margin-top: 2px; font-size: var(--fs-meta); color: var(--text-muted); }
.rd-r1-hist__c { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 8px; background: var(--bg-page); color: var(--text-secondary); transform: rotate(90deg); }
.rd-r1-hist__h[aria-expanded="true"] .rd-r1-hist__c { transform: rotate(-90deg); }
.rd-r1-hist .rd-feed { margin-top: 16px; }
.rd-r1-pane .rd-r1-hist { padding-top: 6px; }

/* ── Форма обращения (Incoming) ──────────────────────────────────────────── */
.rd-r1-form { display: grid; grid-template-columns: minmax(0, 1fr) var(--aside-w); gap: var(--gap); align-items: start; }
.rd-r1-formcard { min-width: 0; }
.rd-r1-formhead { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 8px; }
.rd-r1-formhead .rd-state { margin-top: 4px; }
.rd-r1-meta { font-size: var(--fs-meta); color: var(--text-muted); }
.rd-r1-whom { display: flex; flex-direction: column; gap: 12px; }
.rd-r1-whom .rd-card__head { margin-bottom: 0; }
.rd-r1-people { display: flex; flex-direction: column; gap: 4px; }
.rd-r1-person { appearance: none; display: flex; align-items: center; gap: 12px; width: 100%; padding: 8px; border: 0; border-radius: 12px; background: none; font: inherit; text-align: left; color: var(--text-primary); cursor: pointer; }
.rd-r1-person:hover { background: var(--bg-subtle); }
.rd-r1-person[aria-checked="true"] { background: var(--brand-blue-soft); box-shadow: inset 0 0 0 1.5px var(--brand-blue); }
.rd-r1-person__b { display: flex; flex-direction: column; min-width: 0; }
.rd-r1-person__n { font-size: var(--fs-body); font-weight: 500; }
.rd-r1-person__m { font-size: var(--fs-meta); color: var(--text-muted); }
.rd-r1-ava { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; background: var(--brand-black); color: var(--bg-surface); font-size: var(--fs-label); font-weight: 700; }
.rd-r1-whom .rd-btn { width: 100%; }
.rd-r1-formcard .rd-seg { max-width: 100%; }

/* ── Распределение заявок (Main) ─────────────────────────────────────────── */
.rd-r1-dispatch { display: flex; flex-direction: column; gap: var(--gap); }
.rd-r1-dhead { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.rd-r1-dhead .rd-btn { background: var(--bg-surface); }
.rd-r1-dcols { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: var(--gap); align-items: start; }
.rd-r1-dmain, .rd-r1-dside { display: flex; flex-direction: column; gap: var(--gap); min-width: 0; }
.rd-r1-queue { display: flex; flex-direction: column; }
.rd-r1-wait { appearance: none; display: grid; grid-template-columns: 76px 34px minmax(0, 1fr) 150px 190px; gap: 12px; align-items: center; width: 100%; min-height: 56px; padding: 6px 12px; border: 0; border-radius: 10px; background: none; font: inherit; text-align: left; color: var(--text-primary); cursor: pointer; }
.rd-r1-wait:hover { background: var(--bg-subtle); }
.rd-r1-wait[aria-pressed="true"] { background: var(--brand-blue-soft); }
.rd-r1-wait__t { display: flex; flex-direction: column; font-size: var(--fs-meta); color: var(--text-secondary); }
.rd-r1-wait__t b { font-size: var(--fs-body); font-weight: 600; color: var(--text-primary); }
.rd-r1-wait__m { display: flex; flex-direction: column; min-width: 0; }
.rd-r1-wait__n { font-size: var(--fs-body); color: var(--text-primary); overflow-wrap: anywhere; }
.rd-r1-wait__s { font-size: var(--fs-meta); color: var(--text-muted); overflow-wrap: anywhere; }
.rd-r1-wait__p { font-size: var(--fs-body); color: var(--text-secondary); }
.rd-r1-wait__p--hot { font-weight: 700; color: var(--state-late-text); }
.rd-r1-wait__d { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; }
.rd-r1-wait__d .rd-state { font-size: var(--fs-meta); }
.rd-r1-wait__w { font-size: var(--fs-meta); color: var(--text-muted); }
.rd-r1-miss { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto auto; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid var(--line); }
.rd-r1-miss:first-of-type { border-top: 0; }
.rd-r1-miss__m { display: flex; flex-direction: column; min-width: 0; }
.rd-r1-miss__n { font-size: var(--fs-body); }
.rd-r1-miss__s { font-size: var(--fs-meta); color: var(--text-muted); }
.rd-r1-cons-card { display: flex; flex-direction: column; gap: 4px; }
.rd-r1-conslist { display: flex; flex-direction: column; gap: 4px; }
.rd-r1-cons { appearance: none; display: flex; gap: 12px; width: 100%; padding: 10px; border: 0; border-radius: 12px; background: none; font: inherit; text-align: left; color: var(--text-primary); cursor: pointer; }
.rd-r1-cons:hover { background: var(--bg-subtle); }
.rd-r1-cons[aria-pressed="true"] { background: var(--brand-blue-soft); box-shadow: inset 0 0 0 1.5px var(--brand-blue); }
.rd-r1-cons__m { display: flex; flex-direction: column; flex: 1; min-width: 0; gap: 2px; }
.rd-r1-cons__n { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: var(--fs-body); font-weight: 500; }
.rd-r1-cons__n .rd-state { font-weight: 400; }
.rd-r1-cons__s { font-size: var(--fs-meta); color: var(--text-muted); }
.rd-r1-cons__b { display: block; width: 60%; margin-top: 4px; }
.rd-r1-chosen { margin-top: 10px; padding-top: 16px; border-top: 1px solid var(--line); }
.rd-r1-chosen__k { font-size: var(--fs-meta); color: var(--text-muted); }
.rd-r1-chosen__t { margin: 2px 0 4px; font-size: var(--fs-card-title); font-weight: 600; color: var(--text-primary); }
.rd-r1-chosen__h { margin: 0 0 12px; font-size: var(--fs-body); color: var(--text-secondary); }
.rd-r1-chosen .rd-btn { width: 100%; }
.rd-r1-chosen__f { margin: 10px 0 0; font-size: var(--fs-meta); color: var(--text-muted); }
.rd-r1-cons-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-top: 10px; }
.rd-r1-load { overflow-x: auto; }
/* Заголовок рамы над распределением дублировал бы заголовок экрана. */
h1:has(+ .rd-r1-dispatch) { display: none; }

/* ── Планшет ─────────────────────────────────────────────────────────────── */
@media (max-width: 1279px) {
  .rd-r1-desk { grid-template-columns: 380px minmax(0, 1fr); }
  .rd-r1-dcols { grid-template-columns: minmax(0, 1fr) 320px; }
  .rd-r1-wait { grid-template-columns: 64px 34px minmax(0, 1fr) 130px; }
  .rd-r1-wait__p { display: none; }
  .rd-r1-cols--pane { grid-template-columns: 1fr; }
}
@media (max-width: 1023px) {
  .rd-r1-desk, .rd-r1-dcols, .rd-r1-form, .rd-r1-cols { grid-template-columns: 1fr; }
}

/* ── Телефон ─────────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  .rd-r1-title { font-size: var(--fs-page-title); }
  .rd-r1-desk { display: block; }
  .rd-r1-list { background: none; padding: 0; min-height: 0; border-radius: 0; }
  .rd-r1-list__top .rd-r1-title { flex: 1; }
  .rd-r1-plus { display: none; }
  .rd-r1-chip { background: var(--bg-surface); min-height: 40px; }
  .rd-r1-tabs { gap: 8px; border-bottom: 0; margin-top: 14px; padding-bottom: 2px; }
  .rd-r1-tab { height: 40px; padding: 0 14px; border: 0; border-radius: 20px; background: var(--bg-surface); color: var(--text-primary); }
  .rd-r1-tab[aria-selected="true"] { background: var(--brand-black); color: var(--bg-surface); border: 0; }
  .rd-r1-chips { margin-top: 10px; }
  .rd-r1-find { height: 40px; flex-basis: 100%; }
  .rd-r1-find input { font-size: 16px; }
  .rd-r1-grp { margin: 14px 0 6px 4px; }
  .rd-r1-group__body { padding: 2px 16px; border-radius: 14px; background: var(--bg-surface); }
  .rd-r1-item .rd-row { min-height: 64px; padding-left: 0; padding-right: 0; }
  .rd-r1-item + .rd-r1-item { border-top: 1px solid var(--line); border-radius: 0; }
  .rd-r1-item[aria-current="true"] { background: none; }
  .rd-r1-keys { display: none; }
  .rd-r1-pager { margin-top: 12px; }

  .rd-r1-cols, .rd-r1-cols--pane, .rd-r1-form, .rd-r1-dcols { grid-template-columns: 1fr; }
  .rd-r1-page .rd-r1-sec { padding: 16px; border-radius: 14px; }
  .rd-r1-page .rd-r1-sec--due { padding: 14px 16px; }
  .rd-r1-due { flex-wrap: wrap; gap: 6px 12px; padding: 0; background: none; }
  .rd-r1-due__bar { flex: 1 1 100%; order: 3; }
  .rd-r1-due__r { margin-left: 0; order: 4; }
  .rd-r1-head { flex-wrap: wrap; }
  .rd-r1-crumb { display: none; }
  .rd-r1-head__act, .rd-r1-head__end { width: 100%; justify-content: flex-start; flex-direction: row; }
  .rd-r1-b { max-width: 92%; }
  .rd-r1-two { grid-template-columns: 1fr; }
  .rd-r1-in, .rd-r1 .picker input { min-height: 48px; font-size: 16px; }
  .rd-r1-formhead { flex-direction: column; gap: 6px; }
  .rd-r1-people { gap: 6px; }
  .rd-r1-person { min-height: 56px; }
  .rd-r1-stage { grid-template-columns: minmax(0, 1fr) auto; }
  .rd-r1-stage__b { grid-column: 1 / -1; order: 3; }
  .rd-r1-cells { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 16px 16px; }
  .rd-r1-cell { height: 40px; }

  .rd-r1-dhead { align-items: center; }
  .rd-r1-dhead .rd-btn { height: 40px; }
  .rd-r1-wait { grid-template-columns: 34px minmax(0, 1fr) auto; grid-template-areas: "mono main due" "mono time time"; row-gap: 4px; padding: 10px 0; }
  .rd-r1-wait > .rd-mono { grid-area: mono; }
  .rd-r1-wait__m { grid-area: main; }
  .rd-r1-wait__t { grid-area: time; flex-direction: row; gap: 6px; align-items: baseline; }
  .rd-r1-wait__t b { font-size: var(--fs-meta); font-weight: 500; color: var(--text-secondary); }
  .rd-r1-wait__d { grid-area: due; }
  .rd-r1-wait__p { display: none; }
  .rd-r1-miss { grid-template-columns: 34px minmax(0, 1fr); }
  .rd-r1-miss .rd-state, .rd-r1-miss .rd-btn { grid-column: 2; justify-self: start; }
  .rd-r1-cons { min-height: 56px; }
  .rd-r1-cons__b { width: 100%; }
  .rd-r1-load { padding: 16px; }
}

/* Кнопки-строки: высоту задаёт содержимое, а не общий рост кнопки. */
.rd-r1-cons, .rd-r1-person, .rd-r1-wait, .rd-r1-tab, .rd-r1-chip { height: auto; }
.rd-r1-tab { min-height: 34px; }

/* Чей ход и переходы состояния. */
.rd-r1-turn { margin: 8px 0 0; font-size: var(--fs-meta); color: var(--text-secondary); }
.rd-r1-do--state { margin: 0 0 12px; }
.rd-r1-do--state > .rd-r1-in { flex: 1 1 200px; }