/* AI asistent – chat widget. Používá proměnné ze site.css. */
.aic{--aic-w:380px;position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:80;font-family:var(--font)}
.aic-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.aic-fab{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 16px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:650 15.5px/1 var(--font);cursor:pointer;box-shadow:0 14px 30px -12px rgba(45,20,90,.6),0 0 0 1px rgba(255,255,255,.06) inset;transition:transform .2s var(--ease),box-shadow .2s}
.aic-fab svg{width:22px;height:22px;color:#f0abfc}
.aic-fab:hover{transform:translateY(-2px)}
.aic.on .aic-fab{display:none}
.aic-panel{width:min(var(--aic-w),calc(100vw - 32px));height:min(600px,calc(100dvh - 32px));display:flex;flex-direction:column;background:var(--card);border:1px solid var(--bd);border-radius:var(--r);box-shadow:0 30px 70px -28px rgba(22,19,31,.45);overflow:hidden}
.aic-panel[hidden]{display:none}
.aic-h{display:flex;align-items:center;gap:12px;padding:14px 12px 14px 16px;background:var(--dk);color:var(--dktx);background-image:radial-gradient(80% 120% at 0% 0%,rgba(124,58,237,.45),transparent 70%)}
.aic-h h2{font-size:16px;color:#fff;letter-spacing:-.01em}
.aic-h p{margin:0;font-size:12.5px;color:var(--dkmu);line-height:1.3}
.aic-h div{flex:1;min-width:0}
.aic-av{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--grad);color:#fff;font-weight:760;font-size:13px}
.aic-x{flex:none;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--dktx);cursor:pointer}
.aic-x:hover{background:rgba(255,255,255,.08)}
.aic-log{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}
.aic-m{max-width:86%;font-size:15px;line-height:1.5}
.aic-m p{margin:0;padding:10px 14px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere}
.aic-m.aic-ai p{background:var(--card);border:1px solid var(--bd);color:var(--tx);border-bottom-left-radius:6px}
.aic-m.aic-me{align-self:flex-end}
.aic-m.aic-me p{background:var(--ink);color:#fff;border-bottom-right-radius:6px}
.aic-m a{color:var(--vi);font-weight:600}
.aic-m.typing p::after{content:"";display:inline-block;width:28px;height:8px;background:radial-gradient(circle,var(--mu) 3px,transparent 3.5px) 0 50%/10px 8px repeat-x;animation:aic-dots 1s steps(4) infinite;vertical-align:middle}
@keyframes aic-dots{from{width:0}to{width:30px}}
.aic-sugg{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 12px;background:var(--bg)}
.aic-sugg[hidden]{display:none}
.aic-sugg button{font:600 13.5px/1.2 var(--font);color:var(--vi);background:var(--vi-soft);border:1px solid transparent;border-radius:999px;padding:9px 12px;min-height:36px;cursor:pointer}
.aic-sugg button:hover{border-color:var(--vi2)}
.aic-f{display:flex;gap:8px;align-items:flex-end;padding:12px;border-top:1px solid var(--bd);background:var(--card)}
.aic-f textarea{flex:1;font:inherit;font-size:16px;line-height:1.4;color:var(--ink);background:var(--bg);border:1px solid var(--bd2);border-radius:14px;padding:11px 14px;resize:none;max-height:120px}
.aic-f textarea:focus-visible{outline:2px solid var(--vi2);outline-offset:1px}
.aic-send{flex:none;display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:14px;background:var(--grad);color:#fff;cursor:pointer}
.aic-send:disabled{opacity:.5;cursor:wait}
.aic-note{margin:0;padding:0 14px 12px;background:var(--card);font-size:12px;color:var(--mu);text-align:center}
.aic-note a{color:var(--mu)}
@media (max-width:520px){
  .aic.on{inset:0}
  .aic-panel{width:100vw;height:100dvh;border-radius:0;border:0}
  .aic-fab span{display:none}.aic-fab{padding:0;width:56px;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.aic-fab,.aic-m.typing p::after{transition:none;animation:none}}
