.jalali-picker { display: flex; position: relative; gap: .25rem; align-items: center; }
.jalali-picker input { min-width: 0; }
.jalali-picker-toggle, .jalali-calendar button {
    border: 1px solid #cbd5e1; border-radius: .35rem; background: #fff;
    color: #172033; padding: .35rem .55rem; cursor: pointer; font: inherit;
}
.jalali-calendar {
    position: absolute; top: 100%; inset-inline-start: 0; z-index: 1050;
    width: min(20rem, 85vw); padding: .6rem; border: 1px solid #cbd5e1;
    border-radius: .5rem; background: #fff; color: #172033;
    box-shadow: 0 .4rem 1rem #0002;
}
.jalali-calendar[hidden] { display: none; }
.jalali-calendar-header { display: flex; align-items: center; justify-content: space-between; gap: .3rem; }
.jalali-calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: .2rem; margin: .5rem 0; text-align: center; }
.jalali-calendar-grid button { padding: .3rem; }
.jalali-calendar button:hover { background: #e2e8f0; }
.jalali-calendar button[aria-pressed="true"] { background: #1d4ed8; color: white; }
.jalali-calendar button[aria-current="date"] { border: 2px solid #1d4ed8; }
.jalali-calendar button:focus-visible, .jalali-picker-toggle:focus-visible { outline: 2px solid #1d4ed8; outline-offset: 2px; }
@media print { .jalali-picker-toggle, .jalali-calendar { display: none; } }