/* ==========================================================================
   AutoMind — Consult with our Service Advisor (front end)
   Launcher, panel, consult form, chat thread, chat + calling channels.
   Two channels only: live chat and calling — no third-party messenger.
   ========================================================================== */

.amcsa {
	--amcsa-accent: #d90000;
	--amcsa-accent-2: #a80000;
	--amcsa-accent-dark: var(--amcsa-accent-2); /* legacy alias */
	--amcsa-launcher-text: #fff;
	--amcsa-header-bg: #101216;
	--amcsa-header-text: #fff;
	--amcsa-offset: 24px;
	--amcsa-surface: #fff;
	--amcsa-dark: #101216;
	--amcsa-dark-2: #191c22;
	--amcsa-body: #4a4f58;
	--amcsa-muted: #7c828d;
	--amcsa-border: #e3e6ea;
	--amcsa-bg: #f5f6f8;
	--amcsa-radius: 14px;
	--amcsa-ease: cubic-bezier(.22, 1, .36, 1);
	--amcsa-spring: cubic-bezier(.34, 1.56, .64, 1);
	position: fixed;
	bottom: var(--amcsa-offset);
	z-index: 99990;
	font-size: 15px;
	line-height: 1.5;
	color: var(--amcsa-body);
	-webkit-tap-highlight-color: transparent;
}

.amcsa--right { right: var(--amcsa-offset); }
.amcsa--left { left: var(--amcsa-offset); }

.amcsa--inline { position: static; max-width: 720px; }
.amcsa--inline .amcsa-panel {
	position: static;
	width: 100%;
	max-height: none;
	opacity: 1;
	transform: none;
	box-shadow: 0 12px 34px rgba(16, 18, 22, .08);
}

.amcsa *, .amcsa *::before, .amcsa *::after { box-sizing: border-box; }

/* Launcher ---------------------------------------------------------- */

.amcsa-launcher {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 12px 20px 12px 14px;
	border: 0;
	border-radius: 44px;
	background: linear-gradient(135deg, var(--amcsa-accent) 0%, var(--amcsa-accent-2) 100%);
	color: var(--amcsa-launcher-text);
	font: inherit;
	text-align: left;
	cursor: pointer;
	box-shadow: 0 16px 38px rgba(16, 18, 22, .3), 0 2px 6px rgba(16, 18, 22, .18);
	transition: transform .32s var(--amcsa-ease), box-shadow .32s var(--amcsa-ease), border-radius .4s var(--amcsa-ease);
	animation: amcsa-float 5.5s ease-in-out infinite;
}

.amcsa-launcher:hover,
.amcsa-launcher:focus-visible {
	transform: translateY(-3px) scale(1.02);
	box-shadow: 0 22px 46px rgba(16, 18, 22, .34), 0 2px 8px rgba(16, 18, 22, .2);
	outline: none;
}

.amcsa-launcher:active { transform: translateY(-1px) scale(.99); }

/* the expanding “hello” ring */
.amcsa-launcher__pulse {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: var(--amcsa-accent);
	opacity: .45;
	animation: amcsa-pulse 2.6s cubic-bezier(.4, 0, .2, 1) infinite;
	pointer-events: none;
}

.amcsa-launcher__face {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .18);
	overflow: hidden;
	transition: background .3s var(--amcsa-ease);
}

.amcsa.is-open .amcsa-launcher__face { background: rgba(255, 255, 255, .28); }

.amcsa-launcher__icon {
	position: absolute;
	display: inline-flex;
	transition: transform .45s var(--amcsa-spring), opacity .3s ease;
}

.amcsa-launcher__icon svg { width: 22px; height: 22px; }
.amcsa-launcher__icon--close { opacity: 0; transform: rotate(-90deg) scale(.4); }
.amcsa.is-open .amcsa-launcher__icon--chat { opacity: 0; transform: rotate(90deg) scale(.4); }
.amcsa.is-open .amcsa-launcher__icon--close { opacity: 1; transform: rotate(0) scale(1); }

.amcsa-launcher__text { display: flex; flex-direction: column; line-height: 1.25; }

.amcsa-launcher__text strong {
	font-size: 14.5px;
	font-weight: 700;
	letter-spacing: -.01em;
	white-space: nowrap;
}

