.sbp-manage-app {
	max-width: 480px;
	margin: 0 auto;
	font-family: inherit;
}
.sbp-manage-app * { box-sizing: border-box; }
.sbp-manage-card {
	background: #f8f7f5;
	border: 1px solid #e5e2dd;
	border-radius: 8px;
	padding: 18px 20px;
	margin-bottom: 20px;
}
.sbp-manage-card h3 { margin-top: 0; }
.sbp-manage-card p { margin: 6px 0; }
.sbp-manage-actions h3 { margin-bottom: 4px; }
.sbp-manage-actions label {
	display: block;
	margin: 14px 0 6px;
	font-weight: 600;
	font-size: 14px;
}
.sbp-manage-actions select,
.sbp-manage-actions input[type="date"] {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 15px;
}
.sbp-manage-slots {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 10px 0;
}
.sbp-slot-btn {
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	font-size: 14px;
}
.sbp-slot-btn:hover { border-color: #999; }
.sbp-slot-btn.selected { background: #2b2b2b; color: #fff; border-color: #2b2b2b; }
.sbp-btn {
	display: inline-block;
	padding: 10px 18px;
	border: none;
	border-radius: 6px;
	font-size: 15px;
	cursor: pointer;
	margin-top: 8px;
}
.sbp-btn:disabled { opacity: .5; cursor: not-allowed; }
.sbp-btn-primary { background: #2b2b2b; color: #fff; }
.sbp-btn-secondary { background: #f0ede9; color: #2b2b2b; }
.sbp-btn-danger { background: #fbe4e4; color: #a00000; }
.sbp-manage-actions hr { margin: 20px 0; border: none; border-top: 1px solid #eee; }
.sbp-hint { color: #777; font-size: 14px; }
.sbp-manage-message { text-align: center; padding: 20px; font-size: 15px; }
.sbp-manage-error { color: #a00000; }