.nil4web-scanner-container {
	max-width: 800px;
	margin: 0 auto;
	font-family: 'Inter', sans-serif;
	background: #f8fafc;
	border-radius: 12px;
	padding: 40px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.05);
	text-align: center;
}
.n4w-scanner-header h2 {
	color: #0f172a;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 10px;
}
.n4w-scanner-header p {
	color: #64748b;
	font-size: 16px;
	margin-bottom: 30px;
}
.n4w-scanner-input-group {
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
}
.n4w-scanner-input-group input {
	flex: 1;
	padding: 15px 20px;
	border: 2px solid #e2e8f0;
	border-radius: 8px;
	font-size: 16px;
	outline: none;
	transition: border-color 0.3s;
}
.n4w-scanner-input-group input:focus {
	border-color: #3b82f6;
}
.n4w-scanner-input-group button {
	background: #2563eb;
	color: white;
	border: none;
	padding: 15px 30px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.3s;
}
.n4w-scanner-input-group button:hover {
	background: #1d4ed8;
}
.n4w-disclaimer {
	color: #10b981;
	font-size: 13px;
	margin-bottom: 30px;
}

/* Console */
.n4w-scanner-console {
	background: #0f172a;
	border-radius: 8px;
	text-align: left;
	overflow: hidden;
	margin-top: 20px;
}
.n4w-console-header {
	background: #1e293b;
	padding: 15px 20px;
	color: white;
	font-weight: 600;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #334155;
}
.pulse-dot {
	width: 10px;
	height: 10px;
	background: #10b981;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
	animation: pulse 1.5s infinite;
}
@keyframes pulse {
	0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
	70% { box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }
	100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}
.n4w-progress-text {
	margin-left: auto;
	color: #94a3b8;
}
.n4w-console-body {
	padding: 20px;
	color: #cbd5e1;
	font-family: 'Courier New', monospace;
	font-size: 14px;
	min-height: 150px;
	max-height: 300px;
	overflow-y: auto;
}
.n4w-log-line {
	margin-bottom: 8px;
	opacity: 0;
	animation: fadeIn 0.3s forwards;
}
@keyframes fadeIn {
	to { opacity: 1; }
}
.log-success { color: #10b981; }
.log-error { color: #ef4444; }
.log-warning { color: #f59e0b; }

/* Final Result */
.n4w-console-footer {
	background: white;
	padding: 40px 30px !important;
	text-align: center;
	border-top: 1px solid #e2e8f0;
}
.n4w-score {
	font-size: 48px;
	font-weight: 800;
	margin-bottom: 10px;
}
.score-high { color: #10b981; }
.score-medium { color: #f59e0b; }
.score-low { color: #ef4444; }

.n4w-issues-list {
	text-align: left;
	background: #fef2f2;
	border: 1px solid #fca5a5;
	padding: 15px;
	border-radius: 8px;
	margin: 20px 0;
}
.n4w-issues-list ul {
	margin: 0;
	padding-left: 20px;
	color: #991b1b;
}
.n4w-cta-btn {
	display: inline-block;
	background: #00B633 !important; /* Green button matching NIL4WEB */
	color: #ffffff !important;
	text-decoration: none !important;
	padding: 15px 30px !important;
	border-radius: 8px !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	margin-bottom: 10px !important;
	transition: background 0.3s;
}
.n4w-cta-btn:hover {
	background: #00992a !important; /* Darker green on hover */
	color: #ffffff !important;
}