/* Konnect Plus AI assistant — v2 ("Ask Gemini" style), light + dark */
.kpc-fab{position:fixed;right:22px;bottom:22px;z-index:9990;display:flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 16px;border:0;border-radius:28px;
  background:#2F4068;color:#fff;font:600 15px/1 'Outfit',Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 10px 30px rgba(31,44,69,.35);transition:transform .2s,box-shadow .2s}
.kpc-fab:hover{transform:translateY(-2px)}
.kpc-fab svg{width:24px;height:24px;flex:0 0 auto}
.kpc-fab .kpc-dot{width:9px;height:9px;border-radius:50%;background:#F2BB82;box-shadow:0 0 0 3px rgba(242,187,130,.3)}
.kpc-fab.kpc-hide{opacity:0;pointer-events:none;transform:scale(.9)}
.kpc-panel{--bg:#fff;--fg:#1f2a3d;--mut:#8a93a6;--line:#e4e7ee;--bub:#f4f6fa;--ic:#eef2fb;--navy:#33466f;--chipbg:#fff;
  position:fixed;right:22px;bottom:22px;z-index:9991;width:470px;height:min(720px,calc(100dvh - 44px));display:flex;flex-direction:column;
  background:var(--bg);color:var(--fg);border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(20,30,50,.3);font:400 15px/1.6 'Outfit',Inter,system-ui,sans-serif;
  opacity:0;transform:translateY(16px) scale(.98);pointer-events:none;transition:opacity .22s,transform .22s}
.kpc-panel.dark{--bg:#141b2b;--fg:#e8edf6;--mut:#8e9ab0;--line:#26304a;--bub:#1d2638;--ic:#22304d;--navy:#dfe6f3;--chipbg:#1b2335}
.kpc-panel.kpc-open{opacity:1;transform:none;pointer-events:auto}
.kpc-panel svg{width:20px;height:20px}
.kpc-head{display:flex;align-items:center;gap:10px;padding:16px 18px 16px 24px;border-bottom:1px solid var(--line)}
.kpc-ttl{flex:1;display:flex;align-items:center;gap:8px;font-size:19px;font-weight:600;color:var(--navy)}
.kpc-ttl svg{width:18px;height:18px;opacity:.8}
.kpc-mode{display:flex;gap:4px;margin-inline-end:6px}
.kpc-mode button,.kpc-x{width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:var(--fg);display:grid;place-items:center;cursor:pointer}
.kpc-mode button.on{background:var(--ic)}
.kpc-x{border:1px solid var(--line)}
.kpc-x:hover,.kpc-mode button:hover{background:var(--ic)}
.kpc-body{flex:1;overflow-y:auto;padding:22px 20px 10px;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin}
.kpc-row{display:flex;gap:12px;align-items:flex-start}
.kpc-av{width:38px;height:38px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-weight:600;font-size:15px}
.kpc-av.me{background:linear-gradient(135deg,#2F4068,#4b6aa3);color:#fff}
.kpc-av.bot{background:var(--ic);color:#33466f}
.kpc-panel.dark .kpc-av.bot{color:#b9c8ea}
.kpc-av svg{width:20px;height:20px}
.kpc-col{flex:1;min-width:0}
.kpc-who{display:flex;align-items:baseline;gap:10px;margin:6px 0 6px}
.kpc-who b{font-size:15px;font-weight:600}
.kpc-who time{font-size:12.5px;color:var(--mut)}
.kpc-msg{background:var(--bub);border-radius:18px;padding:12px 16px;word-wrap:break-word}
.kpc-row.me .kpc-msg{display:inline-block;max-width:100%}
.kpc-msg p{margin:0 0 8px}.kpc-msg p:last-child{margin:0}
.kpc-msg ul,.kpc-msg ol{margin:4px 0 8px;padding:0;padding-inline-start:20px}.kpc-msg li{margin:4px 0}
.kpc-msg a{color:#c27a2f;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.kpc-msg strong{font-weight:600;color:var(--navy)}
.kpc-tag{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;padding:3px 10px 3px 7px;border-radius:12px;background:var(--ic);color:var(--navy);font-size:12px;font-weight:600}
.kpc-tag svg{width:14px;height:14px}
.kpc-acts{display:flex;gap:4px;margin-top:6px}
.kpc-acts button{width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:var(--mut);display:grid;place-items:center;cursor:pointer}
.kpc-acts button:hover{background:var(--bub);color:var(--fg)}
.kpc-acts button.ok,.kpc-acts button.on{color:#2e9e6b}
.kpc-acts svg{width:18px;height:18px}
.kpc-typing{display:inline-flex;gap:5px;padding:4px 0}
.kpc-typing i{width:7px;height:7px;border-radius:50%;background:var(--mut);animation:kpcb 1.1s infinite}
.kpc-typing i:nth-child(2){animation-delay:.15s}.kpc-typing i:nth-child(3){animation-delay:.3s}
@keyframes kpcb{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}
.kpc-chips{display:flex;flex-wrap:wrap;gap:8px;padding-inline-start:50px}
.kpc-chip{border:1px solid var(--line);background:var(--chipbg);color:var(--fg);border-radius:18px;padding:8px 14px;font:500 13.5px/1.3 'Outfit',Inter,sans-serif;cursor:pointer;text-align:start;unicode-bidi:plaintext}
.kpc-chip:hover{border-color:#F2BB82}
.kpc-prods{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.kpc-prod{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--chipbg);color:var(--fg);cursor:pointer;text-align:start;font:inherit}
.kpc-prod:hover:not(:disabled){border-color:#F2BB82}
.kpc-prod svg{width:20px;height:20px;padding:7px;box-sizing:content-box;border-radius:10px;background:var(--ic);color:#33466f;flex:0 0 auto}
.kpc-panel.dark .kpc-prod svg{color:#b9c8ea}
.kpc-prod b{display:block;font-size:14.5px;font-weight:600}
.kpc-prod small{display:block;font-size:12px;color:var(--mut)}
.kpc-prod:disabled{cursor:default;opacity:.45}
.kpc-prod.on{opacity:1;border-color:#F2BB82}
.kpc-prod.on svg{background:#F2BB82;color:#1f2c45}
.kpc-pdf{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:12px;background:#2F4068;color:#fff!important;text-decoration:none!important}
.kpc-pdf svg{width:22px;height:22px;color:#F2BB82;flex:0 0 auto}
.kpc-pdf b{display:block;font-size:13.5px;color:#fff}
.kpc-pdf small{display:block;font-size:11.5px;color:#c9d3e6;font-weight:500}
.kpc-pop{margin:0 18px 8px;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--bg);display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 24px rgba(20,30,50,.1)}
.kpc-pop[hidden]{display:none}
.kpc-pop button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--fg);text-align:start;padding:9px 12px;border-radius:10px;font:500 14px 'Outfit',Inter,sans-serif;cursor:pointer}
.kpc-pop button:hover{background:var(--bub)}
.kpc-pop svg{width:18px;height:18px;color:var(--mut)}
.kpc-box{margin:6px 16px 8px;border:1px solid var(--line);border-radius:20px;padding:12px 12px 10px 16px;background:var(--bg)}
.kpc-box:focus-within{border-color:#b9c3d6}
.kpc-in{width:100%;min-height:52px;max-height:140px;resize:none;border:0;outline:none;background:transparent;color:var(--fg);font:400 16px/1.45 'Outfit',Inter,system-ui,sans-serif;padding:0}
.kpc-in::placeholder{color:var(--mut)}
.kpc-tools{display:flex;align-items:center;gap:8px;margin-top:6px}
.kpc-sp{flex:1}
.kpc-t{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--fg);display:grid;place-items:center;cursor:pointer}
.kpc-t:hover{background:var(--bub)}
.kpc-t svg{width:19px;height:19px}
.kpc-mic{width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--fg);display:grid;place-items:center;cursor:pointer}
.kpc-mic[hidden]{display:none}
.kpc-mic.on{color:#d1485b;background:#fdeff1}
.kpc-send{width:46px;height:46px;border:0;border-radius:50%;background:#33466f;color:#fff;display:grid;place-items:center;cursor:pointer}
.kpc-panel.dark .kpc-send{background:#F2BB82;color:#1f2c45}
.kpc-send:disabled{opacity:.5;cursor:default}
.kpc-note{padding:0 16px 12px;font-size:12px;color:var(--mut);text-align:center}
html[dir=rtl] .kpc-fab{right:auto;left:22px}
html[dir=rtl] .kpc-panel{right:auto;left:22px}
@media (max-width:560px){
  .kpc-fab{right:14px;bottom:14px;height:52px;padding:0 16px 0 14px}
  html[dir=rtl] .kpc-fab{left:14px}
  .kpc-panel,html[dir=rtl] .kpc-panel{left:0;right:0;bottom:0;width:100%;height:100dvh;border-radius:0}
  .kpc-mode{display:none}
}
@media print{.kpc-fab,.kpc-panel{display:none}}
