.aqar-date-host { position: relative; min-width: 0; }
.aqar-date-host:not(.input-group):not(.custom-input-group) { display: block; width: 100%; }
.aqar-native-date-input { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; opacity: 0 !important; pointer-events: none !important; }
.aqar-date-trigger { display: inline-flex; align-items: center; justify-content: space-between; gap: .65rem; flex: 1 1 auto; width: 100%; min-width: 0; min-height: 44px; padding: .5rem .75rem; color: var(--aqar-text, #202b2f); background: var(--aqar-surface-soft, #f6f7f8); border: 1px solid var(--aqar-border, #d9dee5); border-radius: .5rem; font: inherit; text-align: right; }
.aqar-date-host:is(.input-group,.custom-input-group) .aqar-date-trigger { min-height: 42px; padding: .4rem .65rem; background: transparent; border: 0; }
.aqar-date-trigger:hover { border-color: var(--brand-gold, #e9a500); }
.aqar-date-trigger:focus-visible { outline: 2px solid var(--brand-gold, #e9a500); outline-offset: 2px; }
.aqar-date-trigger i { color: var(--brand-gold, #b77e00); }
.aqar-date-trigger .is-placeholder { color: var(--aqar-text-muted, #777f85); }
.aqar-date-calendar { position: fixed; z-index: 2000; width: min(330px, calc(100vw - 24px)); max-height: calc(100vh - 16px); overflow-y: auto; padding: 1rem; color: var(--aqar-text, #202b2f); background: var(--aqar-surface, #fff); border: 1px solid var(--aqar-border, #d9dee5); border-radius: 16px; box-shadow: 0 16px 38px rgba(22, 30, 34, .18); direction: rtl; }
.aqar-date-calendar[hidden] { display: none !important; }
.aqar-date-calendar-header { display: flex; align-items: center; gap: .4rem; margin-bottom: .8rem; }
.aqar-date-calendar-header button, .aqar-date-calendar-footer button { min-height: 32px; padding: .35rem .5rem; color: var(--brand-gold, #b77e00); background: transparent; border: 0; border-radius: .5rem; }
.aqar-date-calendar-header button:hover, .aqar-date-calendar-footer button:hover { background: color-mix(in srgb, var(--brand-gold, #e9a500) 12%, transparent); }
.aqar-date-calendar-header .aqar-date-heading-button { color: var(--aqar-text, #202b2f); background: var(--aqar-surface-soft, #f6f7f8); border: 1px solid var(--aqar-border, #d9dee5); font-weight: 700; }
.aqar-date-calendar-header .aqar-date-month-button { flex: 1; }
.aqar-date-calendar-header .aqar-date-year-button { min-width: 72px; }
.aqar-date-calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .2rem; text-align: center; }
.aqar-date-calendar-grid .weekday { padding: .4rem 0; color: var(--aqar-text-muted, #777f85); font-size: .68rem; white-space: nowrap; }
.aqar-date-calendar-grid button { aspect-ratio: 1; color: var(--aqar-text, #202b2f); background: transparent; border: 0; border-radius: .55rem; }
.aqar-date-calendar-grid button:hover { background: color-mix(in srgb, var(--brand-gold, #e9a500) 15%, transparent); }
.aqar-date-calendar-grid button.is-today { border: 1px solid var(--brand-gold, #e9a500); }
.aqar-date-calendar-grid button.is-selected { color: #fff; background: var(--brand-gold, #e9a500); font-weight: 700; }
.aqar-date-calendar-grid button:disabled { color: var(--aqar-text-muted, #777f85); opacity: .4; cursor: not-allowed; }
.aqar-date-calendar-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35rem; max-height: 220px; overflow-y: auto; }
.aqar-date-calendar-options button { min-height: 40px; padding: .35rem .2rem; color: var(--aqar-text, #202b2f); background: var(--aqar-surface-soft, #f6f7f8); border: 1px solid transparent; border-radius: .55rem; font-size: .82rem; white-space: nowrap; }
.aqar-date-calendar-options button:hover, .aqar-date-calendar-options button.is-selected { color: var(--brand-gold, #b77e00); border-color: var(--brand-gold, #e9a500); }
.aqar-date-calendar-footer { display: flex; flex-wrap: wrap; align-items: end; justify-content: flex-end; gap: .35rem; margin-top: .75rem; padding-top: .5rem; border-top: 1px solid var(--aqar-border, #d9dee5); }
.aqar-date-calendar-footer button:disabled { opacity: .45; cursor: not-allowed; }
.aqar-date-time-label { display: flex; align-items: center; gap: .4rem; margin-inline-end: auto; font-size: .8rem; }
.aqar-date-time-input { width: 105px; min-height: 34px; padding: .2rem .35rem; color: var(--aqar-text, #202b2f); background: var(--aqar-surface-soft, #f6f7f8); border: 1px solid var(--aqar-border, #d9dee5); border-radius: .5rem; direction: ltr; }
.aqar-date-error { display: block; margin-top: .3rem; color: #bd3340; font-size: .8rem; }