/* Daily Stock — mobile-first */

.flowr-ds {
	max-width: 540px;
	margin: 0 auto;
	padding: 24px 16px 80px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.flowr-ds__header { margin-bottom: 24px; }
.flowr-ds__header h1 { margin: 0 0 4px; font-size: 24px; }
.flowr-ds__florist { color: #666; }

.flowr-ds__section { margin-bottom: 28px; }
.flowr-ds__section h2 { font-size: 16px; margin: 0 0 12px; color: #333; }

.flowr-ds__pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.flowr-ds__pill {
	padding: 10px 14px;
	border-radius: 999px;
	border: 1px solid #ddd;
	background: #fff;
	font-weight: 500;
	cursor: pointer;
	font: inherit;
}
.flowr-ds__pill.is-active {
	background: #111;
	color: #fff;
	border-color: #111;
}
.flowr-ds__pill:hover { border-color: #aaa; }

.flowr-ds__flower-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
	padding: 12px 0;
	border-bottom: 1px solid #eee;
}
.flowr-ds__flower-name { font-weight: 600; }

.flowr-ds__submit {
	position: sticky;
	bottom: 12px;
	width: 100%;
	padding: 16px;
	border-radius: 12px;
	background: #111;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	border: 0;
	cursor: pointer;
	margin-top: 32px;
}
.flowr-ds__submit:disabled { background: #888; }

.flowr-ds__error {
	padding: 12px; border-radius: 8px; background: #fff4f4; color: #b00020;
	margin-bottom: 12px;
}
.flowr-ds__saved {
	padding: 12px; border-radius: 8px; background: #f3fbf5; color: #135724;
	margin-bottom: 12px;
}