.kdp-availability-form,
.kdp-my-shifts,
.kdp-open-shifts {
	max-width: 480px;
	font-size: 16px;
	line-height: 1.4;
}

.kdp-notice {
	padding: 12px 16px;
	background: #fdf3e0;
	border-left: 4px solid #d98a1e;
	margin-bottom: 16px;
}

.kdp-help {
	color: #555;
	font-size: 14px;
	margin-bottom: 16px;
}

.kdp-day-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	padding: 10px 0;
	border-bottom: 1px solid #e3e3e3;
}

.kdp-day-label {
	font-weight: 600;
	min-width: 110px;
}

.kdp-day-parts {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.kdp-part-toggle,
.kdp-pref-toggle {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 14px;
}

.kdp-preferences {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 20px;
}

.kdp-button {
	display: inline-block;
	background: #1a7a34;
	color: #fff;
	border: none;
	padding: 12px 20px;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	width: 100%;
	margin-top: 8px;
}

.kdp-button-secondary {
	background: #eee;
	color: #333;
}

.kdp-shift-card {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 14px 16px;
	margin-bottom: 14px;
	background: #fff;
}

.kdp-shift-card.kdp-status-bevestigd {
	border-left: 4px solid #1a7a34;
}

.kdp-shift-card.kdp-status-voorgesteld {
	border-left: 4px solid #d98a1e;
}

.kdp-shift-date {
	font-weight: 700;
}

.kdp-shift-time,
.kdp-shift-type,
.kdp-shift-match,
.kdp-shift-location {
	font-size: 14px;
	color: #444;
}

.kdp-shift-status {
	margin-top: 6px;
	font-size: 13px;
	font-weight: 600;
}

.kdp-shift-actions {
	display: flex;
	gap: 8px;
	margin-top: 10px;
}

.kdp-shift-actions .kdp-button {
	width: auto;
	flex: 1;
}

.kdp-feedback {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 600;
}

.kdp-swap-badge {
	display: inline-block;
	margin-left: 6px;
	padding: 2px 6px;
	background: #f9e5c9;
	color: #7a4d00;
	border-radius: 8px;
	font-size: 11px;
}