.amcsa-launcher__text em {
	font-style: normal;
	font-size: 12px;
	opacity: .82;
	color: inherit;
	white-space: nowrap;
}

.amcsa-launcher__dot {
	position: absolute;
	top: 8px;
	right: 10px;
	display: none;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #ffcd00;
	box-shadow: 0 0 0 3px rgba(255, 205, 0, .35);
}

.amcsa.has-reply .amcsa-launcher__dot { display: block; animation: amcsa-bounce 1.1s var(--amcsa-ease) infinite; }

/* Open state: the launcher curls up, the panel takes its place --------- */

.amcsa.is-open .amcsa-launcher {
	border-radius: 50%;
	padding: 12px;
	animation: none;
}

.amcsa.is-open .amcsa-launcher__text,
.amcsa.is-open .amcsa-launcher__pulse { display: none; }

.amcsa--offline .amcsa-launcher { filter: grayscale(.6) brightness(.92); }

/* Panel ------------------------------------------------------------- */

.amcsa-panel {
	position: absolute;
	bottom: calc(100% + 12px);
	width: 384px;
	max-width: calc(100vw - 32px);
	max-height: min(70vh, 600px);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: var(--amcsa-surface);
	border: 1px solid rgba(16, 18, 22, .08);
	border-radius: var(--amcsa-radius, 14px);
	box-shadow: 0 34px 80px rgba(16, 18, 22, .32), 0 4px 14px rgba(16, 18, 22, .1);
	transform-origin: bottom right;
	opacity: 0;
	transform: translateY(18px) scale(.94);
	transition: opacity .26s ease, transform .34s var(--amcsa-spring);
}

.amcsa--left .amcsa-panel { transform-origin: bottom left; }
.amcsa--right .amcsa-panel { right: 0; }
.amcsa--left .amcsa-panel { left: 0; }
.amcsa-panel[hidden] { display: none; }
.amcsa.is-open .amcsa-panel { opacity: 1; transform: translateY(0) scale(1); }

.amcsa-panel__head {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 16px 15px;
	background: var(--amcsa-header-bg);
	color: var(--amcsa-header-text);
	overflow: hidden;
}

.amcsa-panel__head::before {
	content: "";
	position: absolute;
	top: -75%;
	right: -12%;
	width: 62%;
	height: 210%;
	border-radius: 50%;
	background: var(--amcsa-accent);
	opacity: .4;
	filter: blur(34px);
	pointer-events: none;
}

.amcsa-panel__head::after {
	content: "";
	position: absolute;
	top: -60%;
	left: -30%;
	width: 60%;
	height: 220%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .12), rgba(255, 255, 255, 0));
	transform: rotate(14deg);
	animation: amcsa-sheen 5.5s ease-in-out 1.2s infinite;
	pointer-events: none;
}

.amcsa-avatar {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--amcsa-accent) 0%, var(--amcsa-accent-2) 100%);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .18);
}

.amcsa-avatar svg { width: 22px; height: 22px; }

.amcsa-avatar__ring {
	position: absolute;
	inset: -4px;
	border: 2px solid rgba(255, 205, 0, .55);
	border-radius: 50%;
	opacity: 0;
	transform: scale(.85);
	animation: amcsa-avatar-ping 3.4s ease-out infinite;
}

.amcsa--offline .amcsa-avatar__ring { border-color: rgba(255, 255, 255, .35); animation-duration: 6s; }

.amcsa-panel__titles { flex: 1 1 auto; min-width: 0; }

.amcsa-panel__title {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .01em;
	color: inherit;
	text-transform: none;
}

.amcsa-status { display: flex; align-items: center; gap: 7px; margin: 3px 0 0; font-size: 12.5px; }

.amcsa-status__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #4ade80;
	box-shadow: 0 0 0 0 rgba(74, 222, 128, .55);
	animation: amcsa-live 2s ease-in-out infinite;
}

