/* Piel de consola del buscador Ransomware Tracker — marca digitalchk.
   El acento del widget (check_color) es tinta via opciones; el rojo queda
   reservado para lo semantico (alertas, incidentes) y aqui se re-afirma.
   Pitch e informe: colores clavados por JS desde opciones; no pelear. */

div.rwt-check,
.rwt-modal {
	--rwtx-tinta: var(--rwt-accent, #0b1524);
	--rwtx-menta: var(--rwt-consola-accent, #5eead4);
}


div.rwt-check {
	border-radius: 16px !important;
	border: 1px solid #e4e9f0;
	box-shadow: 0 12px 32px rgba(11, 21, 36, 0.1) !important;
}

/* ── Banda de consola ──────────────────────────────────────────────────── */
.rwt-check .rwt-consola-banda {
	position: relative;
	margin: -28px -24px 22px;
	padding: 18px 24px 16px;
	background:
		radial-gradient(color-mix(in srgb, var(--rwtx-menta, #5eead4) 13%, transparent) 1px, transparent 1.5px) 0 0 / 18px 18px,
		radial-gradient(120% 140% at 85% -20%, color-mix(in srgb, var(--rwtx-tinta, #0b1524) 82%, #6e9bd8) 0%, var(--rwtx-tinta, #0b1524) 60%);
	border-radius: 16px 16px 0 0;
	overflow: hidden;
}
.rwt-check .rwt-consola-ceja {
	margin: 0 0 6px !important;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	color: var(--rwtx-menta, #5eead4);
	text-transform: none;
}
.rwt-check .rwt-consola-ceja::after {
	content: '\258e';
	margin-left: 4px;
	animation: rwt-cursor 1.1s steps(2, jump-none) infinite;
}
@keyframes rwt-cursor {
	to {
		opacity: 0;
	}
}
.rwt-check .rwt-consola-banda .rwt-check__title {
	margin: 0 !important;
	color: #ffffff !important;
	text-align: left;
	font-size: 1.3rem !important;
	line-height: 1.25 !important;
	text-wrap: balance;
}

/* ── Formulario ────────────────────────────────────────────────────────── */
.rwt-check .rwt-check__input {
	background: #f7f9fb !important;
	border: 1.5px solid #e4e9f0 !important;
	border-radius: 10px !important;
	color: var(--rwtx-tinta, #0b1524) !important;
}
.rwt-check .rwt-check__input:focus {
	border-color: var(--rwtx-menta, #5eead4) !important;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--rwtx-menta, #5eead4) 28%, transparent);
}
.rwt-check .rwt-check__btn {
	background: var(--rwtx-tinta, #0b1524) !important;
	color: #ffffff !important;
	border-radius: 10px !important;
	transition:
		background 0.15s,
		color 0.15s,
		transform 0.1s;
}
.rwt-check .rwt-check__btn:hover {
	background: var(--rwtx-menta, #5eead4) !important;
	color: var(--rwtx-tinta, #0b1524) !important;
	opacity: 1;
}
.rwt-check .rwt-check__btn:active {
	transform: translateY(1px);
}
/* Bloque de terminos siempre en fila propia (mismo apano que en Breach Chk:
   el formulario es flex con wrap y sin Turnstile se apinaba con el boton). */
.rwt-check .rwt-terms {
	flex-basis: 100%;
}
.rwt-check .rwt-terms__switch input:checked + .rwt-terms__slider {
	background: var(--rwtx-menta, #5eead4) !important;
}
.rwt-check .rwt-terms__toggle {
	color: #55677d !important;
}
.rwt-check .rwt-terms__toggle:hover {
	color: var(--rwtx-tinta, #0b1524) !important;
}
.rwt-check .rwt-terms__text {
	background: #f7f9fb;
	border: 1px solid #e4e9f0;
	border-radius: 10px;
}

/* ── Resultados: tarjetas de incidente (rojo = alerta, se queda) ───────── */
.rwt-check .rwt-card {
	border: 1px solid #e4e9f0;
	border-left: 3px solid #e65c5c;
	border-radius: 12px;
}
.rwt-check .rwt-card__name {
	color: var(--rwtx-tinta, #0b1524);
}
.rwt-check .rwt-card__tags .rwt-tag {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.62rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	border-radius: 4px;
}
.rwt-check .rwt-card__details-btn:hover {
	background: var(--rwtx-tinta, #0b1524) !important;
	border-color: var(--rwtx-tinta, #0b1524) !important;
	color: #ffffff !important;
}

/* ── Atribucion de la fuente, en voz de consola ────────────────────────── */
.rwt-check .rwt-check__attribution {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.68rem;
	letter-spacing: 0.02em;
	color: #55677d;
	margin-top: 18px;
}
.rwt-check .rwt-check__attribution a {
	color: var(--rwtx-tinta, #0b1524);
	text-decoration: underline;
	text-decoration-color: var(--rwtx-menta, #5eead4);
	text-underline-offset: 2px;
}

/* ── Modal de incidente (borde rojo semantico) ─────────────────────────── */
.rwt-modal__box {
	border-top: 4px solid #dc2626;
	border-radius: 16px !important;
}

/* ── Pitch (cinta oscura via opciones) ─────────────────────────────────── */
.rwt-modal__cta,
.rwt-pitch {
	border-color: color-mix(in srgb, var(--rwtx-menta, #5eead4) 35%, transparent) !important;
}
/* El JS pinta correo y telefono con style.color = var(--rwt-accent) (sin
   important): con el acento en tinta quedaban invisibles sobre la cinta. */
.rwt-pitch__contact a {
	color: var(--rwtx-menta, #5eead4) !important;
}
.rwt-pitch__contact {
	color: #b8c7d8;
	opacity: 1;
}

/* ── Informe PDF ───────────────────────────────────────────────────────── */
.rwt-check .rwt-report-section {
	border: 1px solid #e4e9f0 !important;
	border-radius: 14px !important;
}
.rwt-check .rwt-report-email {
	background: #ffffff !important;
	border: 1.5px solid #e4e9f0 !important;
	border-radius: 10px !important;
	color: var(--rwtx-tinta, #0b1524) !important;
}
.rwt-check .rwt-report-email:focus {
	border-color: var(--rwtx-menta, #5eead4) !important;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--rwtx-menta, #5eead4) 28%, transparent);
}
.rwt-check .rwt-report-btn,
.rwt-check .rwt-report-send {
	text-transform: none !important;
	letter-spacing: normal !important;
	border-radius: 10px !important;
}
.rwt-check .rwt-report-send:hover {
	background: var(--rwtx-menta, #5eead4) !important;
	color: var(--rwtx-tinta, #0b1524) !important;
}

/* ── Accesibilidad y movil ─────────────────────────────────────────────── */
.rwt-check :focus-visible {
	outline: 2px solid var(--rwtx-menta, #5eead4);
	outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
	.rwt-check .rwt-consola-ceja::after {
		animation: none;
	}
}
@media (max-width: 480px) {
	.rwt-check .rwt-consola-banda {
		margin: -28px -24px 18px;
		padding: 16px 20px 14px;
	}
	.rwt-check .rwt-check__btn {
		flex: 1 1 100%;
	}
}