.czv-box {
	max-width: 720px;
	margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	color: #1b2a33;
}
.czv-loading {
	text-align: center;
	color: #666;
	padding: 30px 0;
}
.czv-title {
	font-size: 1.2em;
	font-weight: 700;
	color: #1b2a33;
	margin-bottom: 4px;
}
.czv-subtitle {
	color: #555;
	margin-bottom: 20px;
	font-size: 0.95em;
}
.czv-date-list,
.czv-slot-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 10px;
	margin: 16px 0;
}
.czv-date-card,
.czv-slot-card {
	border: 2px solid #dce6d5;
	border-radius: 8px;
	padding: 12px 10px;
	text-align: center;
	cursor: pointer;
	background: #fff;
	transition: border-color 0.15s, background 0.15s;
}
.czv-date-card:hover,
.czv-slot-card:hover {
	border-color: #1f3d2b;
	background: #f4f8f2;
}
.czv-date-card.czv-selected,
.czv-slot-card.czv-selected {
	border-color: #1f3d2b;
	background: #1f3d2b;
	color: #fff;
}
.czv-date-card .czv-date-day {
	font-weight: 700;
	display: block;
}
.czv-date-card .czv-date-free {
	font-size: 0.82em;
	opacity: 0.8;
	display: block;
	margin-top: 4px;
}
.czv-date-card.czv-full {
	opacity: 0.45;
	cursor: not-allowed;
}
.czv-slot-card.czv-full {
	display: none;
}
.czv-back-link {
	display: inline-block;
	margin-bottom: 14px;
	color: #1f3d2b;
	cursor: pointer;
	text-decoration: underline;
	font-size: 0.9em;
}
.czv-form-group {
	margin-bottom: 14px;
}
.czv-form-group label {
	display: block;
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 0.92em;
}
.czv-form-group input {
	width: 100%;
	box-sizing: border-box;
	padding: 9px 10px;
	border: 1px solid #c9c9c9;
	border-radius: 6px;
	font-size: 1em;
}
.czv-btn {
	background: #1f3d2b;
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 11px 22px;
	font-size: 1em;
	font-weight: 600;
	cursor: pointer;
}
.czv-btn:hover {
	background: #16301f;
}
.czv-btn:disabled {
	opacity: 0.6;
	cursor: default;
}
.czv-msg {
	padding: 12px 14px;
	border-radius: 6px;
	margin: 14px 0;
	font-size: 0.95em;
}
.czv-msg-error {
	background: #fdeceb;
	color: #b3261e;
	border: 1px solid #f3c9c6;
}
.czv-msg-success {
	background: #e7f3ec;
	color: #1f3d2b;
	border: 1px solid #bcdfcc;
}
.czv-summary {
	background: #f7f9f5;
	border: 1px solid #dce6d5;
	border-radius: 8px;
	padding: 12px 14px;
	margin-bottom: 16px;
	font-size: 0.92em;
}

/* Staff */
.czv-staff-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 14px;
	font-size: 0.92em;
}
.czv-staff-table th,
.czv-staff-table td {
	border: 1px solid #dce6d5;
	padding: 8px 10px;
	text-align: left;
}
.czv-staff-table th {
	background: #1f3d2b;
	color: #fff;
}
.czv-staff-table tr:nth-child(even) {
	background: #f7f9f5;
}
.czv-download-btn {
	display: inline-block;
	margin-top: 12px;
	background: #b4ce18;
	color: #1f3d2b;
	padding: 9px 18px;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.92em;
}
.czv-download-btn:hover {
	background: #9db514;
}