.amcsa-status--open { color: #8ff0b4; }
.amcsa-status--closed { color: #ffc9a3; }
.amcsa-status--closed .amcsa-status__dot { background: #ffcd00; box-shadow: none; animation: none; }

.amcsa-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .14);
	color: #fff;
	cursor: pointer;
	transition: background .25s ease, transform .35s var(--amcsa-ease);
}

.amcsa-close svg { width: 16px; height: 16px; }
.amcsa-close:hover { background: var(--amcsa-accent); transform: rotate(90deg); }

.amcsa-panel__intro,
.amcsa-panel__offline {
	margin: 0;
	padding: 11px 16px;
	font-size: 13.5px;
	color: var(--amcsa-body);
	background: var(--amcsa-bg);
	border-bottom: 1px solid var(--amcsa-border);
}

.amcsa-panel__offline { background: rgba(255, 205, 0, .16); color: #6b5400; }

.amcsa-tabs {
	position: relative;
	display: flex;
	gap: 6px;
	padding: 10px 14px 0;
	border-bottom: 1px solid var(--amcsa-border);
	flex-wrap: wrap;
}

.amcsa-tab {
	position: relative;
	padding: 8px 12px 10px;
	border: 0;
	background: none;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	color: var(--amcsa-muted);
	cursor: pointer;
	transition: color .25s ease;
}

.amcsa-tab::after {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: -1px;
	height: 2px;
	border-radius: 2px;
	background: var(--amcsa-accent);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform .32s var(--amcsa-ease);
}

.amcsa-tab:hover { color: var(--amcsa-dark); }
.amcsa-tab.is-active { color: var(--amcsa-dark); }
.amcsa-tab.is-active::after { transform: scaleX(1); }

.amcsa-body { overflow-y: auto; overscroll-behavior: contain; }
.amcsa-pane { display: none; padding: 16px; }
.amcsa-pane.is-active { display: block; animation: amcsa-pane-in .34s var(--amcsa-ease) both; }
.amcsa-pane__intro { margin: 0 0 12px; font-size: 13.5px; color: var(--amcsa-body); }

/* Chat thread -------------------------------------------------------- */

.amcsa-thread { position: relative; }

.amcsa-log {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-height: 230px;
	overflow-y: auto;
	overscroll-behavior: contain;
	margin-bottom: 12px;
	padding-right: 4px;
	scrollbar-width: thin;
}

.amcsa-log::-webkit-scrollbar { width: 8px; }
.amcsa-log::-webkit-scrollbar-thumb { background: rgba(16, 18, 22, .16); border-radius: 8px; }
.amcsa-log::-webkit-scrollbar-track { background: transparent; }

.amcsa-msg {
	display: flex;
	opacity: 0;
	transform: translateY(10px) scale(.98);
	transition: opacity .34s ease, transform .34s var(--amcsa-ease);
}

.amcsa-msg.is-in { opacity: 1; transform: translateY(0) scale(1); }
.amcsa-msg--customer { justify-content: flex-end; }

.amcsa-msg__bubble {
	max-width: 86%;
	padding: 10px 13px;
	border-radius: 14px 14px 14px 4px;
	background: var(--amcsa-bg);
	color: var(--amcsa-dark);
	font-size: 14px;
	line-height: 1.5;
	box-shadow: 0 1px 2px rgba(16, 18, 22, .05);
	white-space: pre-line;
}

.amcsa-msg--customer .amcsa-msg__bubble {
	background: linear-gradient(135deg, var(--amcsa-accent) 0%, var(--amcsa-accent-2) 100%);
	color: #fff;
	border-radius: 14px 14px 4px 14px;
	box-shadow: 0 6px 16px rgba(217, 0, 0, .24);
	box-shadow: 0 6px 16px color-mix(in srgb, var(--amcsa-accent) 24%, transparent);
}

.amcsa-msg__meta { display: block; margin-top: 4px; font-size: 11px; opacity: .72; }

.amcsa-msg--system { justify-content: center; }
.amcsa-msg--system .amcsa-msg__bubble {
	max-width: 100%;
	background: rgba(255, 205, 0, .18);
	color: #6b5400;
	border-radius: 10px;
	font-size: 12.5px;
	text-align: center;
}

/* Typing indicator */
.amcsa-typing {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: -4px 0 10px;
	font-size: 12px;
	color: var(--amcsa-muted);
	animation: amcsa-pane-in .3s ease both;
}

.amcsa-typing[hidden] { display: none; }
.amcsa-typing__dots { display: inline-flex; gap: 4px; }

.amcsa-typing__dots i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--amcsa-accent);
	animation: amcsa-dots 1.15s ease-in-out infinite;
}

.amcsa-typing__dots i:nth-child(2) { animation-delay: .16s; }
.amcsa-typing__dots i:nth-child(3) { animation-delay: .32s; }

