/* Kalender filter tanggal (public/assets/js/date-filter-calendar.js) */
.date-picker { position: relative; }
/* melayang di atas konten agar tidak menggeser elemen; di bawah navbar Bulma (z-index 30) */
.date-panel { position: absolute; top: calc(100% + 6px); right: 0; z-index: 29; width: min(340px, calc(100vw - 32px)); margin: 0 !important; box-shadow: 0 10px 30px rgba(10, 10, 10, .18); }
.dfc-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: .5rem; }
.dfc-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; text-align: center; }
.dfc-dow { font-size: .7rem; font-weight: 600; color: #7a7a7a; padding: .25rem 0; }
.dfc-day { position: relative; aspect-ratio: 1; border: 0; border-radius: 8px; background: transparent; color: #b5b5b5; font: inherit; font-size: .85rem; cursor: default; }
.dfc-day.has-items { background: #eef6fc; color: #1d72aa; font-weight: 600; cursor: pointer; }
.dfc-day.has-items:hover { background: #d6eaf8; }
.dfc-day.is-today { box-shadow: inset 0 0 0 2px #48c78e; }
.dfc-day.is-selected { background: #3e8ed0; color: #fff; }
.dfc-day small { position: absolute; top: 2px; right: 4px; font-size: .6rem; line-height: 1; }