/* ConsultDesk — Booking module front-end styles */

.cd-booking-modal h3 { margin-top: 0; }

.cd-slot-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
	gap: 8px;
	margin-top: 12px;
	max-height: 260px;
	overflow-y: auto;
}
.cd-slot {
	padding: 8px 4px;
	border: 1px solid #0f4c5c;
	border-radius: 6px;
	background: #fff;
	color: #0f4c5c;
	font-weight: 600;
	cursor: pointer;
	font-size: 0.88rem;
}
.cd-slot:hover { background: #e6f3f1; }
.cd-slot.is-booked {
	border-color: #d1d5db;
	color: #9ca3af;
	background: #f3f4f6;
	cursor: not-allowed;
	text-decoration: line-through;
}
.cd-loading, .cd-error-text { color: #6b7280; font-style: italic; }
.cd-error-text { color: #b91c1c; }

.cd-booking-selected-summary { font-weight: 600; color: #0f4c5c; }

.cd-simple-table { width: 100%; border-collapse: collapse; margin-top: 10px; }
.cd-simple-table th, .cd-simple-table td { text-align: left; padding: 8px 6px; border-bottom: 1px solid #e5e7eb; font-size: 0.9rem; }

.cd-urgent-banner { margin-top: 16px; padding: 10px 14px; background: #fef3c7; color: #92400e; border-radius: 6px; font-size: 0.9rem; }

.cd-service-card { border: 1px solid #e5e7eb; border-radius: 8px; padding: 14px 16px; margin-bottom: 14px; }
.cd-service-card h4 { margin: 0 0 8px; display: flex; align-items: center; gap: 8px; }

.cd-button--booking { background: #00a896; }