/* Forms -------------------------------------------------------------- */

.amcsa-form { position: relative; }

.amcsa-form--start {
	padding: 16px;
	border: 1px solid var(--amcsa-border);
	border-radius: 12px;
	background: linear-gradient(180deg, #fff 0%, var(--amcsa-bg) 100%);
	animation: amcsa-pane-in .38s var(--amcsa-ease) both;
}

.amcsa-form--start.is-done { animation: amcsa-form-out .28s ease forwards; }

.amcsa-form__title {
	margin: 0 0 4px;
	font-size: 15px;
	font-weight: 700;
	color: var(--amcsa-dark);
}

.amcsa-form__intro { margin: 0 0 12px; font-size: 13px; color: var(--amcsa-muted); }

.amcsa-form__note {
	margin: 10px 0 0;
	font-size: 11.5px;
	color: var(--amcsa-muted);
	display: flex;
	align-items: center;
	gap: 6px;
}

.amcsa-form__note::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #4ade80;
	flex: 0 0 auto;
}

.amcsa-row { display: grid; gap: 0 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }

.amcsa-field { display: flex; flex-direction: column; gap: 5px; margin-bottom: 10px; }

.amcsa-field label,
.amcsa-field__label {
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--amcsa-dark);
}

.amcsa-req { color: var(--amcsa-accent); margin-left: 3px; }

.amcsa-field input,
.amcsa-field textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--amcsa-border);
	border-radius: 8px;
	background: #fff;
	font: inherit;
	font-size: 14.5px;
	color: var(--amcsa-dark);
	transition: border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

.amcsa-field textarea { resize: vertical; min-height: 76px; }

.amcsa-field input::placeholder,
.amcsa-field textarea::placeholder { color: #a8adb6; }

.amcsa-field input:focus,
.amcsa-field textarea:focus {
	outline: none;
	border-color: var(--amcsa-accent);
	box-shadow: 0 0 0 3px rgba(217, 0, 0, .13);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--amcsa-accent) 13%, transparent);
}

.amcsa-field--has-error input,
.amcsa-field--has-error textarea {
	border-color: var(--amcsa-accent);
	background: rgba(217, 0, 0, .03);
	background: color-mix(in srgb, var(--amcsa-accent) 3%, #fff);
	animation: amcsa-shake .4s ease;
}

.amcsa-field--has-error .amcsa-field__error { animation: amcsa-pane-in .25s ease both; }
.amcsa-field__error:empty { display: none; }
.amcsa-field__error { font-size: 12px; color: var(--amcsa-accent); }

.amcsa-chips { display: flex; flex-wrap: wrap; gap: 6px; }

.amcsa-chip {
	padding: 7px 12px;
	border: 1px solid var(--amcsa-border);
	border-radius: 999px;
	background: #fff;
	font: inherit;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--amcsa-body);
	cursor: pointer;
	transition: transform .25s var(--amcsa-spring), border-color .22s ease, background .22s ease, color .22s ease;
}

.amcsa-chip:hover { border-color: var(--amcsa-accent); color: var(--amcsa-accent); transform: translateY(-1px); }

.amcsa-chip.is-on {
	background: linear-gradient(135deg, var(--amcsa-accent) 0%, var(--amcsa-accent-2) 100%);
	border-color: transparent;
	color: #fff;
	transform: translateY(-1px) scale(1.03);
	box-shadow: 0 6px 14px rgba(217, 0, 0, .22);
	box-shadow: 0 6px 14px color-mix(in srgb, var(--amcsa-accent) 22%, transparent);
}

.amcsa-identity { display: grid; gap: 0 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); animation: amcsa-pane-in .32s var(--amcsa-ease) both; }
.amcsa-identity[hidden] { display: none; }

.amcsa-consent {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	margin: 2px 0 10px;
	font-size: 12.5px;
	color: var(--amcsa-body);
	cursor: pointer;
}

.amcsa-consent input { margin-top: 3px; accent-color: var(--amcsa-accent); }

.amcsa-hp { position: absolute !important; left: -9999px !important; }

.amcsa-form__actions { display: flex; align-items: center; gap: 10px; margin-top: 8px; }

