/* Estilo do container principal */
.container {
	background-color: rgba(255, 255, 255, 0.7);
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	text-align: center;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}

/* Estilo para a logo */
.logo-container { display: flex; justify-content: center; margin-bottom: 20px; }
.logo { max-width: 150px; height: auto; }

/* Campos e botões */
select, button { padding: 10px; margin: 10px 0; font-size: 16px; width: 100%; box-sizing: border-box; color: black; }
option { color: black; }

button { background-color: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; transition: background-color 0.3s; }
button:hover:not(:disabled) { background-color: #0056b3; }
button:disabled { background-color: #cccccc; cursor: not-allowed; }

/* Barra de histórico - fundo branco largura total */
.history-bar {
	width: 100%;
	max-width: none;
	margin: 0 0 12px 0;
	background: #ffffff;
	color: #0a5a7a;
	padding: 10px 16px;
	border-radius: 0;
	border-bottom: 1px solid #e5e7eb;
}

.history-title { display: flex; align-items: center; gap: 6px; font-size: 14px; opacity: 0.95; margin-bottom: 6px; }
.history-list { display: flex; gap: 14px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; -ms-overflow-style: auto; }

.history-item {
	background: transparent;
	border: none;
	padding: 0;
	color: #0a5a7a;
	cursor: pointer;
	font-size: 15px;
	line-height: 1.6;
	position: relative;
	white-space: nowrap;
}

.history-item::after { content: ''; position: absolute; left: 0; right: 0; bottom: -4px; height: 2px; background: transparent; transition: background-color 0.2s ease-in-out; }
.history-item:hover::after { background: #ff7a00; }

/* Responsivo */
@media (max-width: 600px) {
	.container { padding: 15px; max-width: 100%; }
	.history-bar { max-width: none; margin-bottom: 10px; border-radius: 0; }
	select, button { font-size: 14px; padding: 8px; }
}