.ssdesk-jalali-field { position: relative; display: inline-flex; align-items: center; min-width: 0; }
.ssdesk-field .ssdesk-jalali-field { width: 100%; }
.ssdesk-jalali-field > input { padding-inline-end: 2.4em !important; min-width: 0; }
.ssdesk-jalali-trigger { position: absolute; inset-inline-end: .4em; border: 0; background: transparent; color: #5956e9; cursor: pointer; padding: .2em .45em; font-size: 1.2em; line-height: 1; }
.ssdesk-jalali-trigger:focus-visible, .ssdesk-jalali-popover button:focus-visible { outline: 2px solid #5956e9; outline-offset: 2px; }
.ssdesk-jalali-popover { position: fixed; z-index: 100000; width: 280px; box-sizing: border-box; padding: 12px; border: 1px solid #e2e4ef; border-radius: 14px; background: #fff; box-shadow: 0 18px 48px rgba(26, 30, 70, .2); color: #202244; font: 14px/1.5 Tahoma, sans-serif; }
.ssdesk-jalali-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px; }
.ssdesk-jalali-head button, .ssdesk-jalali-today { border: 0; border-radius: 8px; padding: 4px 9px; background: #f1f0ff; color: #4541bc; cursor: pointer; font: inherit; }
.ssdesk-jalali-head button { font-size: 22px; line-height: 1; }
.ssdesk-jalali-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; text-align: center; }
.ssdesk-jalali-weekday { color: #737899; font-size: 12px; padding: 5px 0; }
.ssdesk-jalali-grid button { border: 0; border-radius: 8px; background: transparent; color: inherit; cursor: pointer; height: 32px; font: inherit; }
.ssdesk-jalali-grid button:hover, .ssdesk-jalali-grid button.is-today { background: #eeedff; }
.ssdesk-jalali-grid button.is-selected { background: #5956e9; color: #fff; }
.ssdesk-jalali-today { display: block; margin: 10px auto 0; }