/* Asystent importu: WEJŚCIA na stronach (znacznik, przycisk, przykłady, blok pod FAQ, przycisk na giełdzie,
   "Wróć do rozmowy") i ekran ładowania okna. Samo okno czatu to osobny pakiet React (assets/wspolne/asystent/),
   ładowany dopiero po interakcji przez asystent-okno.js. Źródło tego pliku: front/asystent/loader/wejscia.css
   (build kopiuje je tutaj; nie edytuj wyniku). */
:root{
  --asy-paper:#f5f2ec;--asy-card:#fffdf6;--asy-line:#e2ddd2;--asy-line-2:#c9c0ae;--asy-muted:#626a64;
  --asy-ink:#141b18;--asy-ink-2:#444e48;--asy-ink-3:#5c6660;
  --asy-brand:#0d6b4e;--asy-brand-2:#0f8a63;--asy-brand-bg:#e6f4ec;--asy-brand-line:#bfe3cf;
  --asy-head:"Bricolage Grotesque",system-ui,sans-serif;
  --asy-body:"Hanken Grotesk",system-ui,sans-serif;
  --asy-mono:"Geist Mono",ui-monospace,Menlo,Consolas,monospace;
}
.asy-wroc{display:inline-flex;align-items:center;gap:9px;margin-top:12px;padding:5px 14px 5px 5px;border:1px solid var(--asy-brand-line);border-radius:999px;background:#fff;color:var(--asy-brand);font-family:var(--asy-head);font-weight:700;font-size:14px;line-height:1.2;cursor:pointer}
.asy-wroc:hover{background:var(--asy-brand-bg)}
.asy-wroc[hidden]{display:none}
.asy-wroc .asy-av{flex:none;display:block;width:28px;height:28px;border-radius:50%;overflow:hidden;background:#0c1a15}
.asy-wroc .asy-av svg,.asy-laduje-av svg{display:block;width:100%;height:100%}
/* ===== wejścia do okna na stronach: białe tło, zieleń tylko w znaku AI, obrysie i tekście (bez dużych zielonych apli) ===== */
.asy-znak{flex:none;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(145deg,#12936a,#0d6b4e);color:#fff}
.asy-znak svg{width:58%;height:58%;fill:currentColor}
.asy-znacznik{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 3px;border:1px solid var(--asy-line);border-radius:999px;background:#fff;font-family:var(--asy-body);font-size:12.5px;font-weight:600;line-height:1.3;color:var(--asy-ink-2);white-space:nowrap}
.asy-znacznik b{color:var(--asy-brand);font-weight:700}
.asy-wejscie{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;max-width:560px}
.asy-wejscie-l{flex:1 0 100%;margin:0;font-size:13.5px;color:var(--asy-ink-3)}
.asy-przyklady{display:contents;list-style:none;margin:0;padding:0}
.asy-przyklady li{display:contents}
.asy-start,.asy-pq,.asy-maly{display:inline-flex;align-items:center;gap:8px;min-height:36px;margin:0;border-radius:999px;font-family:var(--asy-body);font-size:13.5px;line-height:1.3;text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}
.asy-start{padding:3px 14px 3px 4px;border:1.5px solid var(--asy-brand-line);background:#fff;color:var(--asy-brand);font-family:var(--asy-head);font-weight:700;font-size:14px}
.asy-start .asy-znak{width:28px;height:28px}
.asy-start:hover{border-color:var(--asy-brand)}
.asy-pq{padding:6px 12px;border:1px solid var(--asy-line-2);background:#fff;color:var(--asy-ink-2);font-weight:500}
.asy-pq:hover{border-color:var(--asy-brand);color:var(--asy-brand)}
.asy-maly{padding:3px 14px 3px 4px;border:1px solid var(--asy-line-2);background:#fff;color:var(--asy-ink);font-weight:600}
.asy-maly:hover{border-color:var(--asy-brand);color:var(--asy-brand)}
.asy-maly .asy-znak{width:26px;height:26px}
.asy-cta{display:flex;align-items:center;gap:14px;margin:18px auto 0;max-width:760px;padding:16px 18px;background:#fff;border:1px solid var(--asy-line);border-radius:16px;text-align:left;font-family:var(--asy-body)}
.asy-cta .asy-znak{width:40px;height:40px}
.asy-cta-t{flex:1 1 auto;min-width:0;margin:0}
.asy-cta-t b{display:block;font-family:var(--asy-head);font-size:17px;line-height:1.25;color:var(--asy-ink)}
.asy-cta-t span{display:block;margin-top:2px;font-size:14px;line-height:1.5;color:var(--asy-ink-2)}
.asy-cta-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:10px 20px;border:1.5px solid var(--asy-brand);border-radius:12px;background:transparent;color:var(--asy-brand);font-family:var(--asy-head);font-weight:700;font-size:15px;line-height:1.2;cursor:pointer;white-space:nowrap}
.asy-cta-btn:hover{background:var(--asy-brand-bg)}
.asy-start:focus-visible,.asy-pq:focus-visible,.asy-maly:focus-visible,.asy-cta-btn:focus-visible{outline:3px solid var(--asy-brand);outline-offset:2px}
@media(max-width:600px){
  .asy-cta{flex-wrap:wrap;padding:14px}
  .asy-cta-t{flex-basis:calc(100% - 54px)}
  .asy-cta-btn{width:100%}
  .asy-pq{font-size:13px}
  /* telefon: dwa przykłady wystarczą, trzeci jest w pustym oknie asystenta */
  .asy-przyklady li:nth-child(n+3){display:none}
}

/* ===== ekran ładowania: pojawia się tylko, gdy pakiet okna nie zdążył się pobrać przed kliknięciem (zwykle ładuje się już przy najechaniu) ===== */
.asy-laduje{position:fixed;inset:0;z-index:1199;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:rgba(12,22,17,.42);font-family:var(--asy-body)}
.asy-laduje-k{display:inline-flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;border-radius:999px;background:var(--asy-card);border:1px solid var(--asy-line);box-shadow:0 20px 50px -20px rgba(8,20,15,.5);color:var(--asy-ink-2);font-size:14.5px;font-weight:600}
.asy-laduje-av{flex:none;display:block;width:36px;height:36px;border-radius:50%;overflow:hidden;background:#0c1a15}
@media (max-width:600px){.asy-laduje{align-items:flex-end;padding-bottom:28px}}
@media (prefers-reduced-motion:no-preference){
  .asy-laduje{animation:asyLadTlo .25s ease-out}
  .asy-laduje-av{animation:asyLadPuls 1.4s ease-in-out infinite}
}
@keyframes asyLadTlo{from{opacity:0}to{opacity:1}}
@keyframes asyLadPuls{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.45)}60%{box-shadow:0 0 0 8px rgba(16,185,129,0)}}
/* G28 (audyt 29.09.2026): przy otwartym oknie strona ma blokade przewijania z miejscem na pasek (html.asy-lock,
   scrollbar-gutter:stable w pakiecie okna); ten pas dostaje kolor przyciemnionego tla zamiast jasnej strony. */
html.asy-lock{background:#80847e}