/* CyberID for WordPress — przycisk logowania (brandowany, zgodny z cyberid.app). */
.cyberid-btn {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	max-width: 100%;
	padding: 12px 20px;
	border-radius: 12px;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.1;
	text-decoration: none;
	color: #fff;
	background: linear-gradient(90deg, #4b0082 0%, #6d4aff 55%, #8b5cf6 100%);
	box-shadow: 0 6px 18px rgba(109, 74, 255, 0.35);
	transition: opacity 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
	border: none;
	cursor: pointer;
}
.cyberid-btn:hover { opacity: 0.94; color: #fff; box-shadow: 0 8px 22px rgba(109, 74, 255, 0.45); }
.cyberid-btn:active { transform: translateY(1px); }
.cyberid-btn:focus-visible { outline: 2px solid #22d3ee; outline-offset: 2px; }
.cyberid-btn--full { display: flex; width: 100%; }
.cyberid-btn--icon { padding: 12px; }
.cyberid-btn--icon .cyberid-btn__label { display: none; }
.cyberid-btn--theme {
	color: #0f1426;
	background: #fff;
	border: 1px solid rgba(109, 74, 255, 0.35);
	box-shadow: 0 2px 6px rgba(31, 22, 87, 0.08);
}
.cyberid-btn--theme:hover { color: #0f1426; background: #faf9ff; }
.cyberid-btn__logo {
	width: 18px;
	height: 20px;
	flex: 0 0 auto;
	display: block;
}
.cyberid-btn__label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Ekran wp-login (wąska kolumna ~320px). */
.cyberid-login-wrap {
	margin: 24px 0 8px;
	clear: both;
}
.cyberid-login-wrap__or {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 16px;
	color: #6b7280;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.cyberid-login-wrap__or::before,
.cyberid-login-wrap__or::after {
	content: "";
	flex: 1 1 auto;
	height: 1px;
	background: #e6e8f0;
}
/* wp-login ma wąską kolumnę — przycisk pełnej szerokości, delikatny cień (bez wylewania). */
body.login .cyberid-btn { width: 100%; box-shadow: 0 3px 12px rgba(109, 74, 255, 0.28); }
body.login .cyberid-btn__label { font-size: 14px; }

/* Karta / komunikaty (front). */
.cyberid-card { border: 1px solid #e6e8f0; border-radius: 16px; padding: 18px; background: #fff; max-width: 100%; box-sizing: border-box; box-shadow: 0 2px 8px rgba(31, 22, 87, 0.08); }
.cyberid-card__head { display: flex; align-items: center; gap: 12px; min-width: 0; }
.cyberid-card__head > div { min-width: 0; }
.cyberid-card__avatar { border-radius: 50%; flex: 0 0 auto; }
.cyberid-card__name { font-weight: 700; display: block; overflow: hidden; text-overflow: ellipsis; word-break: break-word; }
.cyberid-card__handle { color: #6b7280; font-size: 12px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; display: block; overflow: hidden; text-overflow: ellipsis; }
.cyberid-card__badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.cyberid-badge { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.cyberid-badge--assurance { background: #ecfdf5; color: #065f46; }
.cyberid-badge--aura { background: #eef2ff; color: #3730a3; }
.cyberid-card__actions { margin-top: 14px; }
.cyberid-link { color: #6d4aff; text-decoration: none; font-weight: 600; }
.cyberid-gate-blocked { padding: 16px; border: 1px dashed #e6e8f0; border-radius: 12px; text-align: center; }
.cyberid-account__hint { color: #6b7280; font-size: 12px; margin: 10px 0; }
.cyberid-msg { margin: 12px 0; padding: 10px 12px; border-radius: 8px; }
.cyberid-msg--error { border-left: 4px solid #ef4444; background: #fef2f2; }
.cyberid-msg--notice { border-left: 4px solid #10b981; background: #ecfdf5; }