/* Cartão de agendamento no painel */
.card-agendamento {
			background: #fff;
			border-radius: 8px;
			box-shadow: 0 1px 6px rgba(42,77,143,0.08);
			padding: 10px 12px 10px 48px;
			margin-bottom: 10px;
			border: 1px solid #e3e7ef;
			transition: box-shadow 0.2s;
			position: relative;
			min-width: 260px;
			max-width: 420px;
			font-family: 'Segoe UI', Arial, sans-serif;
				display: flex;
				flex-direction: column;
				gap: 8px;
				border-left: 5px solid #2a8f4d;
		}
		.card-agendamento::before {
			content: '\1F6D2'; /* Unicode carrinho de compras */
			position: absolute;
			left: 14px;
			top: 16px;
			font-size: 1.7rem;
			color: #ffd700;
			opacity: 0.85;
		}
/* Informações principais do cartão */
.card-header {
	font-size: 1.08rem;
	font-weight: 700;
	color: #2a4d8f;
	margin-bottom: 2px;
}
.card-info {
	font-size: 0.98rem;
	color: #444;
	margin-bottom: 2px;
}
.card-status {
	font-size: 0.97rem;
	font-weight: 600;
	margin: 6px 0 2px 0;
	padding: 4px 10px;
	border-radius: 6px;
	background: #eafbe7;
	color: #2a8f4d;
	display: inline-block;
}
.card-status.reprovado {
	background: #fdeaea;
	color: #800020;
}
.card-status.pendente {
	background: #eaf0fb;
	color: #2a4d8f;
}
.card-actions {
	display: flex;
	gap: 8px;
	margin-top: 8px;
}
}
.card-agendamento:hover {
		box-shadow: 0 2px 10px rgba(42,77,143,0.14);
}
/* Botão excluir */
.btn-excluir {
	background: linear-gradient(90deg, #888 60%, #d12a2a 100%);
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 8px 18px;
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
	margin-right: 8px;
	box-shadow: 0 2px 8px rgba(209,42,42,0.10);
	transition: background 0.2s, transform 0.15s;
}
.btn-excluir:hover, .btn-excluir:focus {
	background: linear-gradient(90deg, #d12a2a 60%, #888 100%);
	transform: scale(1.04);
	outline: none;
}
/* Botão imprimir */
.btn-imprimir {
	background: linear-gradient(90deg, #4e7ad2 60%, #2a4d8f 100%);
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 8px 18px;
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
	margin-right: 8px;
	box-shadow: 0 2px 8px rgba(42,77,143,0.10);
	transition: background 0.2s, transform 0.15s;
}
.btn-imprimir:hover, .btn-imprimir:focus {
	background: linear-gradient(90deg, #2a4d8f 60%, #4e7ad2 100%);
	transform: scale(1.04);
	outline: none;
}
/* Botões de aprovação/reprovação no painel */
.btn-aprovar {
	background: linear-gradient(90deg, #2a8f4d 60%, #4ed28f 100%);
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 8px 18px;
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
	margin-right: 8px;
	box-shadow: 0 2px 8px rgba(42,143,77,0.10);
	transition: background 0.2s, transform 0.15s;
}
.btn-aprovar:hover, .btn-aprovar:focus {
	background: linear-gradient(90deg, #4ed28f 60%, #2a8f4d 100%);
	transform: scale(1.04);
	outline: none;
}
.btn-reprovar {
	background: linear-gradient(90deg, #800020 60%, #b22234 100%); /* vinho */
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 8px 18px;
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(209,42,42,0.10);
	transition: background 0.2s, transform 0.15s;
}
.btn-reprovar:hover, .btn-reprovar:focus {
	background: linear-gradient(90deg, #b22234 60%, #800020 100%);
	transform: scale(1.04);
	outline: none;
}
/* Agrupamento dos campos de data e horários */
.form-row {
	display: flex;
	gap: 18px;
	margin-bottom: 18px;
	flex-wrap: wrap;
}
.form-row > div {
	flex: 1;
	min-width: 120px;
}
/* Agrupamento visual do formulário */
form#agendamentoForm {
	background: #f7faff;
	border-radius: 10px;
	box-shadow: 0 2px 12px rgba(42,77,143,0.07);
	padding: 24px 18px;
	margin-bottom: 24px;
}

form#agendamentoForm label {
	font-weight: 600;
	color: #2a4d8f;
	margin-bottom: 4px;
	display: block;
	letter-spacing: 0.2px;
}

form#agendamentoForm input,
form#agendamentoForm select {
	margin-bottom: 18px;
	box-sizing: border-box;
	border: 1.5px solid #bfcbe3;
	border-radius: 6px;
	padding: 10px;
	font-size: 1rem;
	background: #fff;
	transition: border-color 0.2s, box-shadow 0.2s;
}

form#agendamentoForm input:focus,
form#agendamentoForm select:focus {
	border-color: #2a4d8f;
	box-shadow: 0 0 0 2px #d9e7ff;
	outline: none;
}

form#agendamentoForm .btn-main {
	margin-top: 8px;
}
/* Botão principal */
.btn-main {
	width: 100%;
	padding: 12px;
	background: linear-gradient(90deg, #2a4d8f 60%, #4e7ad2 100%);
	color: #fff;
	border: none;
	border-radius: 6px;
	font-size: 1.1rem;
	font-weight: 600;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(42,77,143,0.12);
	transition: background 0.2s, transform 0.15s;
	letter-spacing: 0.5px;
}
.btn-main:hover, .btn-main:focus {
	background: linear-gradient(90deg, #ffe066 60%, #ffd700 100%); /* amarelo */
	color: #333;
	transform: translateY(-2px) scale(1.03);
	outline: none;
}

/* Botões de navegação */
.btn-nav {
	display: inline-block;
	padding: 10px 24px;
	background: #fff;
	color: #2a4d8f;
	border: 2px solid #2a4d8f;
	border-radius: 6px;
	font-size: 1rem;
	font-weight: 500;
	text-decoration: none;
	box-shadow: 0 2px 8px rgba(42,77,143,0.06);
	transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s;
	margin: 0 4px;
}
.btn-nav:hover, .btn-nav:focus {
	background: #2a4d8f;
	color: #fff;
	border-color: #4e7ad2;
	transform: translateY(-2px) scale(1.04);
	outline: none;
}
/* Estilo moderno e responsivo */
body {
	margin: 0;
	padding: 0;
	font-family: 'Segoe UI', Arial, sans-serif;
	background: linear-gradient(120deg, #f0f4f8 0%, #d9e7ff 100%);
	min-height: 100vh;
	color: #222;
}

.container {
	max-width: 900px;
	margin: 48px auto;
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 8px 40px rgba(42,77,143,0.12);
	padding: 48px 40px;
}

h1, h2, h3 {
	text-align: center;
	color: #2a4d8f;
	margin-bottom: 24px;
}

label {
	display: block;
	margin-bottom: 8px;
	font-weight: 500;
}

input[type="text"],
input[type="password"],
input[type="email"],
select {
	width: 100%;
	padding: 10px;
	margin-bottom: 18px;
	border: 1px solid #bfcbe3;
	border-radius: 6px;
	font-size: 1rem;
	background: #f7faff;
	transition: border-color 0.2s;
}

input:focus, select:focus {
	border-color: #2a4d8f;
	outline: none;
}

button, input[type="submit"] {
	width: 100%;
	padding: 12px;
	background: linear-gradient(90deg, #ffd700 60%, #ffe066 100%);
	color: #fff;
	border: none;
	border-radius: 6px;
	font-size: 1.1rem;
	font-weight: 600;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(42,77,143,0.08);
	transition: background 0.2s;
}

button:hover, input[type="submit"]:hover {
	background: linear-gradient(90deg, #4e7ad2 60%, #2a4d8f 100%);
}

.msg {
	text-align: center;
	margin-bottom: 16px;
	padding: 10px;
	border-radius: 6px;
	font-size: 1rem;
}

.msg.success {
	background: #e6f7e6;
	color: #2a8f4d;
	border: 1px solid #b2e7b2;
}
.msg.error {
	background: #ffe6e6;
	color: #d12a2a;
	border: 1px solid #e7b2b2;
}

@media (max-width: 1100px) {
	.container {
		max-width: 99vw;
		padding: 18px 8px;
	}
	h1, h2, h3 {
		font-size: 1.3rem;
	}
}