/* 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 button { min-height: 44px; border: 1px solid #ddd; background: #fff; color: #333; font-size: 14px; }
.picker-grid button.active { background: #3e6b63; border-color: #3e6b63; color: #fff; }

/* Center the dialog vertically; margin:auto keeps it scrollable when taller than the viewport. */
.simplepicker-wrapper.active { display: flex; }
.simpilepicker-date-picker { margin: auto; }