/* IKS Chat – Besucher-Widget + Mitarbeiter-Konsole */
:root{ --iks-red:var(--wp--preset--color--iks-red,#991424); --iks-anth:var(--wp--preset--color--anthrazit,#24343E); --iks-line:var(--wp--preset--color--line,#DCE0E3); }

/* ---- Besucher-Widget ---- */
/* 3.40.0 (Feedback "Knoepfe unten rechts nicht ausgerichtet"): EINE gemeinsame
   Spalte fuer Assistent + Navigations-Knoepfe — feste, identische CSS-Werte
   (right 20px, 56px rund; mobil 12px/48px) statt JS-Messung. #iks-fnav nutzt
   dieselben Werte (frontnav.php). */
#iks-chat-root{position:fixed;right:20px;bottom:20px;z-index:99990;font-family:'IBM Plex Sans',system-ui,sans-serif}
.iks-chat-btn{width:56px;height:56px;border:0;border-radius:50%;background:var(--iks-red);color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 10px 26px -8px rgba(36,52,62,.55);transition:transform .15s}
.iks-chat-btn:hover{transform:translateY(-2px)}
@media(max-width:600px){#iks-chat-root{right:12px;bottom:12px}.iks-chat-btn{width:48px;height:48px;font-size:1.25rem}}
/* 3.99.102: Panel frei positionierbar + skalierbar + Vollbild. Standard: unten rechts über dem Button.
   position:fixed (nicht mehr absolut im Root), damit Ziehen/Vollbild über den ganzen Viewport möglich ist. */
.iks-chat-panel{position:fixed;right:20px;bottom:88px;width:380px;height:560px;min-width:300px;min-height:380px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);display:flex;flex-direction:column;background:#fff;border:1px solid var(--iks-line);border-radius:14px;box-shadow:0 24px 50px -18px rgba(36,52,62,.5);resize:both;overflow:hidden;z-index:99991}
.iks-chat-panel.is-dragging{transition:none;user-select:none}
/* Vollbild/„vergrößert": deckt den Viewport mit kleinem Rand ab, zentriert, kein Resize-Griff. */
.iks-chat-panel.is-max{top:14px!important;left:14px!important;right:14px!important;bottom:14px!important;width:auto!important;height:auto!important;max-width:none;max-height:none;resize:none;border-radius:14px}
.iks-chat-head{display:flex;align-items:center;gap:8px;background:var(--iks-anth);color:#fff;padding:14px 16px;cursor:move;touch-action:none;border-radius:13px 13px 0 0}
.iks-chat-head strong{font-size:.98rem}
.iks-chat-head-btns{margin-left:auto;display:inline-flex;gap:2px;align-items:center}
.iks-chat-max{background:0;border:0;color:#fff;font-size:1.05rem;line-height:1;cursor:pointer;padding:4px 7px;border-radius:4px;opacity:.85}
.iks-chat-max:hover{opacity:1;background:rgba(255,255,255,.12)}
@media(max-width:600px){.iks-chat-panel{left:8px;right:8px;top:8px;bottom:8px;width:auto;height:auto;max-width:none;max-height:none;resize:none}}
/* EU AI Act Art. 50: KI-Hinweis gut sichtbar (nicht als schwache Fußnote) */
.iks-chat-note{background:#FFF4CE;color:#4A3B00;border-bottom:1px solid #EBD98A;padding:9px 16px;font-size:.8rem;line-height:1.35}
.iks-chat-x{background:0;border:0;color:#fff;font-size:1.3rem;line-height:1;cursor:pointer}
.iks-chat-log{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#FBFBFA}
.iks-chat-foot{border-top:1px solid var(--iks-line);padding:10px 12px}
.iks-chat-handoff{width:100%;margin-bottom:8px;background:#fff;border:1px solid var(--iks-red);color:var(--iks-red);font-family:'IBM Plex Mono',monospace;font-size:.8rem;padding:8px;cursor:pointer}
.iks-chat-handoff:hover{background:var(--iks-red);color:#fff}
.iks-chat-form{display:flex;gap:8px}
.iks-chat-in,.iks-cons-in{flex:1;border:1px solid var(--iks-line);padding:9px 11px;font-size:.95rem;font-family:inherit}
.iks-chat-in:focus,.iks-cons-in:focus{outline:none;border-color:var(--iks-red)}
.iks-chat-form button,.iks-cons-form button{background:var(--iks-red);color:#fff;border:0;padding:9px 14px;font-family:'IBM Plex Mono',monospace;font-size:.82rem;cursor:pointer}
.iks-chat-priv{margin:8px 0 0;font-size:.72rem;color:#6E7A82}
.iks-chat-priv a{color:#6E7A82}

/* Nachrichtenblasen (geteilt) */
.iks-msg{display:flex}
.iks-msg.me{justify-content:flex-end}
.iks-bub{max-width:80%;padding:9px 12px;font-size:.92rem;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}
.iks-msg.bot .iks-bub{background:#Eef1f2;color:var(--iks-anth)}
.iks-msg.me .iks-bub{background:var(--iks-red);color:#fff}
.iks-msg.agent .iks-bub{background:var(--iks-anth);color:#fff}
.iks-msg.sys{justify-content:center}
.iks-msg.sys .iks-bub{background:transparent;color:#6E7A82;font-size:.78rem;font-family:'IBM Plex Mono',monospace;padding:2px 8px}
.iks-bub a{color:var(--iks-red);text-decoration:underline;word-break:break-word}
.iks-bub a:hover{text-decoration:none}
.iks-msg.agent .iks-bub a,.iks-msg.me .iks-bub a{color:#fff;text-decoration:underline}

/* ---- Mitarbeiter-Konsole ---- */
.iks-cons{display:grid;grid-template-columns:300px 1fr;gap:0;border:1px solid var(--iks-line);height:70vh;min-height:460px;font-family:'IBM Plex Sans',system-ui,sans-serif}
@media(max-width:680px){.iks-cons{grid-template-columns:1fr;height:auto}}
.iks-cons-list{border-right:1px solid var(--iks-line);overflow:auto;background:#FBFBFA}
.iks-cons-item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--iks-line);background:#fff;padding:12px 14px;cursor:pointer;font-size:.9rem;color:var(--iks-anth)}
.iks-cons-item:hover{background:#Eef1f2}
.iks-cons-item.active{background:#Eef1f2;box-shadow:inset 3px 0 0 var(--iks-red)}
.iks-cons-item small{color:#6E7A82}
.iks-cons-st.human{color:var(--iks-red)}
.iks-cons-st.ai{color:#9AA3A8}
.iks-cons-thread{display:flex;flex-direction:column}
.iks-cons-empty{margin:auto;color:#6E7A82;font-size:.92rem}
.iks-cons-log{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.iks-cons-form{display:flex;gap:8px;border-top:1px solid var(--iks-line);padding:12px}
.iks-cons-close{background:#fff!important;border:1px solid var(--iks-line)!important;color:#6E7A82!important}
.iks-chat-panel[hidden]{display:none!important}
.iks-chat-head-btns{display:flex;align-items:center;gap:2px}
.iks-chat-clear{background:transparent;border:0;color:#fff;font-size:17px;line-height:1;cursor:pointer;padding:4px 7px;border-radius:4px;opacity:.85}
.iks-chat-clear:hover{background:rgba(255,255,255,.18);opacity:1}
.iks-typing{display:inline-flex;gap:4px;align-items:center;padding:12px 14px}
.iks-typing span{width:7px;height:7px;border-radius:50%;background:#9aa6ad;display:inline-block;animation:iks-blink 1.3s infinite both}
.iks-typing span:nth-child(2){animation-delay:.2s}
.iks-typing span:nth-child(3){animation-delay:.4s}
@keyframes iks-blink{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.iks-typing-cap{margin:2px 0 4px 8px;font-size:12px;color:#6E7A82;font-style:italic;max-width:88%}

/* 3.100.0 Intelligenz 2.0: Ampel + Feedback unter Assistenten-Antworten */
.iks-msg .iks-fb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:3px 0 8px 6px;font-size:12px;color:#6E7A82;max-width:88%}
.iks-msg .iks-fb button{background:#fff;border:1px solid #d7d9dd;border-radius:999px;padding:1px 9px;cursor:pointer;font:inherit;font-size:13px;line-height:1.5;color:#24343E}
.iks-msg .iks-fb button:hover{border-color:var(--iks-red,#991424)}
.iks-msg .iks-fb button.on{border-color:var(--iks-red,#991424);background:#fbeaec}
.iks-msg .iks-fb .iks-fb-q{margin-right:2px}
.iks-msg .iks-conf{display:inline-block;width:9px;height:9px;border-radius:50%;background:#2e9e5b;box-shadow:0 0 0 2px #fff}
.iks-msg .iks-conf-gelb{background:#e0a800}
.iks-msg .iks-conf-rot{background:#c0392b}
.iks-msg .iks-fb-note{flex-basis:100%;display:flex;gap:6px;align-items:flex-start;margin-top:4px}
.iks-msg .iks-fb-note textarea{flex:1;font:inherit;font-size:13px;padding:6px 8px;border:1px solid #d7d9dd;border-radius:8px;resize:vertical;min-height:38px}
.iks-msg .iks-fb-note .iks-fb-send{border-radius:8px;background:var(--iks-red,#991424);color:#fff;border-color:var(--iks-red,#991424)}
.iks-chat-handoff.is-hot{background:var(--iks-red,#991424)!important;color:#fff!important;border-color:var(--iks-red,#991424)!important;animation:iksHot 1.2s ease-in-out 3}
@keyframes iksHot{0%,100%{box-shadow:0 0 0 0 rgba(153,20,36,.45)}50%{box-shadow:0 0 0 8px rgba(153,20,36,0)}}

/* 3.118.0 Schnellantworten */
.iks-quick{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px 4px;max-width:92%}
.iks-quick-btn{appearance:none;border:1px solid var(--iks-red,#991424);background:#fff;color:var(--iks-red,#991424);border-radius:16px;padding:5px 11px;font-size:.84rem;line-height:1.2;cursor:pointer;font-family:inherit}
.iks-quick-btn:hover,.iks-quick-btn:focus{background:var(--iks-red,#991424);color:#fff;outline:none}
/* 3.121.0 Zufriedenheitsabfrage */
.iks-survey-box{max-width:92%!important}.iks-sv-h{font-weight:600;margin-bottom:6px}.iks-sv-row{display:flex;align-items:center;gap:8px;margin:4px 0}.iks-sv-l{font-size:.82rem;color:#555;min-width:110px}
.iks-sv-star{appearance:none;border:0;background:none;font-size:1.3rem;line-height:1;color:#c8ccd0;cursor:pointer;padding:0 2px}.iks-sv-star.on{color:#dba617}
.iks-sv-chips{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 6px}.iks-sv-chip{appearance:none;border:1px solid #8c8f94;background:#fff;color:#333;border-radius:14px;padding:3px 9px;font-size:.8rem;cursor:pointer;font-family:inherit}.iks-sv-chip.on{background:var(--iks-red,#991424);border-color:var(--iks-red,#991424);color:#fff}
.iks-sv-note{width:100%;box-sizing:border-box;font-family:inherit;font-size:.85rem;padding:5px 7px;border:1px solid #8c8f94;border-radius:4px;margin:2px 0 6px}
.iks-sv-send{appearance:none;border:0;background:var(--iks-red,#991424);color:#fff;border-radius:16px;padding:6px 14px;font-size:.85rem;cursor:pointer;font-family:inherit}.iks-sv-skip{appearance:none;border:0;background:none;color:#6E7A82;font-size:.78rem;cursor:pointer;margin-left:8px;font-family:inherit;text-decoration:underline}
