.ck-banner{position:fixed; left:0; right:0; bottom:0; z-index:2000; background:var(--panel,#141c25);
    border-top:1px solid var(--border,#2d3744); box-shadow:0 -10px 34px rgba(0,0,0,.45);
    font-family:system-ui,'Segoe UI',Roboto,sans-serif;}
.ck-banner[hidden]{display:none;}
.ck-inner{max-width:1080px; margin:0 auto; padding:13px 20px; display:flex; align-items:center;
    gap:18px; flex-wrap:wrap;}
.ck-text{margin:0; flex:1; min-width:230px; color:var(--text,#c9d3de); font-size:13.5px; line-height:1.5;}
.ck-text a{color:var(--accent,#3fb950); text-decoration:none;}
.ck-text a:hover{text-decoration:underline;}
.ck-actions{display:flex; align-items:center; gap:10px;}
.ck-btn{font:inherit; font-size:13.5px; font-weight:600; border-radius:9px; padding:9px 18px;
    cursor:pointer; text-decoration:none; white-space:nowrap; border:1px solid transparent;}
.ck-ghost{background:transparent; color:var(--text,#c9d3de); border-color:var(--border,#2d3744);}
.ck-ghost:hover{border-color:var(--accent,#3fb950); color:var(--text,#e6edf3);}
.ck-primary{background:var(--accent,#3fb950); color:var(--on-accent,#0d1218); border:none;}
.ck-primary:hover{filter:brightness(1.08);}
/* „Отказвам“ — the same button, in a different colour. It inherits .ck-btn, so the size, the
   padding, the weight and the radius are identical to „Приемам“: a refusal that is smaller,
   fainter or one click further away is not a free choice, and then the consent it produces is
   not consent (чл. 4, т. 11 и чл. 7 ОРЗД). Solid rather than an outline for the same reason —
   an outline reads as the lesser option. */
.ck-secondary{background:var(--panel-2,#2d3744); color:var(--text,#e6edf3);
    border:1px solid var(--border-2,#30363d);}
.ck-secondary:hover{filter:brightness(1.16);}
@media (max-width:560px){ .ck-actions{width:100%;} .ck-actions .ck-btn{flex:1; text-align:center;} }

/* Where the bar sits. It is fixed to the bottom, and the bottom of the chat screen is the
   question field: until the visitor answered the cookie question, the field sat UNDER the bar
   and could not be seen at all. The height is measured by the script (the text wraps onto two
   or three lines depending on the width) and is given back the moment the bar is hidden. */
html.ck-open body { padding-bottom:var(--ck-h, 0px); }