/* Плашка согласия на cookie. Переменные берутся из index.css, фолбэки — для
   страниц со своим набором стилей (login.css, cabinet.css, report-full.css) */
.ck-consent{position:fixed;left:24px;bottom:24px;z-index:10000;display:none;max-width:400px;padding:18px 20px;border-radius:var(--radius-lg,16px);border:1px solid var(--border-subtle,#dce1e7);background:var(--bg-card,#fff);color:var(--text-primary,#121212);box-shadow:var(--shadow-lg,0 12px 32px rgba(0,0,0,.12));font-family:var(--font-body,Inter,sans-serif)}

/* Видимость и анимация разведены по разным классам: is-entering скрипт снимает
   по окончании анимации и по страховочному таймеру, поэтому непроигравшаяся
   анимация не может оставить плашку прозрачной */
.ck-consent.is-visible{display:block}
.ck-consent.is-entering{animation:ck-consent-in .35s cubic-bezier(.22,.61,.36,1) both}
.ck-consent.is-leaving{animation:ck-consent-out .25s ease forwards}
@keyframes ck-consent-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes ck-consent-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(16px)}}
@media (prefers-reduced-motion:reduce){.ck-consent.is-entering,.ck-consent.is-leaving{animation:none}}

.ck-consent__title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;margin-bottom:8px}
.ck-consent__title i{color:var(--accent,#ff7250);font-size:18px}
.ck-consent__text{font-size:13px;line-height:1.55;color:var(--text-secondary,#414141);margin-bottom:14px}
.ck-consent__text a{color:var(--accent,#ff7250);text-decoration:underline}
.ck-consent__actions{display:flex;align-items:center;gap:12px}
.ck-consent__accept{flex:1;height:42px;padding:0 20px;border:none;border-radius:var(--radius-pill,100px);background:var(--accent,#ff7250);color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}
.ck-consent__accept:hover{background:var(--accent-hover,#e8623f)}
.ck-consent__more{font-size:13px;color:var(--text-muted,#717171);text-decoration:none;white-space:nowrap}
.ck-consent__more:hover{color:var(--accent,#ff7250)}

/* Чат-виджет висит в правом нижнем углу — на узких экранах уходим выше него */
@media (max-width:720px){.ck-consent{left:12px;right:12px;bottom:92px;max-width:none}}