/**
 * KI-Seiten – Hero-Animationen im hellen Look (Hintergrund wie .partner-detail__aside auf /unternehmen/partner/).
 * Überschreibt nur Farben der dunklen Glas-Varianten:
 * - /unternehmens-chat-ki/   (.pgpt-glass-panel)
 * - /placetel-voip-ki/       (.call-card)
 * - /power-platform/         (.pp-card.pa-hero)
 * - /ki-webapplikationen/    (.kw-dashboard-glass)
 */

.subpage-hero .pgpt-glass-panel,
.subpage-hero .call-card,
.subpage-hero .kw-dashboard-glass,
.subpage-hero .pp-card.pa-hero {
	background: #eef3f8 url("/img/Hintergrund_Partner_Logos.webp") center / cover no-repeat;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	border: 1px solid rgba(15, 23, 42, 0.06);
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16);
}

.subpage-hero .pgpt-glass-panel::before,
.subpage-hero .call-card::before,
.subpage-hero .kw-dashboard-glass::before {
	background: none;
}

/* ── Unternehmens-Chat-KI (PrivateGPT) ── */
.subpage-hero .pgpt-avatar,
.subpage-hero .pgpt-ai-avatar {
	background: rgba(8, 161, 199, 0.12);
}

.subpage-hero .pgpt-avatar svg,
.subpage-hero .pgpt-ai-avatar svg {
	color: #0088a2;
}

.subpage-hero .pgpt-header-info h3 {
	color: #0f172a;
}

.subpage-hero .pgpt-header-info p {
	color: #64748b;
}

.subpage-hero .pgpt-sparkle {
	color: rgba(0, 136, 162, 0.7);
}

.subpage-hero .pgpt-divider {
	background: rgba(15, 23, 42, 0.08);
}

.subpage-hero .pgpt-user-bubble {
	background: linear-gradient(135deg, #08a1c7, #0088a2);
}

.subpage-hero .pgpt-user-bubble p {
	color: #ffffff;
}

.subpage-hero .pgpt-ai-bubble {
	background: #ffffff;
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);
}

.subpage-hero .pgpt-ai-bubble p {
	color: #334155;
}

.subpage-hero .pgpt-typing-cursor {
	background: #0088a2;
}

.subpage-hero .pgpt-suggestion-btn {
	background: #ffffff;
	border-color: rgba(15, 23, 42, 0.08);
	color: #334155;
}

.subpage-hero .pgpt-suggestion-btn:hover {
	background: #f8fafc;
	border-color: rgba(8, 161, 199, 0.35);
}

.subpage-hero .pgpt-input-container {
	background: #ffffff;
	border-color: rgba(15, 23, 42, 0.08);
}

.subpage-hero .pgpt-input-container svg {
	color: #64748b;
}

.subpage-hero .pgpt-input-container input {
	color: #0f172a;
}

.subpage-hero .pgpt-input-container input::placeholder {
	color: #94a3b8;
}

