.calendar-english-field { display: block; position: relative; width: 100%; min-width: 0; border-radius: 11px; background: #fff; color: var(--text, #172d20); box-shadow: inset 0 0 0 1px var(--line, #d0d5dd); direction: ltr; }
.calendar-english-field > input.calendar-english-control { display: block; width: 100% !important; opacity: 0 !important; cursor: pointer; }
.calendar-english-field:focus-within { outline: 2px solid var(--accent, #137bb5); outline-offset: 2px; }
.calendar-english-value { position: absolute; inset: 0 42px 0 13px; display: flex; align-items: center; pointer-events: none; direction: ltr; unicode-bidi: isolate; white-space: nowrap; overflow: hidden; font-variant-numeric: tabular-nums; }
.calendar-english-field[data-empty="true"] .calendar-english-value { color: var(--muted, #667085); }
.calendar-english-icon { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; pointer-events: none; color: var(--muted, #667085); }
.calendar-english-field[data-disabled="true"] { opacity: .55; }
.calendar-english-icon svg { display: block; width: 100%; height: 100%; }
.calendar-month-dialog { position: fixed; inset: 0; margin: auto; width: min(310px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow: auto; padding: 18px; border: 1px solid var(--line, #d0d5dd); border-radius: 14px; background: #fff; color: #172d20; font: 15px Arial, sans-serif; box-shadow: 0 12px 50px #0003; direction: ltr; z-index: 1000; }
.calendar-month-dialog::backdrop { background: #0005; }
.calendar-month-dialog > strong { display: block; margin-bottom: 10px; }
.calendar-month-dialog > select { margin-bottom: 12px; font: inherit; direction: ltr; }
.calendar-month-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.calendar-month-dialog button { padding: 9px; border: 1px solid #d0d5dd; border-radius: 7px; background: #f7faf7; color: #172d20; font: inherit; cursor: pointer; }
.calendar-month-dialog button:disabled { opacity: .4; cursor: not-allowed; }
.calendar-month-dialog button[aria-current] { background: #1f5a31; color: #fff; }
.calendar-month-actions { display: flex; justify-content: space-between; gap: 8px; margin-top: 12px; }