.amcsa-send {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 12px 18px;
	border: 0;
	border-radius: 8px;
	background: linear-gradient(135deg, var(--amcsa-accent) 0%, var(--amcsa-accent-2) 100%);
	color: #fff;
	font: inherit;
	font-size: 14.5px;
	font-weight: 700;
	cursor: pointer;
	overflow: hidden;
	box-shadow: 0 10px 22px rgba(217, 0, 0, .22);
	box-shadow: 0 10px 22px color-mix(in srgb, var(--amcsa-accent) 22%, transparent);
	transition: transform .28s var(--amcsa-spring), box-shadow .28s ease, filter .2s ease;
}

.amcsa-send svg { width: 18px; height: 18px; }
.amcsa-send:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgba(217, 0, 0, .28);
	box-shadow: 0 14px 28px color-mix(in srgb, var(--amcsa-accent) 28%, transparent);
}
.amcsa-send:active { transform: translateY(0) scale(.99); }

.amcsa-form--composer .amcsa-send { width: auto; }

.amcsa-spinner {
	display: none;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(217, 0, 0, .25);
	border-color: color-mix(in srgb, var(--amcsa-accent) 25%, transparent);
	border-top-color: var(--amcsa-accent);
	border-radius: 50%;
	animation: amcsa-spin .8s linear infinite;
}

.amcsa-form.is-busy .amcsa-spinner { display: block; }
.amcsa-form.is-busy .amcsa-send { opacity: .75; pointer-events: none; }

/* Follow-up composer -------------------------------------------------- */

.amcsa-form--composer {
	display: none;
	padding-top: 2px;
}

.amcsa[data-state="thread"] .amcsa-form--composer { display: block; animation: amcsa-pane-in .4s var(--amcsa-ease) both; }

.amcsa-composer {
	display: flex;
	align-items: flex-end;
	gap: 8px;
	padding: 6px 6px 6px 12px;
	border: 1px solid var(--amcsa-border);
	border-radius: 22px;
	background: #fff;
	transition: border-color .22s ease, box-shadow .22s ease;
}

.amcsa-composer:focus-within {
	border-color: var(--amcsa-accent);
	box-shadow: 0 0 0 3px rgba(217, 0, 0, .12);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--amcsa-accent) 12%, transparent);
}

.amcsa-composer textarea {
	flex: 1 1 auto;
	max-height: 120px;
	min-height: 24px;
	padding: 8px 0;
	border: 0;
	background: none;
	font: inherit;
	font-size: 14.5px;
	color: var(--amcsa-dark);
	resize: none;
	overflow-y: auto;
}

.amcsa-composer textarea:focus { outline: none; box-shadow: none; }

.amcsa-composer__send {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--amcsa-accent) 0%, var(--amcsa-accent-2) 100%);
	color: #fff;
	cursor: pointer;
	transition: transform .3s var(--amcsa-spring), box-shadow .3s ease;
}

.amcsa-composer__send svg { width: 17px; height: 17px; }
.amcsa-composer__send:hover {
	transform: scale(1.08) rotate(-8deg);
	box-shadow: 0 8px 18px rgba(217, 0, 0, .3);
	box-shadow: 0 8px 18px color-mix(in srgb, var(--amcsa-accent) 30%, transparent);
}

/* Notices ------------------------------------------------------------- */

.amcsa-notices:empty { display: none; }
.amcsa-notices { margin-bottom: 10px; }

.amcsa-notice {
	padding: 10px 12px;
	border-radius: 8px;
	font-size: 13px;
	border: 1px solid var(--amcsa-border);
	background: var(--amcsa-bg);
	color: var(--amcsa-body);
	animation: amcsa-pane-in .3s ease both;
}

