/*
 * consent_v2.css — СОГЛАСИЕ-ЖУРНАЛ-1: обязательная галочка согласия и журнал
 * подписания в админке.
 *
 * Подключается на трёх страницах:
 *   reg/reg_form_v2.tpl     — регистрация (тёмная панель .auth-dark, 286 px);
 *   reg/reset_v2.tpl        — восстановление доступа (светлая карточка .auth-page);
 *   adm/legal_consents_v2.tpl — журнал подписания в админке.
 *
 * Правило 11а: ни одного font-weight. Жирный — только точным именем начертания
 * ('Proxima Nova Bold'); «Proxima Nova» без начертания не используется.
 *
 * Метка версии ?v= у ссылки на файл обязательна при каждой правке: Apache
 * отдаёт CSS без Cache-Control, и браузер держит старый файл до ~12 часов.
 */

/* ======================================================================
   Галочка согласия в формах (общая для регистрации и восстановления)
   ====================================================================== */

.auth-consent {
  margin: 2px 0 18px;
  font-size: 12px;
  line-height: 1.5;
  color: #4a4a4a;
  text-align: left;
}

.auth-consent-line {
  display: block;
  cursor: pointer;
}

.auth-consent-box {
  margin: 0 6px 0 0;
  vertical-align: top;
}

.auth-consent-text {
  display: inline;
}

.auth-consent-text a {
  color: #00aeef;
  text-decoration: underline;
}

.auth-consent-text a:hover {
  color: #0099d2;
}

.auth-consent-meta {
  margin-top: 6px;
  padding-left: 20px;
  font-size: 11px;
  line-height: 1.45;
  color: #8a949c;
}

.auth-consent-all {
  color: #00aeef;
  text-decoration: underline;
}

.auth-consent-all:hover {
  color: #0099d2;
}

.auth-consent-editions {
  display: block;
  margin-top: 2px;
}

/* Тёмная панель входа/регистрации: свои цвета текста и ссылок */
.auth-dark .auth-consent {
  color: #b9c7cf;
}

.auth-dark .auth-consent-text a,
.auth-dark .auth-consent-all {
  color: #7fc7e8;
}

.auth-dark .auth-consent-text a:hover,
.auth-dark .auth-consent-all:hover {
  color: #fff;
}

.auth-dark .auth-consent-meta {
  color: #7d8f99;
}

/* На узкой панели макета (286 px) длинная фраза галочки переносится —
   это нормально, но перенос по словам должен быть аккуратным. */
.auth-dark .auth-consent {
  word-wrap: break-word;
}

/* ======================================================================
   Журнал подписания в админке (adm/legal_consents_v2.tpl)
   ====================================================================== */

.lgc-filters {
  margin: 0 0 16px;
  padding: 12px 14px;
  background: #f6f8fa;
  border: 1px solid #e4e4e4;
}

.lgc-filters-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}

.lgc-filters-row + .lgc-filters-row {
  margin-top: 10px;
}

.lgc-field {
  display: block;
}

.lgc-field-label {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  color: #626262;
}

.lgc-filters input[type="text"],
.lgc-filters input[type="date"],
.lgc-filters select {
  height: 32px;
  box-sizing: border-box;
  padding: 0 8px;
  border: 1px solid #d5d5d5;
  background: #fff;
  font-size: 13px;
}

.lgc-filters input[type="text"] {
  width: 220px;
}

.lgc-filters input[type="date"] {
  width: 150px;
}

.lgc-actions {
  margin-top: 10px;
}

.lgc-note {
  font-size: 12px;
  color: #626262;
  margin: 6px 0 0;
}

.lgc-doc {
  display: inline;
}

/* Таблица журнала широкая: на узком экране она прокручивается ВНУТРИ обёртки,
   а не растягивает страницу (иначе на 390 появляется прокрутка вбок всей
   страницы — проверено замером cs1_shots). */
.lgc-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.lgc-ip {
  white-space: nowrap;
}

.lgc-ua {
  display: block;
  max-width: 260px;
  font-size: 11px;
  color: #626262;
  word-wrap: break-word;
}

.lgc-who {
  display: block;
  font-size: 11px;
  color: #626262;
}

.lgc-method {
  display: inline-block;
  padding: 1px 6px;
  font-size: 11px;
  border: 1px solid #d5d5d5;
  background: #fff;
}

.lgc-method-registration {
  border-color: #b9dcec;
  background: #eef7fb;
}

.lgc-method-recovery {
  border-color: #f0d9a8;
  background: #fdf6e6;
}

.lgc-hash {
  font-size: 11px;
  color: #626262;
  word-break: break-all;
}

.lgc-empty {
  margin: 10px 0;
}