/* --- SETUP / ONBOARDING PAGE --- */

.setup-page {
	min-height: 100vh;
	display: flex;
	align-items: center;
}

.setup-cancel-link {
	display: inline-block;
	color: #64748b;
	font-size: 0.85rem;
	font-weight: 600;
	text-decoration: none;
}

.setup-cancel-link:hover {
	color: #0457ac;
	text-decoration: underline;
}

.setup-label {
	display: block;
	font-weight: 800;
	font-size: 0.95rem;
	color: #1a202c;
	margin-bottom: 2px;
}

.setup-hint {
	font-size: 0.82rem;
	color: #64748b;
	margin-bottom: 10px;
}

.setup-section {
	padding-bottom: 4px;
	border-bottom: 1px solid #eef1f6;
}

.setup-section:last-of-type {
	border-bottom: none;
}

/* --- Giorni lavorativi: chip selezionabili --- */
.day-chips {
	margin-top: 4px;
}

.day-chip {
	border: 2px solid #e2e8f0;
	background: #f8fafc;
	color: #475569;
	font-weight: 700;
	font-size: 0.85rem;
	padding: 10px 16px;
	border-radius: 999px;
	cursor: pointer;
	transition: all 0.2s ease;
	min-width: 62px;
}

.day-chip:hover {
	border-color: #0083fe;
	color: #0083fe;
}

.day-chip.active {
	background: linear-gradient(135deg, #0083fe, #00c2ac);
	border-color: transparent;
	color: #ffffff;
	box-shadow: 0 6px 16px rgba(0, 131, 254, 0.35);
}

/* --- Pause caffè --- */
.coffee-row .form-control {
	max-width: 160px;
}

.btn-remove-coffee {
	width: 34px;
	height: 34px;
	flex: 0 0 auto;
	border: none;
	border-radius: 50%;
	background: #fef2f2;
	color: #ef4444;
	font-size: 1.1rem;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.2s ease;
}

.btn-remove-coffee:hover {
	background: #fee2e2;
}

.btn-add-coffee {
	border: 2px dashed #cbd5e1;
	background: transparent;
	color: #0457ac;
	font-weight: 700;
	font-size: 0.85rem;
	padding: 8px 16px;
	border-radius: 12px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.btn-add-coffee:hover {
	border-color: #0083fe;
	background: #f0f9ff;
}

/* --- Azioni --- */
.btn-setup-primary {
	flex: 1;
	border: none;
	border-radius: 14px;
	padding: 14px 20px;
	font-weight: 800;
	font-size: 1rem;
	color: #ffffff;
	background: linear-gradient(135deg, #0083fe, #00c2ac);
	box-shadow: 0 10px 24px rgba(0, 131, 254, 0.3);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-setup-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgba(0, 131, 254, 0.38);
}

.btn-setup-secondary {
	border: 2px solid #e2e8f0;
	border-radius: 14px;
	padding: 14px 20px;
	font-weight: 700;
	font-size: 0.9rem;
	color: #475569;
	background: #ffffff;
	transition: all 0.2s ease;
}

.btn-setup-secondary:hover {
	border-color: #94a3b8;
	color: #1a202c;
}

.setup-error {
	background: #fef2f2;
	color: #b91c1c;
	border-radius: 10px;
	padding: 10px 14px;
	font-size: 0.85rem;
	font-weight: 600;
}

.setup-footnote {
	color: rgba(255, 255, 255, 0.75);
	font-size: 0.8rem;
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 575.98px) {
	.day-chip {
		flex: 1 0 calc(33.333% - 8px);
		min-width: 0;
		text-align: center;
	}
}