/* Баннер согласия на cookies (landing_kit).
   Оформление сайта — через переменные, например:
     :root { --lk-bg: #1e2124; --lk-text: #eae6de; --lk-accent: #6b4a2f; } */
.lk-consent {
  --_bg: var(--lk-bg, #ffffff);
  --_text: var(--lk-text, #16181a);
  --_muted: var(--lk-muted, color-mix(in srgb, var(--_text) 65%, transparent));
  --_line: var(--lk-line, color-mix(in srgb, var(--_text) 16%, transparent));
  --_accent: var(--lk-accent, #16181a);
  --_accent-text: var(--lk-accent-text, #ffffff);
  --_radius: var(--lk-radius, 12px);

  position: fixed; z-index: 2147482000; left: 20px; bottom: 20px;
  width: min(420px, calc(100vw - 40px)); max-height: calc(100vh - 40px); overflow-y: auto;
  padding: 20px 20px 18px; border-radius: var(--_radius); border: 1px solid var(--_line);
  background: var(--_bg); color: var(--_text); font-family: var(--lk-font, inherit); font-size: 14px; line-height: 1.5;
  box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .45);
  opacity: 0; transform: translateY(10px); transition: opacity .25s ease, transform .25s ease;
}
.lk-consent.is-open { opacity: 1; transform: none; }
/* Пока гаснет после выбора — не ловит касания по странице под собой. */
.lk-consent:not(.is-open) { pointer-events: none; }
.lk-consent[hidden] { display: none; }
.lk-consent__title { margin: 0 0 6px; font-weight: 700; font-size: 16px; }
.lk-consent__text { margin: 0 0 14px; color: var(--_muted); }
.lk-consent__text a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.lk-consent__panel { display: grid; gap: 10px; margin: 0 0 14px; padding: 12px 0 0; border-top: 1px solid var(--_line); }
.lk-consent__panel[hidden] { display: none; }
.lk-consent__cat { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; }
.lk-consent__cat input { margin-top: 3px; flex: none; width: 16px; height: 16px; accent-color: var(--_accent); }
.lk-consent__cat small { color: var(--_muted); }
.lk-consent__hint { display: block; margin-top: 2px; font-size: 12.5px; }
.lk-consent__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.lk-consent__actions .lk-consent__btn--ghost { grid-column: 1 / -1; }
/* «Принять все» и «Только технические» одного веса: так требует ЕС. */
.lk-consent__btn {
  font: inherit; font-weight: 600; padding: 10px 12px; border-radius: calc(var(--_radius) * .6);
  border: 1px solid var(--_accent); background: var(--_accent); color: var(--_accent-text); cursor: pointer;
}
.lk-consent__btn:hover { filter: brightness(1.08); }
.lk-consent__btn--ghost { background: transparent; color: var(--_text); border-color: var(--_line); }
.lk-consent__btn:focus-visible, .lk-consent__cat input:focus-visible { outline: 2px solid var(--_accent); outline-offset: 2px; }
@media (max-width: 520px) {
  .lk-consent { left: 0; right: 0; bottom: 0; width: auto; border-radius: var(--_radius) var(--_radius) 0 0; border-width: 1px 0 0; }
  .lk-consent__actions { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .lk-consent { transition: none; } }

.lk-cookie-table { width: 100%; border-collapse: collapse; margin: 8px 0 24px; font-size: .92em; }
.lk-cookie-table th, .lk-cookie-table td { padding: 8px 10px; border-bottom: 1px solid color-mix(in srgb, currentColor 15%, transparent); text-align: left; vertical-align: top; }
.lk-cookie-table th { font-weight: 600; }

/* Путь посетителя в карточке заявки (админка). */
.lk-journey__consent { display: grid; grid-template-columns: max-content 1fr; gap: 4px 16px; margin: 0 0 12px; }
.lk-journey__consent div { display: contents; }
.lk-journey__consent dt { opacity: .65; }
.lk-journey__consent dd { margin: 0; word-break: break-word; }
.lk-journey__meta { opacity: .7; margin: 0 0 8px; }
.lk-journey__steps { list-style: none; margin: 0; padding: 0; font-size: .92em; }
.lk-journey__steps li { display: grid; grid-template-columns: 9.5em 11em 1fr; gap: 0 12px; padding: 5px 0; border-bottom: 1px solid color-mix(in srgb, currentColor 10%, transparent); }
.lk-journey__steps li small { grid-column: 2 / -1; opacity: .7; }
.lk-journey__steps time { opacity: .6; font-variant-numeric: tabular-nums; }
.lk-journey__steps .lk-journey__visit { display: block; font-weight: 600; padding-top: 12px; border: 0; }