/* /srv/chatbot/web/themes/retro.css: green-screen terminal (the original UI) */

[data-theme="retro"] body {
	font-family: 'Courier New', monospace;
	background: #0a0a0a;
	color: #00ff41;
}

[data-theme="retro"] .header {
	padding: 1rem;
	border-bottom: 1px solid #00ff41;
	background: #000;
}

[data-theme="retro"] .header h1 {
	font-size: 1.2rem;
	text-shadow: 0 0 10px #00ff41;
	letter-spacing: 2px;
}

[data-theme="retro"] .header p {
	font-size: 0.8rem;
	color: #00cc33;
	margin-top: 0.5rem;
	opacity: 0.8;
}

[data-theme="retro"] .theme-picker label {
	font-size: 0.7rem;
	color: #00cc33;
	text-transform: uppercase;
	letter-spacing: 1px;
}

[data-theme="retro"] #theme {
	font-family: 'Courier New', monospace;
	font-size: 0.8rem;
	padding: 0.25rem 0.4rem;
	background: #0a0a0a;
	color: #00ff41;
	border: 1px solid #00ff41;
	border-radius: 4px;
	text-transform: uppercase;
	cursor: pointer;
}

[data-theme="retro"] #chatContainer {
	padding: 1rem;
	background: #000;
	gap: 1rem;
}

[data-theme="retro"] #chatContainer::-webkit-scrollbar {
	width: 8px;
}

[data-theme="retro"] #chatContainer::-webkit-scrollbar-track {
	background: #0a0a0a;
}

[data-theme="retro"] #chatContainer::-webkit-scrollbar-thumb {
	background: #00ff41;
	border-radius: 4px;
}

[data-theme="retro"] .message {
	animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

[data-theme="retro"] .message-label {
	font-size: 0.7rem;
	color: #00cc33;
	margin-bottom: 0.25rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}

[data-theme="retro"] .message-content {
	padding: 0.75rem 1rem;
	border-radius: 8px;
	line-height: 1.5;
}

[data-theme="retro"] .message.user .message-content {
	background: #003311;
	border: 1px solid #00ff41;
	color: #00ff41;
	box-shadow: 0 0 5px rgba(0, 255, 65, 0.3);
}

[data-theme="retro"] .message.bot .message-content {
	background: #001100;
	border: 1px solid #00cc33;
	color: #00ff41;
	box-shadow: 0 0 5px rgba(0, 204, 51, 0.2);
}

[data-theme="retro"] .message.typing .message-content {
	color: #00cc33;
}

[data-theme="retro"] .message.error .message-content {
	background: #330000;
	border-color: #ff0041;
	color: #ff6666;
	box-shadow: 0 0 5px rgba(255, 0, 65, 0.3);
}

[data-theme="retro"] .typing-indicator {
	display: inline-block;
	animation: typingPulse 1.5s ease-in-out infinite;
}

@keyframes typingPulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.3; }
}

[data-theme="retro"] .input-area {
	padding: 1rem;
	border-top: 1px solid #00ff41;
	background: #000;
}

[data-theme="retro"] #q {
	padding: 0.75rem;
	font-size: 1rem;
	font-family: 'Courier New', monospace;
	background: #0a0a0a;
	border: 1px solid #00ff41;
	border-radius: 4px;
	color: #00ff41;
}

[data-theme="retro"] #q:focus {
	box-shadow: 0 0 10px rgba(0, 255, 65, 0.5);
}

[data-theme="retro"] #q::placeholder {
	color: #006622;
}

[data-theme="retro"] #go {
	padding: 0.75rem 1.5rem;
	font-size: 1rem;
	font-family: 'Courier New', monospace;
	background: #003311;
	color: #00ff41;
	border: 1px solid #00ff41;
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 0.2s;
}

[data-theme="retro"] #go:hover:not(:disabled) {
	background: #004422;
	box-shadow: 0 0 10px rgba(0, 255, 65, 0.5);
}

[data-theme="retro"] #go:disabled {
	background: #001100;
	border-color: #006622;
	color: #006622;
}

[data-theme="retro"] .empty-state {
	text-align: center;
	color: #006622;
	padding: 2rem;
	font-style: italic;
}

/* Stats page (stats/) */
[data-theme="retro"] {
	--dash-panel: #001100;
	--dash-border: #00cc33;
	--dash-text: #00ff41;
	--dash-muted: #00cc33;
	--dash-accent: #00ff41;
	--dash-on-accent: #000000;
	--dash-good: #00ff41;
	--dash-bad: #ff6666;
	--dash-on-status: #000000;
	--dash-grid: #005511;
	--dash-radius: 8px;
	--dash-shadow: 0 0 5px rgba(0, 204, 51, 0.2);
	--dash-heading-case: uppercase;
	--dash-heading-spacing: 1px;
	--dash-tip-bg: #000000;
	--dash-tip-text: #00ff41;
}