.jalali-date-input { cursor: pointer; }
.jalali-date-input:not(:disabled):not([readonly]) { background-image: linear-gradient(90deg, transparent 0, transparent 100%); }
.jalali-picker { position: fixed; z-index: 3200; width: 326px; padding: 12px; color: var(--text); background: var(--panel-strong); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 22px 55px var(--shadow-strong); backdrop-filter: blur(22px) saturate(150%); -webkit-backdrop-filter: blur(22px) saturate(150%); direction: rtl; }
.jalali-picker[hidden] { display: none; }
.jalali-picker-head { display: grid; grid-template-columns: 34px minmax(0, 1fr) 34px; align-items: center; gap: 8px; }
.jalali-picker-head strong { text-align: center; font-size: 14px; }
.jalali-picker-head button { border-radius: 7px; }
.jalali-weekdays, .jalali-days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; }
.jalali-weekdays { margin: 12px 0 5px; color: var(--muted); font-size: 10px; text-align: center; }
.jalali-weekdays span { height: 24px; display: grid; place-items: center; }
.jalali-day { width: 100%; min-height: 36px; padding: 0; display: grid; place-items: center; color: var(--text); background: transparent; border: 1px solid transparent; border-radius: 7px; box-shadow: none; font-size: 11px; }
.jalali-day:hover { color: var(--blue); background: var(--blue-soft); border-color: rgba(var(--accent-rgb), .24); box-shadow: none; transform: none; }
.jalali-day.today { border-color: var(--blue); }
.jalali-day.selected { color: #fff; background: var(--blue); border-color: var(--blue); }
.jalali-day.empty { min-height: 36px; }
.jalali-picker-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--line-soft); }
.jalali-picker-foot button { min-height: 34px; border-radius: 7px; font-size: 11px; }
@media (max-width: 640px) {
  .jalali-picker { inset: auto 0 0 0; width: 100%; padding: 14px max(14px, env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)); border-width: 1px 0 0; border-radius: 8px 8px 0 0; }
  .jalali-day { min-height: 40px; }
}