/* Brand theme + tap grids for vendor/simplepicker. */
.simplepicker-day-header { background-color: #2f524c; }
.simplepicker-date-section { background-color: #3e6b63; }
.simplepicker-calender tbody .active:after,
.simplepicker-calender tbody td:active:after { background-color: #3e6b63; }
.simplepicker-btn { border-color: #3e6b63; color: #3e6b63; min-height: 44px; }
.simplepicker-btn:active, .simplepicker-btn:hover { background-color: #3e6b63; }
.simplepicker-icon { width: 32px; height: 32px; background-repeat: no-repeat; }
.simplepicker-calender tbody td { padding: 14px 0; }

.simplepicker-time-section { height: auto; }
.simplepicker-time-section input { display: none; }
.picker-grid { display: grid; gap: 4px; padding: 8px 12px 0; }
.picker-grid-h { grid-template-columns: repeat(6, 1fr); }
.picker-grid-m { grid-template-columns: repeat(6, 1fr); padding-bottom: 8px; border-top: 1px solid #ddd; margin-top: 8px; padding-top: 8px; }
.picker-grid-title { grid-column: 1 / -1; font-size: 13px; font-weight: 600; color: #3e6b63; }
.picker-grid button { min-height: 44px; border: 1px solid #ddd; background: #fff; color: #333; font-size: 14px; }
.picker-grid button:disabled { background: #f3f3f3; color: #bbb; }
.picker-grid button.active { background: #3e6b63; border-color: #3e6b63; color: #fff; }

/* Size the overlay to the layout viewport: vendor 100vw/100vh is taller than the visible area on iOS and shifts the app. */
.simplepicker-wrapper { inset: 0; width: auto; height: auto; }
/* Center the dialog vertically; margin:auto keeps it scrollable when taller than the viewport. */
.simplepicker-wrapper.active { display: flex; }
.simpilepicker-date-picker { margin: auto; }
/* Mobile and tablet: bottom sheet like the other dialogs: full width, rounded top. */
@media (max-width: 1023px) {
	.simpilepicker-date-picker { width: 100%; margin: auto 0 0; border-radius: 16px 16px 0 0; overflow: hidden; padding-bottom: env(safe-area-inset-bottom); height: 83.333%; display: flex; flex-direction: column; }
	.simplepicker-picker-section { flex: 1; min-height: 0; overflow-y: auto; }
}