.subpage-hero .pgpt-send-btn {
	background: linear-gradient(135deg, #08a1c7, #0088a2);
}

.subpage-hero .pgpt-attach-btn {
	background: #f8fafc;
	border-color: rgba(15, 23, 42, 0.1);
}

.subpage-hero .pgpt-attach-btn:hover {
	background: #ffffff;
	border-color: rgba(8, 161, 199, 0.45);
}

.subpage-hero .pgpt-attach-btn svg {
	color: #475569;
}

.subpage-hero .pgpt-source svg,
.subpage-hero .pgpt-source span {
	color: #64748b;
}

/* ── Placetel VoIP KI (Call-Card) ── */
.subpage-hero .call-card-avatar {
	background: rgba(8, 161, 199, 0.12);
}

.subpage-hero .call-card-avatar svg {
	color: #0088a2;
}

.subpage-hero .call-card-contact-name {
	color: #0f172a;
}

.subpage-hero .call-card-contact-phone,
.subpage-hero .call-card-transcript-label,
.subpage-hero .call-card-forward-subtitle,
.subpage-hero .call-card-forward-title.waiting {
	color: #64748b;
}

.subpage-hero .call-card-timer {
	color: rgba(15, 23, 42, 0.85);
}

.subpage-hero .call-card-wave-bar {
	background: rgba(0, 136, 162, 0.35);
}

.subpage-hero .call-card-divider {
	background: rgba(15, 23, 42, 0.08);
}

.subpage-hero .call-card-transcript-content {
	color: #334155;
}

.subpage-hero .call-card-typing-cursor {
	background: rgba(0, 136, 162, 0.6);
}

.subpage-hero .call-card-forward-icon.waiting {
	background: rgba(15, 23, 42, 0.06);
}

.subpage-hero .call-card-forward-icon.waiting svg {
	color: #64748b;
}

.subpage-hero .call-card-forward-icon.sent {
	background: rgba(34, 197, 94, 0.15);
}

.subpage-hero .call-card-forward-icon.sent svg {
	color: #16a34a;
}

.subpage-hero .call-card-forward-title.sent {
	color: #0f172a;
}

.subpage-hero .call-card-badge {
	color: #15803d;
	background: rgba(34, 197, 94, 0.12);
}

/* ── KI-Webapplikationen (Dashboard) ── */
.subpage-hero .kw-dash-live-dot {
	background: #08a1c7;
	box-shadow: 0 0 10px rgba(8, 161, 199, 0.5);
}

.subpage-hero .kw-dash-title-wrap h3,
.subpage-hero .kw-dash-kpi-val,
.subpage-hero .kw-dash-status-count,
.subpage-hero .kw-dash-insight strong {
	color: #0f172a;
}

.subpage-hero .kw-dash-period {
	color: #334155;
	background: #ffffff;
	border-color: rgba(15, 23, 42, 0.08);
}

.subpage-hero .kw-dash-kpi,
.subpage-hero .kw-dash-chart,
.subpage-hero .kw-dash-status-item {
	background: #ffffff;
	border-color: rgba(15, 23, 42, 0.06);
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);
}

.subpage-hero .kw-dash-kpi-val.is-up,
.subpage-hero .kw-dash-status-delta {
	color: #059669;
}

.subpage-hero .kw-dash-status-delta.is-down {
	color: #dc2626;
}

.subpage-hero .kw-dash-kpi-label,
.subpage-hero .kw-dash-chart-legend,
.subpage-hero .kw-dash-status-name {
	color: #64748b;
}

.subpage-hero .kw-dash-chart-head {
	color: #334155;
}

.subpage-hero .kw-dash-bar-label {
	color: #475569;
}

.subpage-hero .kw-dash-insight {
	background: rgba(8, 161, 199, 0.08);
	border-color: rgba(8, 161, 199, 0.25);
}

.subpage-hero .kw-dash-insight svg {
	color: #0088a2;
}

.subpage-hero .kw-dash-insight p {
	color: #334155;
}

/* ── Power Platform (Power-Automate-Workflow) ── */
.subpage-hero .pp-card.pa-hero {
	--pa-flow-primary: 192 100% 36%;
}

.subpage-hero .pa-midline {
	background: linear-gradient(to bottom, transparent, rgba(15, 23, 42, 0.15), transparent);
}

.subpage-hero .pa-title {
	background: #ffffff;
	border-color: rgba(15, 23, 42, 0.08);
	color: #0f172a;
}

.subpage-hero .pa-avatar {
	background: #ffffff;
	border-color: rgba(15, 23, 42, 0.08);
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
}

.subpage-hero .pa-paperstack span {
	background: rgba(100, 116, 139, 0.35);
}

.subpage-hero .pa-duration {
	background: #ffffff;
	border-color: rgba(15, 23, 42, 0.08);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.subpage-hero .pa-duration-sub {
	color: #64748b;
}

.subpage-hero .pa-node-icon {
	border-color: rgba(15, 23, 42, 0.08);
}

.subpage-hero .pa-flownode.pa-reveal:not(.is-on) .pa-node-icon {
	background: rgba(15, 23, 42, 0.05);
}

.subpage-hero .pa-flownode.pa-reveal:not(.is-on) .pa-node-label {
	color: rgba(15, 23, 42, 0.45);
}