/* Ознакомление с документом: плашка в карточке, вкладка «Для ознакомления», окна рассылки и отчёта (components/ack-ui.js, pages/documents.js). Токены темы. */

/* плашка в карточке документа */
.ack-banner { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin: 0 20px 6px; padding: 10px 14px;
  border: 1px solid color-mix(in srgb, var(--accent-primary) 40%, var(--border-default)); border-radius: 10px;
  background: color-mix(in srgb, var(--accent-primary) 9%, var(--surface-primary)); font-size: 13.5px; }
.ack-banner--over { border-color: color-mix(in srgb, var(--status-danger) 50%, var(--border-default)); background: color-mix(in srgb, var(--status-danger) 8%, var(--surface-primary)); }
.ack-banner__t { flex: 1 1 320px; min-width: 0; }

/* вкладка: строки и фильтр */
.edo-recent__row.edo-ack__row { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) 110px minmax(200px, auto); }
.edo-ack__due { font-size: 12px; color: var(--text-t3); white-space: nowrap; font-variant-numeric: tabular-nums; }
.edo-ack__due--over { color: var(--status-danger); font-weight: 600; }
.edo-ack__row .edo-recent__status { justify-content: flex-end; }
.edo-ack-chip { border: 1px solid var(--border-default); background: transparent; color: var(--text-t2); font: inherit; font-size: 12px; padding: 4px 11px; border-radius: 999px; cursor: pointer; }
.edo-ack-chip--on { background: color-mix(in srgb, var(--accent-primary) 14%, transparent); border-color: var(--accent-primary); color: var(--text-primary); }
.edo-tab__n { display: inline-block; min-width: 18px; padding: 0 5px; margin-left: 4px; border-radius: 9px; background: var(--accent-primary); color: var(--accent-fg, #04202B); font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }
@media (max-width: 900px) { .edo-recent__row.edo-ack__row { grid-template-columns: minmax(0, 1fr); gap: 6px; } .edo-ack__row .edo-recent__status { justify-content: flex-start; } }

/* окна: выбор адресатов, чипы, отчёт */
.ack-check { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 12px; cursor: pointer; font-size: 13.5px; }
.ack-check small { color: var(--text-muted); }
.ack-rc__lists { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin-bottom: 8px; }
.ack-rc__lists[hidden] { display: none; }
.ack-rc__lists .form-input[multiple] { height: auto; }
.ack-rc__row { display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: flex-end; }
.ack-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; }
.ack-chips:empty { display: none; }
.ack-chip { display: inline-flex; align-items: center; gap: 4px; padding: 3px 4px 3px 10px; border-radius: 999px; background: var(--surface-raised, var(--bg-secondary)); border: 1px solid var(--border-default); font-size: 12.5px; }
.ack-chip button { border: 0; background: transparent; color: var(--text-muted); cursor: pointer; font-size: 15px; line-height: 1; padding: 0 4px; }
.ack-preview { margin-top: 10px; min-height: 20px; font-size: 13px; color: var(--text-secondary, var(--text-muted)); }
.ack-bar { height: 8px; border-radius: 4px; background: var(--surface-raised, var(--bg-secondary)); overflow: hidden; }
.ack-bar > span { display: block; height: 100%; background: var(--status-success, var(--accent-primary)); }
.ack-table-wrap { max-height: 52vh; overflow: auto; border: 1px solid var(--border-default); border-radius: 8px; }
.ack-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.ack-table th { position: sticky; top: 0; background: var(--surface-raised, var(--bg-secondary)); text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--text-muted); padding: 8px 10px; }
.ack-table td { padding: 8px 10px; border-top: 1px solid var(--border-subtle); vertical-align: top; }
.ack-table small { color: var(--text-muted); }

/* поле «Срок, дней»: было 73 px, подсказка обрезалась */
.ack-rc__row .form-group { flex: 1 1 200px; min-width: 200px; margin: 0; }
.ack-rc__row .form-group .form-input { width: 100%; }

/* «На регистрацию» (канцелярия): строки очереди — те же колонки, что у «Для ознакомления», плюс поиск и действия */
.edo-recent__row.rq__row { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.4fr) minmax(0, 1.1fr) auto; gap: 14px; align-items: center; }
.rq__acts { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; flex: none; }
.rq__acts .btn { white-space: nowrap; }
.rq__q { width: 240px; max-width: 100%; }
.rq__what { margin: 0 0 14px; overflow-wrap: anywhere; }
@media (max-width: 900px) { .edo-recent__row.rq__row { grid-template-columns: minmax(0, 1fr); gap: 6px; } .rq__acts { justify-content: flex-start; } .rq__q { width: 100%; } }