/* Tema terminal do widget de chat.
   Todo seletor começa por body.tema-terminal: a especificidade fica acima da de
   /chat-widget.css sem forçar prioridade. */

body.tema-terminal #et-chat-button {
	border: 1px solid var(--green);
	border-radius: 0;
	background: var(--panel-2);
	color: var(--green);
	font-family: var(--mono);
	box-shadow: none;
}

body.tema-terminal #et-chat {
	border: 1px solid var(--muted);
	border-radius: 0;
	background: var(--panel-2);
	color: var(--text);
	box-shadow: none;
	font: 0.875rem / 1.5 var(--mono);
}

body.tema-terminal #et-chat header {
	background: var(--panel);
	border-bottom: 1px solid var(--muted);
}

body.tema-terminal #et-chat header small {
	font: 0.6875rem var(--mono);
	color: var(--green);
}

body.tema-terminal #et-chat header strong {
	color: var(--soft);
	font-weight: 600;
}

body.tema-terminal #et-chat .sound-toggle,
body.tema-terminal #et-chat .close-window {
	color: var(--muted);
	border-radius: 0;
}

body.tema-terminal #et-chat main {
	background: var(--panel-2);
	gap: 0.5rem;
}

body.tema-terminal #et-chat .msg {
	align-self: stretch;
	max-width: 100%;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--text);
}

body.tema-terminal #et-chat .msg small {
	font: 0.75rem var(--mono);
	letter-spacing: 0.08em;
	color: var(--green);
	opacity: 1;
}

body.tema-terminal #et-chat .msg.visitor,
body.tema-terminal #et-chat .msg.operator {
	align-self: stretch;
	background: transparent;
	border: 0;
}

body.tema-terminal #et-chat form {
	border-top: 1px solid var(--muted);
	background: var(--panel);
}

body.tema-terminal #et-chat label {
	color: var(--text);
	font-weight: 600;
}

body.tema-terminal #et-chat label b {
	color: var(--green);
}

body.tema-terminal #et-chat label em {
	color: var(--muted);
}

body.tema-terminal #et-chat input,
body.tema-terminal #et-chat textarea {
	border: 1px solid var(--muted);
	border-radius: 0;
	background: var(--bg);
	color: var(--text);
	font: 0.875rem var(--mono);
}

body.tema-terminal #et-chat input:focus-visible,
body.tema-terminal #et-chat textarea:focus-visible,
body.tema-terminal #et-chat button:focus-visible,
body.tema-terminal #et-chat-button:focus-visible {
	outline: 2px solid var(--green);
	outline-offset: 2px;
	border-color: var(--green);
	box-shadow: none;
}

body.tema-terminal #et-chat .form-actions button,
body.tema-terminal #et-chat .send-rating,
body.tema-terminal #et-chat .new-chat {
	border: 1px solid var(--green);
	border-radius: 0;
	background: var(--green);
	color: #031007;
	font: 700 0.875rem var(--mono);
}

body.tema-terminal #et-chat #et-end {
	background: transparent;
	color: var(--green);
	border: 1px solid var(--green);
}

body.tema-terminal #et-chat #et-end:hover,
body.tema-terminal #et-chat #et-end:focus-visible {
	background: var(--panel);
}

body.tema-terminal #et-chat .status {
	color: var(--amber);
}

body.tema-terminal #et-chat .et-dialog-backdrop {
	background: #050807e6;
	backdrop-filter: none;
}

body.tema-terminal #et-chat .et-dialog {
	border: 1px solid var(--muted);
	border-radius: 0;
	background: var(--panel);
	box-shadow: none;
}

body.tema-terminal #et-chat .et-dialog-icon,
body.tema-terminal #et-chat .rating-icon {
	border-radius: 0;
	font-family: var(--mono);
}

body.tema-terminal #et-chat .et-dialog p,
body.tema-terminal #et-chat #et-rating p,
body.tema-terminal #et-chat #et-thanks p {
	color: var(--muted);
}

body.tema-terminal #et-chat .et-dialog button {
	border: 1px solid var(--green);
	border-radius: 0;
	background: transparent;
	color: var(--green);
	font-family: var(--mono);
}

body.tema-terminal #et-chat .et-dialog .dialog-confirm {
	background: var(--green);
	color: #031007;
}

body.tema-terminal #et-chat .skip-rating {
	color: var(--muted);
	font-family: var(--mono);
}

@media (prefers-reduced-motion: reduce) {
	body.tema-terminal #et-chat.open {
		animation: none;
	}
}