/* 日期选择：比浏览器自带的大，点起来不费劲。见 js/date-picker.js */
.date-picker { padding: 14px 14px 8px; }
.dp-head { display: flex; align-items: center; gap: 2px; margin-bottom: 8px; padding-left: 8px; }
.dp-title { flex: 1; font-size: 17px; font-weight: 600; font-variant-numeric: tabular-nums; }
.dp-nav { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 8px; color: var(--label-2); font-size: 24px; line-height: 1; }
.dp-nav:hover { background: var(--fill-soft); color: var(--label); }
.dp-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 2px; }
.dp-week { height: 28px; color: var(--label-3); font-size: 13px; line-height: 28px; text-align: center; }
.dp-day { height: 40px; border-radius: 10px; color: var(--label); font-size: 15px; font-variant-numeric: tabular-nums; text-align: center; }
.dp-day:hover:not(:disabled) { background: var(--fill-soft); }
.dp-day.outside { color: var(--label-3); }
.dp-day.today { color: var(--accent-text); font-weight: 600; box-shadow: inset 0 0 0 1px var(--accent); }
.dp-day.selected, .dp-day.selected:hover:not(:disabled) { background: var(--accent); color: #fff; font-weight: 600; box-shadow: none; }
.dp-day:disabled { color: var(--label-3); opacity: .45; cursor: default; }
.dp-foot { display: flex; align-items: center; justify-content: space-between; min-height: 32px; margin-top: 6px; }