#chatpol-launcher{
	box-sizing:border-box;
	border:0;
	padding:0;
	appearance:none;
	-webkit-appearance:none;
	position:fixed;
	bottom:24px;
	z-index:99998;
	width:58px;
	height:58px;
	border-radius:50%;
	background:#c6a45b;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	box-shadow:0 6px 18px rgba(0,0,0,.25);
	transition:transform .2s ease;
}
#chatpol-launcher:hover{ transform:scale(1.06); }
#chatpol-launcher.chatpol-right{ right:24px; }
#chatpol-launcher.chatpol-left{ left:24px; }

.chatpol-panel{
	position:fixed;
	bottom:96px;
	width:340px;
	max-width:92vw;
	max-height:70vh;
	background:#fff;
	border-radius:16px;
	box-shadow:0 12px 32px rgba(0,0,0,.22);
	overflow:hidden;
	z-index:99999;
	opacity:0;
	transform:translateY(16px) scale(.98);
	pointer-events:none;
	transition:opacity .2s ease, transform .2s ease;
	font-family:inherit;
	direction:rtl;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
}
.chatpol-panel.chatpol-right{ right:24px; }
.chatpol-panel.chatpol-left{ left:24px; }
.chatpol-panel *{ box-sizing:border-box; }
.chatpol-panel.chatpol-panel-open{
	opacity:1;
	transform:translateY(0) scale(1);
	pointer-events:all;
}

.chatpol-header{
	flex-shrink:0;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	padding:16px;
	color:#fff;
}
.chatpol-header-text{ display:flex; flex-direction:column; gap:4px; }
.chatpol-header-text strong{ font-size:15px; }
.chatpol-header-text span{ font-size:12px; opacity:.9; }

/* دکمه بستن پنل: فقط × سفید، بدون پس‌زمینه و بدون افکت hover/active */
.chatpol-close-btn{
	background:transparent !important;
	border:none !important;
	box-shadow:none !important;
	cursor:pointer;
	width:20px;
	height:20px;
	min-width:20px;
	border-radius:0;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	margin-inline-start:8px;
	padding:0;
	transition:none !important;
}
.chatpol-close-btn:hover,
.chatpol-close-btn:focus,
.chatpol-close-btn:focus-visible,
.chatpol-close-btn:active{
	background:transparent !important;
	box-shadow:none !important;
	transform:none !important;
	outline:none !important;
}
.chatpol-close-btn svg{ display:block; }
.chatpol-close-btn svg path{ stroke:#fff !important; }

.chatpol-welcome-wrap{ padding:12px 16px 0; }
.chatpol-welcome-msg{
	background:#f3f3f3;
	border-radius:10px;
	padding:10px 12px;
	font-size:13px;
	margin:0;
	color:#333;
}

.chatpol-body{ padding:12px 16px 16px; max-height:50vh; overflow-y:auto; flex:1 1 auto; min-height:0; }

.chatpol-option{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	padding:10px 12px;
	border:1px solid #eee;
	border-radius:12px;
	margin-bottom:10px;
	text-decoration:none;
	color:#222;
	transition:background .15s ease, border-color .15s ease;
}
.chatpol-option:hover{ background:#faf9f6; border-color:#ddd; }
.chatpol-option:focus-visible,
#chatpol-launcher:focus-visible,
.chatpol-close-btn:focus-visible{ outline:2px solid currentColor; outline-offset:3px; }
.chatpol-option-label{ display:flex; flex-direction:column; gap:2px; font-size:13px; font-weight:600; }
.chatpol-option-label small{ font-weight:400; color:#999; font-size:11px; }
.chatpol-option-icon{ flex-shrink:0; display:flex; }
.chatpol-option-icon-img{
	width:34px;
	height:34px;
	min-width:34px;
	min-height:34px;
	border-radius:50%;
	object-fit:cover;
}

.chatpol-no-scroll{ overflow:hidden; }

@media (max-width:480px){
	#chatpol-launcher.chatpol-right{ right:16px; }
	#chatpol-launcher.chatpol-left{ left:16px; }
	#chatpol-launcher{ bottom:calc(16px + env(safe-area-inset-bottom)); }
	.chatpol-panel{
		position:fixed !important;
		top:0 !important;
		left:0 !important;
		right:0 !important;
		bottom:0 !important;
		width:100% !important;
		max-width:100% !important;
		max-height:100% !important;
		height:100dvh !important;
		border-radius:0 !important;
	}
	.chatpol-body{ max-height:none; padding-bottom:calc(16px + env(safe-area-inset-bottom)); }
	.chatpol-header{ padding-top:calc(16px + env(safe-area-inset-top)); }
}


/* ChatPol close button: white X, transparent background, no hover/focus effect */
button#chatpol-close-btn.chatpol-close-btn,
button#chatpol-close-btn.chatpol-close-btn:hover,
button#chatpol-close-btn.chatpol-close-btn:focus,
button#chatpol-close-btn.chatpol-close-btn:focus-visible,
button#chatpol-close-btn.chatpol-close-btn:active,
.chatpol-close-btn,
.chatpol-close-btn:hover,
.chatpol-close-btn:focus,
.chatpol-close-btn:focus-visible,
.chatpol-close-btn:active {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-width: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

button#chatpol-close-btn.chatpol-close-btn svg,
.chatpol-close-btn svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    background: transparent !important;
    background-color: transparent !important;
    fill: none !important;
}

button#chatpol-close-btn.chatpol-close-btn svg path,
button#chatpol-close-btn.chatpol-close-btn svg line,
button#chatpol-close-btn.chatpol-close-btn svg polyline,
.chatpol-close-btn svg path,
.chatpol-close-btn svg line,
.chatpol-close-btn svg polyline {
    stroke: #ffffff !important;
    stroke-width: 2 !important;
    fill: none !important;
}