/* billing-date-shifter
   Component: templates/components/billing-date-shifter.php
   Specimen: /design-system/components/billing-date-shifter
   Used at: /admin/billing-date

   Scaffold styles only — meant for refinement against the design system. */

.billing-date-shifter .billing-flash {
	padding: 1rem 1.25rem;
	border-radius: 6px;
	border: 1px solid var(--stroke-quiet, #ddd);
	margin-bottom: 1.25rem;
}

.billing-date-shifter .billing-flash-success { border-color: #00a32a; background: #ecf7ed; }
.billing-date-shifter .billing-flash-error   { border-color: #d63638; background: #fbeaea; }
.billing-date-shifter .billing-flash-info    { border-color: #2271b1; background: #e7f1f9; }

.billing-date-shifter .billing-form p { margin: 0 0 1rem; }

.billing-date-shifter .billing-form label { display: block; margin-bottom: 0.25rem; }

.billing-date-shifter .billing-form input[type='email'],
.billing-date-shifter .billing-form select {
	font: inherit;
	padding: 0.5rem 0.75rem;
	min-width: 22rem;
}

.billing-date-shifter .billing-form fieldset {
	border: 1px solid var(--stroke-quiet, #ddd);
	padding: 0.75rem 1rem;
	margin: 0 0 1rem;
}

.billing-date-shifter .billing-form fieldset legend {
	padding: 0 0.5rem;
}

.billing-date-shifter .billing-form fieldset p {
	margin: 0 0 0.5rem;
}

.billing-date-shifter .billing-form fieldset p:last-child {
	margin-bottom: 0;
}

.billing-date-shifter .billing-candidates code {
	font-size: 0.85em;
}
