/* ---------- Shared ---------- */
#bcs-app, #bcs-dashboard-app {
	max-width: 600px;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	margin: 0 auto;
	box-sizing: border-box;
	width: 100%;
}
#bcs-app *, #bcs-dashboard-app * { box-sizing: border-box; }

/* ---------- Upload form ---------- */
#bcs-app label {
	display: block;
	margin: 14px 0 4px;
	font-weight: 600;
	font-size: 0.95rem;
}
#bcs-app input[type="text"],
#bcs-app input[type="file"],
#bcs-app select,
#bcs-app textarea {
	width: 100%;
	padding: 10px;
	font-size: 16px; /* prevents iOS auto-zoom on focus */
	border: 1px solid #ccc;
	border-radius: 6px;
}
#bcs-app button {
	margin-top: 16px;
	padding: 12px 20px;
	cursor: pointer;
	background: #2563eb;
	color: #fff;
	border: none;
	border-radius: 6px;
	font-size: 1rem;
	width: 100%;
}
#bcs-app button:hover { background: #1d4ed8; }
#bcs-status { font-style: italic; color: #555; margin: 12px 0; }

/* ---------- Dashboard ---------- */
.bcs-dash-toolbar { margin-bottom: 12px; }
.bcs-dash-toolbar select { padding: 8px; border-radius: 6px; border: 1px solid #ccc; }

.bcs-dash-table-scroll { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

#bcs-dash-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 700px; /* forces horizontal scroll on narrow screens instead of squashing */
}
#bcs-dash-table th, #bcs-dash-table td {
	border: 1px solid #e2e2e2;
	padding: 8px 10px;
	text-align: left;
	font-size: 0.9rem;
	vertical-align: top;
}
#bcs-dash-table th { background: #f7f7f8; }
.bcs-event-input { width: 100%; padding: 6px; border: 1px solid #ccc; border-radius: 4px; }
.bcs-dash-thumb { max-width: 70px; max-height: 45px; border-radius: 4px; }

/* ---------- Responsive breakpoints ---------- */
@media (max-width: 768px) {
	#bcs-app, #bcs-dashboard-app { max-width: 100%; padding: 0 12px; }
}

@media (max-width: 480px) {
	#bcs-app button { font-size: 0.95rem; padding: 12px 14px; }
	#bcs-dash-table th, #bcs-dash-table td { font-size: 0.8rem; padding: 6px; }
}