/* Röbi – FAQ-Chat der Wohnungsgenossenschaft Röblingen eG (ohne externe Dienste) */
.faqc{--faqc-blue:#015da8;--faqc-navy:#10324e;--faqc-ink:#17364c;--faqc-pale:#eef5f9;--faqc-line:#dce6ec;font-family:'Open Sans',sans-serif;color:var(--faqc-ink)}
.faqc *,.faqc *::before,.faqc *::after{box-sizing:border-box}
.faqc-launch{position:fixed;right:16px;bottom:16px;z-index:35;display:flex;align-items:flex-end;gap:6px;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit}
.faqc-launch-label{margin-bottom:22px;background:var(--faqc-blue);color:#fff;font-weight:700;font-size:15px;line-height:1;padding:11px 16px;border-radius:999px 999px 4px 999px;box-shadow:0 6px 18px #10324e33;white-space:nowrap}
.faqc-launch img{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 6px 10px #10324e40);transition:transform .2s}
.faqc-launch:hover img{transform:translateY(-3px)}
.faqc-launch:focus-visible{outline:none}
.faqc-launch:focus-visible .faqc-launch-label{outline:3px solid var(--faqc-navy);outline-offset:3px}
.faqc-launch[aria-expanded="true"]{display:none}
.faqc-panel{position:fixed;right:16px;bottom:16px;z-index:36;width:min(410px,calc(100vw - 32px));height:min(640px,calc(100dvh - 120px));display:flex;flex-direction:column;background:#fff;border:1px solid var(--faqc-line);border-radius:12px;box-shadow:0 18px 50px #10324e38;overflow:hidden}
.faqc-panel[hidden]{display:none}
.faqc-head{display:flex;align-items:center;gap:12px;background:var(--faqc-blue);color:#fff;padding:12px 12px 12px 14px}
.faqc-head img{width:44px;height:44px;border-radius:50%;background:#fff;object-fit:cover;flex:none}
.faqc-head h2{margin:0;font-size:17px;line-height:1.25;font-weight:800;color:#fff}
.faqc-head p{margin:2px 0 0;font-size:12px;line-height:1.3;opacity:.9}
.faqc-close{margin-left:auto;flex:none;width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.faqc-close:hover{background:#ffffff26}.faqc-close:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.faqc-log{flex:1;overflow-y:auto;padding:14px;background:var(--faqc-pale);display:flex;flex-direction:column;gap:10px}
.faqc-msg{max-width:92%;padding:10px 13px;border-radius:12px;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.faqc-bot{align-self:flex-start;background:#fff;border:1px solid var(--faqc-line);border-bottom-left-radius:4px}
.faqc-user{align-self:flex-end;background:var(--faqc-navy);color:#fff;border-bottom-right-radius:4px}
.faqc-bot h3{margin:0 0 6px;font-size:15px;line-height:1.35;color:var(--faqc-navy)}
.faqc-bot p{margin:0 0 8px}.faqc-bot p:last-child{margin-bottom:0}
.faqc-bot ul,.faqc-bot ol{margin:0 0 8px;padding-left:20px}
.faqc-bot a{color:var(--faqc-blue);font-weight:600;text-decoration:underline}
.faqc-note{font-size:12px;color:#526b7b;margin-top:6px}
.faqc-chips{display:flex;flex-wrap:wrap;gap:6px;align-self:stretch}
.faqc-chip{border:1px solid var(--faqc-blue);background:#fff;color:var(--faqc-blue);border-radius:999px;padding:7px 12px;font:600 13px/1.3 'Open Sans',sans-serif;text-align:left;cursor:pointer}
.faqc-chip:hover{background:var(--faqc-blue);color:#fff}
.faqc-chip:focus-visible,.faqc-contact a:focus-visible{outline:3px solid var(--faqc-navy);outline-offset:2px}
.faqc-label{font-size:12px;font-weight:700;color:#526b7b;margin:2px 0 -2px}
.faqc-contact{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.faqc-contact a{display:inline-flex;align-items:center;gap:6px;background:var(--faqc-blue);color:#fff!important;text-decoration:none!important;border-radius:5px;padding:8px 12px;font-size:13px;font-weight:700}
.faqc-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--faqc-line);background:#fff}
.faqc-form label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.faqc-form input{flex:1;min-width:0;height:44px;margin:0;border:1px solid #b9cbd6;border-radius:6px;padding:11px 12px;font:15px 'Open Sans',sans-serif;color:var(--faqc-ink)}
.faqc-form input:focus{outline:2px solid var(--faqc-blue);border-color:transparent}
.faqc-form button{height:44px;margin:0;border:0;border-radius:6px;background:var(--faqc-blue);color:#fff;font:700 14px 'Open Sans',sans-serif;padding:0 16px;cursor:pointer}
.faqc-form button:focus-visible{outline:3px solid var(--faqc-navy);outline-offset:2px}
.faqc-foot{margin:0;padding:6px 12px 10px;background:#fff;font-size:11px;line-height:1.4;color:#526b7b}
@media (max-width:600px){
 .faqc-launch{right:10px;bottom:10px}.faqc-launch img{width:68px;height:68px}.faqc-launch-label{margin-bottom:16px;font-size:14px;padding:9px 13px}
 .faqc-panel{right:8px;left:8px;bottom:8px;width:auto;height:min(640px,calc(100dvh - 88px))}
}
@media (prefers-reduced-motion:reduce){.faqc-launch{transition:none}.faqc-launch img{transition:none}.faqc-launch:hover img{transform:none}.faqc-log{scroll-behavior:auto}}