/* Czat-podpowiadacz dem Code-Made - styl. Korzysta ze zmiennych dema (--surface, --ink, --line, --accent...),
   z bezpiecznymi wartosciami zapasowymi. */
.czat-root{ --c-acc:var(--accent,#2C6690); --c-acc-ink:var(--accent-ink,#fff); --c-acc-soft:var(--accent-soft,#DCEAF2); --c-txt:var(--accent-text,var(--accent,#2C6690));
  --c-bg:var(--surface,#fff); --c-bg2:var(--surface-2,#F3F5F7); --c-ink:var(--ink,#10141B); --c-mut:var(--muted,#56616E); --c-line:var(--line,#DCE1E7);
  font-family:inherit; font-size:14px; line-height:1.45; color:var(--c-ink); }
.czat-fab{ position:fixed; right:18px; bottom:18px; z-index:900; width:54px; height:54px; border-radius:50%; border:0; cursor:pointer;
  background:var(--c-acc); color:var(--c-acc-ink); display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.28); transition:transform .15s; }
.czat-fab:hover{ transform:scale(1.07); }
.czat-fab:focus-visible{ outline:3px solid var(--c-acc-soft); outline-offset:2px; }
.czat-otwarty .czat-fab{ display:none; }
.czat-okno{ position:fixed; right:18px; bottom:18px; z-index:901; width:380px; max-width:calc(100vw - 24px); height:560px; max-height:calc(100vh - 36px);
  display:flex; flex-direction:column; background:var(--c-bg); border:1px solid var(--c-line); border-radius:16px; overflow:hidden;
  box-shadow:0 24px 60px -12px rgba(0,0,0,.4); }
.czat-okno[hidden]{ display:none; }
.czat-glowa{ display:flex; align-items:center; gap:8px; padding:11px 12px 11px 14px; background:var(--c-acc); color:var(--c-acc-ink); }
.czat-glowa-tekst{ flex:1; min-width:0; display:flex; flex-direction:column; }
.czat-glowa-tekst b{ font-size:15px; }
.czat-glowa-tekst span{ font-size:11.5px; opacity:.88; }
.czat-nowa{ background:rgba(255,255,255,.18); color:inherit; border:0; border-radius:8px; padding:5px 9px; font:inherit; font-size:12px; cursor:pointer; }
.czat-zamknij{ background:transparent; color:inherit; border:0; cursor:pointer; padding:4px; display:flex; border-radius:8px; }
.czat-nowa:hover,.czat-zamknij:hover{ background:rgba(255,255,255,.28); }
.czat-wiadomosci{ flex:1; overflow-y:auto; padding:12px; display:flex; flex-direction:column; gap:9px; background:var(--c-bg2); overscroll-behavior:contain; }
.czat-msg{ max-width:92%; padding:9px 12px; border-radius:14px; word-wrap:break-word; overflow-wrap:anywhere; }
.czat-msg p{ margin:0 0 6px; } .czat-msg p:last-child{ margin-bottom:0; }
.czat-asystent{ align-self:flex-start; background:var(--c-bg); border:1px solid var(--c-line); border-bottom-left-radius:4px; }
.czat-uzytkownik{ align-self:flex-end; background:var(--c-acc); color:var(--c-acc-ink); border-bottom-right-radius:4px; }
.czat-link{ color:var(--c-txt); font-weight:600; text-decoration:underline; cursor:pointer; }
.czat-lista{ list-style:none; margin:4px 0 0; padding:0; display:flex; flex-direction:column; gap:6px; }
.czat-lista li{ padding:6px 8px; background:var(--c-bg2); border-radius:8px; display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 8px; }
.czat-opis{ flex-basis:100%; font-size:12px; color:var(--c-mut); }
.czat-znacznik{ font-size:11px; padding:1px 7px; border-radius:99px; background:var(--c-acc-soft); color:var(--c-txt); font-weight:600; }
.czat-wiecej,.czat-mala{ font-size:12px; color:var(--c-mut); }
.czat-pola{ display:grid; grid-template-columns:auto 1fr; gap:3px 10px; margin:4px 0 6px; font-size:13px; }
.czat-pola dt{ color:var(--c-mut); } .czat-pola dd{ margin:0; font-weight:500; }
.czat-chipy{ display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.czat-chip,.czat-pod{ border:1px solid var(--c-acc); background:transparent; color:var(--c-txt); border-radius:99px; padding:5px 11px; font:inherit; font-size:12.5px; cursor:pointer; text-align:left; }
.czat-chip:hover,.czat-pod:hover{ background:var(--c-acc-soft); }
.czat-podpowiedzi{ display:flex; gap:6px; overflow-x:auto; padding:8px 10px; border-top:1px solid var(--c-line); background:var(--c-bg); scrollbar-width:thin; }
.czat-pod{ white-space:nowrap; flex:0 0 auto; }
.czat-forma{ display:flex; gap:8px; padding:9px 10px 11px; background:var(--c-bg); border-top:1px solid var(--c-line); }
.czat-wejscie{ flex:1; min-width:0; border:1px solid var(--c-line); background:var(--c-bg2); color:var(--c-ink); border-radius:10px; padding:9px 11px; font:inherit; font-size:16px; }
.czat-wejscie:focus{ outline:2px solid var(--c-acc); outline-offset:-1px; }
.czat-wyslij{ border:0; background:var(--c-acc); color:var(--c-acc-ink); border-radius:10px; width:42px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.czat-kropki{ display:inline-flex; gap:4px; padding:3px 0; }
.czat-kropki i{ width:6px; height:6px; border-radius:50%; background:var(--c-mut); animation:czat-k 1s infinite; }
.czat-kropki i:nth-child(2){ animation-delay:.15s; } .czat-kropki i:nth-child(3){ animation-delay:.3s; }
@keyframes czat-k{ 0%,60%,100%{ opacity:.25; } 30%{ opacity:1; } }
@media (max-width:680px){
  .czat-fab{ right:12px; bottom:12px; width:50px; height:50px; }
  .czat-okno{ right:0; bottom:0; left:0; width:auto; max-width:none; height:82vh; max-height:none; border-radius:16px 16px 0 0; }
}
@media (prefers-reduced-motion:reduce){ .czat-fab,.czat-kropki i{ transition:none; animation:none; } }