/**
 * Identity Chat — Identity theme glass skin (C5).
 * Uses theme tokens when present; safe fallbacks otherwise.
 */

.idc-root.idc-skin-identity {
	--idc-bg: #0a0c10;
	--idc-panel: rgba(10, 12, 16, 0.52);
	--idc-border: rgba(255, 255, 255, 0.14);
	--idc-text: #f2f4f7;
	--idc-muted: rgba(242, 244, 247, 0.68);
	--idc-accent: var(--id-accent, #0071e3);
	--idc-radius: var(--id-radius, 18px);
	--idc-shadow: 0 22px 56px rgba(0, 0, 0, 0.45);
	font-family: var(--id-font, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif);
	/* Clear the Identity bottom dock */
	bottom: calc(var(--id-dock-offset, 0.65rem) + var(--id-dock-h, 2.75rem) + 0.85rem);
	right: 1.25rem;
	left: auto;
}

.idc-root.idc-skin-identity .idc-launcher {
	border-radius: var(--id-radius-pill, 999px);
	background: rgba(12, 14, 18, 0.72);
	backdrop-filter: blur(18px) saturate(1.25);
	-webkit-backdrop-filter: blur(18px) saturate(1.25);
	box-shadow: var(--idc-shadow);
	color: var(--idc-text);
	border-color: rgba(255, 255, 255, 0.14);
}

.idc-root.idc-skin-identity .idc-launcher-dot {
	background: var(--idc-online, #22c55e);
	border-color: rgba(12, 14, 18, 0.95);
	box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.28);
}

.idc-root.idc-skin-identity .idc-teaser {
	background: rgba(12, 14, 18, 0.62);
	backdrop-filter: blur(22px) saturate(1.3);
	-webkit-backdrop-filter: blur(22px) saturate(1.3);
	color: var(--idc-text);
	border-color: rgba(255, 255, 255, 0.14);
	box-shadow: var(--idc-shadow);
}

.idc-root.idc-skin-identity .idc-header__status {
	color: var(--idc-muted);
}

.idc-root.idc-skin-identity .idc-panel {
	border-radius: var(--idc-radius);
	background: linear-gradient(
		165deg,
		rgba(18, 20, 26, 0.62),
		rgba(8, 10, 14, 0.48)
	);
	backdrop-filter: blur(28px) saturate(1.35);
	-webkit-backdrop-filter: blur(28px) saturate(1.35);
	border: 1px solid var(--idc-border);
	box-shadow: var(--idc-shadow);
	color: var(--idc-text);
}

.idc-root.idc-skin-identity .idc-title {
	font-family: var(--id-font-display, var(--id-font, inherit));
	letter-spacing: var(--id-tracking-title, -0.011em);
}

.idc-root.idc-skin-identity .idc-composer button,
.idc-root.idc-skin-identity .idc-fields__submit {
	background: var(--idc-accent);
	color: #fff;
	border-radius: var(--id-radius-btn, 12px);
}

.idc-root.idc-skin-identity .idc-human-btn--primary {
	background: var(--idc-accent);
	color: #fff;
}

.idc-root.idc-skin-identity .idc-header {
	padding-block: 0.3rem;
}

.idc-root.idc-skin-identity.idc-placement-dock,
.idc-root.idc-skin-identity.idc-placement-header {
	/* Coordinates set in JS (with !important) to pin to the chrome icon */
	bottom: auto !important;
	right: auto !important;
	left: auto !important;
	top: auto !important;
}

.idc-header-launcher {
	background: rgba(255, 255, 255, 0.78);
	backdrop-filter: blur(14px) saturate(1.15);
	-webkit-backdrop-filter: blur(14px) saturate(1.15);
	border-color: var(--id-border, rgba(0, 0, 0, 0.08));
	color: var(--id-ink, #1d1d1f);
	box-shadow: var(--id-shadow-dock, 0 4px 14px rgba(0, 0, 0, 0.06));
}

@media (max-width: 899px) {
	.idc-root.idc-skin-identity {
		bottom: calc(var(--id-dock-offset, 0.65rem) + var(--id-dock-h, 5.15rem) + 0.5rem);
	}
}