/**
 * Pinova /login — Streamit-like dark shell.
 * Keeps Pinova Alpine markup; overrides chrome only.
 */

body.streamit-pinova-login {
	--stc-pinova-primary: rgb(229, 9, 20);
	--stc-pinova-primary-hover: rgb(200, 8, 17);
	--stc-pinova-text: #f3f4f6;
	--stc-pinova-muted: rgba(243, 244, 246, 0.78);
	--stc-pinova-border: rgba(255, 255, 255, 0.14);
	--stc-pinova-input-bg: rgba(0, 0, 0, 0.5);
	margin: 0;
	min-height: 100vh;
	background-color: #0b0b0b;
	background-image:
		linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.55)),
		var(--stc-pinova-bg, none);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: var(--stc-pinova-text);
	font-family: "Peyda", Tahoma, Arial, sans-serif !important;
}

body.streamit-pinova-login .streamit-pinova-login__stage {
	color: var(--stc-pinova-text) !important;
}

body.streamit-pinova-login .streamit-pinova-login__card.streamit-login {
	display: block;
	position: relative;
	width: 100%;
	max-width: 26rem;
	padding: 2.5rem 1.75rem 1.75rem;
	margin: 0 auto;
	background: rgba(0, 0, 0, 0.7);
	border: 1px solid var(--stc-pinova-border);
	border-radius: 0.75rem;
	box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.45);
	color: var(--stc-pinova-text);
}

@media (min-width: 576px) {
	body.streamit-pinova-login .streamit-pinova-login__card.streamit-login {
		padding: 3.125em;
	}
}

body.streamit-pinova-login .streamit-pinova-login__card img.block.max-h-20 {
	display: block;
	margin: 0 auto 2.5rem;
	width: auto;
	max-width: 16em;
	max-height: 7rem;
	height: auto;
}

body.streamit-pinova-login .streamit-pinova-login__card .font-semibold.text-base,
body.streamit-pinova-login .streamit-pinova-login__card .font-semibold {
	color: var(--stc-pinova-text);
}

body.streamit-pinova-login .streamit-pinova-login__card .font-normal,
body.streamit-pinova-login .streamit-pinova-login__card .text-xs,
body.streamit-pinova-login .streamit-pinova-login__card .text-sm {
	color: var(--stc-pinova-muted);
}

body.streamit-pinova-login .streamit-pinova-login__card input:not([type="checkbox"]),
body.streamit-pinova-login .streamit-pinova-login__card select,
body.streamit-pinova-login .streamit-pinova-login__card textarea {
	background-color: var(--stc-pinova-input-bg) !important;
	border-color: var(--stc-pinova-border) !important;
	color: var(--stc-pinova-text) !important;
	border-radius: 0.5rem !important;
	box-shadow: none !important;
	font-family: inherit !important;
}

body.streamit-pinova-login .streamit-pinova-login__card input::placeholder {
	color: rgba(243, 244, 246, 0.45);
}

body.streamit-pinova-login .streamit-pinova-login__card input:focus {
	border-color: var(--stc-pinova-primary) !important;
	outline: none;
	background-color: var(--stc-pinova-input-bg) !important;
}

body.streamit-pinova-login .streamit-pinova-login__card button.bg-primary-500,
body.streamit-pinova-login .streamit-pinova-login__card button[class*="bg-primary"] {
	background: var(--stc-pinova-primary) !important;
	border: none !important;
	color: #fff !important;
	border-radius: 0.5rem !important;
	font-weight: 600 !important;
	font-family: inherit !important;
	transition: background-color 0.2s ease;
}

body.streamit-pinova-login .streamit-pinova-login__card button.bg-primary-500:hover,
body.streamit-pinova-login .streamit-pinova-login__card button[class*="bg-primary"]:hover {
	background: var(--stc-pinova-primary-hover) !important;
}

body.streamit-pinova-login .streamit-pinova-login__card button.border,
body.streamit-pinova-login .streamit-pinova-login__card button[class*="border-gray"] {
	background: transparent !important;
	border-color: var(--stc-pinova-border) !important;
	color: var(--stc-pinova-text) !important;
}

body.streamit-pinova-login .streamit-pinova-login__card button.border:hover,
body.streamit-pinova-login .streamit-pinova-login__card button[class*="border-gray"]:hover {
	background: rgba(255, 255, 255, 0.06) !important;
}

body.streamit-pinova-login .streamit-pinova-login__card a,
body.streamit-pinova-login .streamit-pinova-login__card .text-primary-500,
body.streamit-pinova-login .streamit-pinova-login__card button.text-primary-500 {
	color: var(--stc-pinova-primary) !important;
}

body.streamit-pinova-login .streamit-pinova-login__card a:hover,
body.streamit-pinova-login .streamit-pinova-login__card .text-primary-500:hover,
body.streamit-pinova-login .streamit-pinova-login__card button.text-primary-500:hover {
	color: var(--stc-pinova-primary-hover) !important;
}

body.streamit-pinova-login .streamit-pinova-login__card .text-error-500,
body.streamit-pinova-login .streamit-pinova-login__card .text-error-300,
body.streamit-pinova-login .streamit-pinova-login__card [class*="text-error"] {
	color: #f87171 !important;
}

body.streamit-pinova-login .streamit-pinova-login__card .\!border-error-300,
body.streamit-pinova-login .streamit-pinova-login__card input.\!border-error-300 {
	border-color: #f87171 !important;
}

/* Loader overlay: dark glass instead of gray wash */
body.streamit-pinova-login .streamit-pinova-login__card .bg-gray-300.bg-opacity-90 {
	background: rgba(0, 0, 0, 0.72) !important;
}

body.streamit-pinova-login .streamit-pinova-login__card .loader {
	border-color: rgba(255, 255, 255, 0.2);
	border-top-color: var(--stc-pinova-primary);
}

/* Back arrows: invert light icons on dark card */
body.streamit-pinova-login .streamit-pinova-login__card .relative.mb-8 img.h-full,
body.streamit-pinova-login .streamit-pinova-login__card button.inline-block.h-6 img,
body.streamit-pinova-login .streamit-pinova-login__card .cursor-pointer.h-6 img {
	filter: invert(1) brightness(1.1);
	opacity: 0.9;
}