.amcsa-notice--success { border-color: #1f9d55; background: rgba(31, 157, 85, .1); color: #14663a; }
.amcsa-notice--error {
	border-color: var(--amcsa-accent);
	background: rgba(217, 0, 0, .07);
	background: color-mix(in srgb, var(--amcsa-accent) 7%, #fff);
	color: var(--amcsa-accent);
}

/* Phone list ---------------------------------------------------------- */

.amcsa-phones { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }

.amcsa-phones a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border: 1px solid var(--amcsa-border);
	border-radius: 10px;
	text-decoration: none;
	color: var(--amcsa-dark);
	transition: border-color .25s ease, background .25s ease, transform .3s var(--amcsa-ease);
	animation: amcsa-pane-in .4s var(--amcsa-ease) both;
}

.amcsa-phones li:nth-child(2) a { animation-delay: .06s; }
.amcsa-phones li:nth-child(3) a { animation-delay: .12s; }
.amcsa-phones li:nth-child(4) a { animation-delay: .18s; }

.amcsa-phones a:hover {
	border-color: var(--amcsa-accent);
	background: rgba(217, 0, 0, .04);
	background: color-mix(in srgb, var(--amcsa-accent) 4%, #fff);
	transform: translateX(3px);
}
.amcsa-phones svg { color: var(--amcsa-accent); flex: 0 0 auto; width: 18px; height: 18px; }
.amcsa-phones strong { display: block; font-size: 15px; }
.amcsa-phones em { display: block; font-style: normal; font-size: 12px; color: var(--amcsa-muted); }


.automind-csa-btn:hover { filter: brightness(.92); }
.automind-csa-btn.am-btn { background: #d90000; }

/* Admin bar badge ----------------------------------------------------- */

.amcsa-bar-count { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 10px; background: #d90000; color: #fff; font-size: 11px; line-height: 1.6; }

/* Living with the theme's own floating buttons ------------------------- */

/* The AutoMind theme floats a “back to top” button in the same corner. Move it
   clear of the launcher so nothing ends up hidden underneath it. Other themes
   are unaffected — this selector simply never matches. */
body.amcsa-active .am-to-top { bottom: 106px; }

@media (max-width: 560px) {
	body.amcsa-active .am-to-top { bottom: 132px; }
}

/* Keyframes ------------------------------------------------------------ */

@keyframes amcsa-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-4px); }
}

@keyframes amcsa-pulse {
	0% { opacity: .45; transform: scale(1); }
	70% { opacity: 0; transform: scale(1.32); }
	100% { opacity: 0; transform: scale(1.32); }
}

@keyframes amcsa-live {
	0%, 100% { box-shadow: 0 0 0 0 rgba(74, 222, 128, .5); }
	60% { box-shadow: 0 0 0 6px rgba(74, 222, 128, 0); }
}

@keyframes amcsa-avatar-ping {
	0% { opacity: .9; transform: scale(.86); }
	60% { opacity: 0; transform: scale(1.22); }
	100% { opacity: 0; transform: scale(1.22); }
}

@keyframes amcsa-bounce {
	0%, 100% { transform: translateY(0); }
	45% { transform: translateY(-4px); }
}

@keyframes amcsa-dots {
	0%, 100% { opacity: .3; transform: translateY(0); }
	40% { opacity: 1; transform: translateY(-3px); }
}

@keyframes amcsa-sheen {
	0%, 55% { transform: translateX(-120%) rotate(14deg); }
	75%, 100% { transform: translateX(320%) rotate(14deg); }
}

@keyframes amcsa-pane-in {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes amcsa-form-out {
	from { opacity: 1; transform: translateY(0); }
	to { opacity: 0; transform: translateY(-6px); }
}

@keyframes amcsa-spin { to { transform: rotate(360deg); } }

@keyframes amcsa-shake {
	0%, 100% { transform: translateX(0); }
	25% { transform: translateX(-3px); }
	75% { transform: translateX(3px); }
}

/* Responsive ---------------------------------------------------------- */

@media (max-width: 560px) {
	.amcsa { --amcsa-offset: 14px; left: 14px; right: 14px; }

	.amcsa-launcher { width: 100%; justify-content: flex-start; }
	.amcsa.is-open .amcsa-launcher { width: auto; margin-left: auto; }

	.amcsa-panel { width: 100%; left: 0; right: 0; max-height: 78vh; border-radius: 16px; }
	.amcsa-row,
	.amcsa-identity { grid-template-columns: minmax(0, 1fr); }
	.amcsa-panel__title { font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) {
	.amcsa *,
	.amcsa-launcher,
	.amcsa-panel {
		animation: none !important;
		transition-duration: .01ms !important;
	}

	.amcsa-msg { opacity: 1; transform: none; }
	.amcsa-launcher__icon--close { opacity: 1; transform: none; }
	.amcsa.is-open .amcsa-launcher__icon--chat { opacity: 1; transform: none; }
}

@media print { .amcsa { display: none !important; } }