/* Экраны Марины, фаза Б4 (спека 028, T085): «Коды ЧЗ», «Журнал», «Ключи и доступы». Общие m-* - в screens-marina.css.
   Размеры и цвета - только из токенов (tokens.css). */

.m-card > .m-list .mono { overflow-wrap: anywhere; }
.m-list > li .link { white-space: nowrap; }
.m-plate .ico { width: 1.1em; height: 1.1em; }

/* Права токена WB на «Ключах и доступах»: чипы от размера текста экрана (старые 15px и 13px в site-screens.css) */
.m-grow .scopes { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-top: var(--sp-1); }
.m-grow .scope {
  display: inline-flex; flex-direction: column; padding: 4px var(--sp-2); border-radius: var(--radius);
  background: var(--surface-2); color: var(--ink); font-size: var(--fs-caption); font-weight: 700; line-height: 1.3;
}
.m-grow .scope small { font-size: var(--fs-caption); font-weight: 400; color: var(--ink-dim); margin: 0; }
.m-grow .scope.ok { background: var(--ok-bg); color: var(--green-ink); }
.m-grow .scope.no { background: var(--err-bg); color: var(--danger-ink); }

/* Журнал: поле дня и строки подробностей */
.j-days { align-items: flex-end; }
.j-days .field { flex: 0 1 220px; }
.m-table .fact-row td { border-top: 0; padding-top: 0; }
.m-table .more-body { padding-left: 0; }
.m-form .btn, .m-card > .actions .btn { align-self: flex-end; }