/*
 * AI-Inquixa — live web chat widget styles.
 * Copyright (c) 2026 AtoZ INFOWAY INC. All rights reserved. Proprietary.
 * Unauthorized copying, modification, distribution or use is strictly prohibited.
 */
#aiinq-webchat-root{
	--aiinq-wc-accent:#2b50e6;
	--aiinq-wc-fg:#16202e;
	--aiinq-wc-muted:#5b6675;
	--aiinq-wc-line:#e4e8ef;
	--aiinq-wc-bg:#ffffff;
	--aiinq-wc-agent:#f0f3f9;
	--aiinq-wc-x:20px;
	--aiinq-wc-y:20px;
	position:fixed;z-index:2147483000;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	font-size:15px;line-height:1.5;
}
/* Placement — pin to the chosen corner with the configured offsets. */
#aiinq-webchat-root[data-pos="bottom-right"]{right:var(--aiinq-wc-x);bottom:var(--aiinq-wc-y)}
#aiinq-webchat-root[data-pos="bottom-left"]{left:var(--aiinq-wc-x);bottom:var(--aiinq-wc-y)}
#aiinq-webchat-root[data-pos="top-right"]{right:var(--aiinq-wc-x);top:var(--aiinq-wc-y)}
#aiinq-webchat-root[data-pos="top-left"]{left:var(--aiinq-wc-x);top:var(--aiinq-wc-y)}
#aiinq-webchat-root *{box-sizing:border-box}

.aiinq-wc-launcher{
	width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;
	background:var(--aiinq-wc-accent);color:#fff;display:flex;align-items:center;justify-content:center;
	box-shadow:0 8px 24px -6px rgba(20,25,34,.45);transition:transform .15s ease;
}
.aiinq-wc-launcher:hover{transform:translateY(-2px)}
.aiinq-wc-launcher.is-open{transform:scale(.92)}

.aiinq-wc-panel{
	position:absolute;width:360px;max-width:calc(100vw - 32px);
	height:520px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;
	background:var(--aiinq-wc-bg);color:var(--aiinq-wc-fg);border:1px solid var(--aiinq-wc-line);
	border-radius:16px;overflow:hidden;box-shadow:0 20px 48px -16px rgba(20,25,34,.4);
}
/* Panel opens from the launcher toward the screen centre. */
#aiinq-webchat-root[data-pos="bottom-right"] .aiinq-wc-panel{right:0;bottom:72px}
#aiinq-webchat-root[data-pos="bottom-left"] .aiinq-wc-panel{left:0;bottom:72px}
#aiinq-webchat-root[data-pos="top-right"] .aiinq-wc-panel{right:0;top:72px}
#aiinq-webchat-root[data-pos="top-left"] .aiinq-wc-panel{left:0;top:72px}
.aiinq-wc-head{
	display:flex;align-items:center;justify-content:space-between;gap:8px;
	padding:14px 16px;background:var(--aiinq-wc-accent);color:#fff;flex:none;
}
.aiinq-wc-title{font-weight:600;font-size:15px}
.aiinq-wc-titlewrap{display:flex;align-items:center;gap:8px;min-width:0}
.aiinq-wc-status{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.aiinq-wc-status.is-online{background:#33d17a}
.aiinq-wc-status.is-away{background:#c7cdd6}
.aiinq-wc-headbtns{display:flex;align-items:center;gap:6px;flex:none}
.aiinq-wc-end{background:rgba(255,255,255,.18);border:none;color:#fff;font:inherit;font-size:12px;font-weight:600;line-height:1;cursor:pointer;padding:5px 9px;border-radius:7px;opacity:.95}
.aiinq-wc-end:hover{background:rgba(255,255,255,.3);opacity:1}
.aiinq-wc-close{background:transparent;border:none;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:0 4px;opacity:.9}
.aiinq-wc-close:hover{opacity:1}

.aiinq-wc-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#fafbfc}
.aiinq-wc-msg{display:flex}
.aiinq-wc-msg--visitor{justify-content:flex-end}
.aiinq-wc-bubble{
	max-width:80%;padding:9px 13px;border-radius:14px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;
}
.aiinq-wc-msg--agent .aiinq-wc-bubble{background:var(--aiinq-wc-agent);color:var(--aiinq-wc-fg);border-bottom-left-radius:4px}
.aiinq-wc-msg--visitor .aiinq-wc-bubble{background:var(--aiinq-wc-accent);color:#fff;border-bottom-right-radius:4px}
.aiinq-wc-note{font-size:13px;color:var(--aiinq-wc-muted);text-align:center;padding:2px 8px}

.aiinq-wc-foot{border-top:1px solid var(--aiinq-wc-line);padding:12px;flex:none;background:var(--aiinq-wc-bg)}
.aiinq-wc-prechat{display:flex;flex-direction:column;gap:8px}
.aiinq-wc-topic-label{font-size:13px;color:var(--aiinq-wc-muted);font-weight:600}
.aiinq-wc-topics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px}
.aiinq-wc-topic{border:1px solid var(--aiinq-wc-line);background:#fff;color:var(--aiinq-wc-fg);font:inherit;font-size:13px;border-radius:999px;padding:6px 12px;cursor:pointer}
.aiinq-wc-topic:hover{border-color:var(--aiinq-wc-accent)}
.aiinq-wc-topic.is-active{background:var(--aiinq-wc-accent);color:#fff;border-color:var(--aiinq-wc-accent)}
.aiinq-wc-prechat input{
	width:100%;padding:10px 12px;border:1px solid var(--aiinq-wc-line);border-radius:9px;font:inherit;color:var(--aiinq-wc-fg);background:#fff;
}
.aiinq-wc-prechat input:focus,.aiinq-wc-compose input:focus{outline:2px solid var(--aiinq-wc-accent);outline-offset:1px;border-color:var(--aiinq-wc-accent)}
.aiinq-wc-btn{
	width:100%;padding:10px 12px;border:none;border-radius:9px;background:var(--aiinq-wc-accent);color:#fff;font:inherit;font-weight:600;cursor:pointer;
}
.aiinq-wc-btn:disabled{opacity:.6;cursor:default}

.aiinq-wc-compose{display:flex;gap:8px;align-items:center}
.aiinq-wc-compose input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--aiinq-wc-line);border-radius:9px;font:inherit;color:var(--aiinq-wc-fg);background:#fff}
.aiinq-wc-send{border:none;border-radius:9px;background:var(--aiinq-wc-accent);color:#fff;font:inherit;font-weight:600;padding:10px 14px;cursor:pointer;flex:none}

.aiinq-wc-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}

@media (max-width:420px){
	#aiinq-webchat-root{--aiinq-wc-x:12px;--aiinq-wc-y:12px}
	.aiinq-wc-panel{width:calc(100vw - 24px);height:calc(100vh - 96px)}
}
@media (prefers-reduced-motion:reduce){.aiinq-wc-launcher{transition:none}}