/* GEO/AEO Optimize AI — Front-end chat widget */
#dbn-copilot-root, #dbn-copilot-root *{ box-sizing: border-box; }
#dbn-copilot-root{
	font-family: 'Vazirmatn', -apple-system, 'Segoe UI', Tahoma, sans-serif;
	position: fixed; z-index: 999999;
	bottom: 22px;
}
#dbn-copilot-root.dbn-pos-bottom-right{ inset-inline-end: 22px; }
#dbn-copilot-root.dbn-pos-bottom-left{ inset-inline-start: 22px; }

.dbn-cp-toggle{
	width: 58px; height: 58px; border-radius: 50%;
	background: var(--dbn-accent, #F5A623) !important;
	border: none; cursor: pointer;
	display:flex; align-items:center; justify-content:center;
	box-shadow: 0 8px 24px rgba(0,0,0,.28);
	transition: transform .15s ease;
}
.dbn-cp-toggle:hover{ transform: scale(1.05); }
.dbn-cp-toggle svg{ width: 24px; height: 24px; }
#dbn-copilot-root .dbn-cp-toggle svg,
#dbn-copilot-root .dbn-cp-toggle svg path{ stroke: #1A1204 !important; fill: none !important; }

.dbn-cp-panel{
	position: absolute; bottom: 74px;
	width: 850px; max-width: calc(100vw - 40px);
	max-height: min(1200px, 85vh);
	background: #12161F !important;
	border: 1px solid #26314A;
	border-radius: 16px;
	box-shadow: 0 20px 60px rgba(0,0,0,.4);
	display: flex; flex-direction: column;
	overflow: hidden;
	opacity: 0; transform: translateY(8px);
	pointer-events: none;
	transition: opacity .15s ease, transform .15s ease;
}
.dbn-pos-bottom-right .dbn-cp-panel{ inset-inline-end: 0; }
.dbn-pos-bottom-left .dbn-cp-panel{ inset-inline-start: 0; }
#dbn-copilot-root.is-open .dbn-cp-panel{ opacity: 1; transform: translateY(0); pointer-events: auto; }

.dbn-cp-header{
	padding: 16px 20px; background: #171E2E !important; border-bottom: 1px solid #26314A;
	display:flex; align-items:center; gap:10px;
}
.dbn-cp-header .dbn-dot{ width:9px; height:9px; border-radius:50%; background: var(--dbn-accent, #F5A623) !important; flex-shrink:0; }
.dbn-cp-header strong{ color:#E7EAF2 !important; font-size: 15px; }

.dbn-cp-messages{ flex:1; overflow-y:auto; padding: 18px 20px; display:flex; flex-direction:column; gap:12px; }
.dbn-cp-msg{ max-width: 75%; padding: 11px 15px; border-radius: 14px; font-size: 14.5px; line-height:1.75; }
.dbn-cp-msg.bot{ background:#1B2436 !important; color:#E7EAF2 !important; align-self:flex-start; border-end-start-radius:2px; }
.dbn-cp-msg.user{ background: var(--dbn-accent, #F5A623) !important; color:#1A1204 !important; align-self:flex-end; border-end-end-radius:2px; }
.dbn-cp-msg.pending{ color:#8C97B3 !important; }

.dbn-cp-inputrow{ display:flex; gap:10px; padding: 16px; border-top: 1px solid #26314A; }
.dbn-cp-inputrow input{
	flex:1; background:#1B2436 !important; border:1px solid #26314A; border-radius: 10px;
	color:#E7EAF2 !important; padding: 12px 14px; font-size: 14.5px; font-family:inherit;
}
.dbn-cp-inputrow input:focus{ outline:2px solid var(--dbn-accent, #F5A623) !important; }
.dbn-cp-send{
	background: var(--dbn-accent, #F5A623) !important; border:none; border-radius:10px; width:46px; cursor:pointer;
	display:flex; align-items:center; justify-content:center;
}
.dbn-cp-send svg{ width:19px; height:19px; }
#dbn-copilot-root .dbn-cp-send svg,
#dbn-copilot-root .dbn-cp-send svg path{ stroke: #1A1204 !important; fill: none !important; }

@media (max-width: 480px){
	.dbn-cp-panel{ width: calc(100vw - 32px); max-height: 75vh; }
}