/* DingTalk-blue compact shared controls. */
.kj-date-field{position:relative;display:block;width:100%;min-width:0}
.kj-date-field>.kj-date-input{width:100%;min-width:0;padding-right:45px;font-variant-numeric:tabular-nums}
.kj-date-input::-webkit-calendar-picker-indicator{display:none}
.kj-date-button,.kj-select-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border:1px solid var(--line);border-left:0;background:transparent;color:var(--muted)}
.kj-date-button+.kj-date-input,.kj-select-button+.kj-native-select{display:none}
.kj-date-field>.kj-date-button{position:absolute;right:2px;top:2px;bottom:2px;min-height:0;min-width:38px;width:38px;margin:0;border:0;border-radius:8px}
.kj-native-select+.kj-select-button{margin-left:0}
.kj-date-button svg{width:18px;height:18px}
.kj-date-button:focus-visible,.kj-select-button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.kj-date-button:disabled{cursor:not-allowed;opacity:.55}
.kj-select-pop{padding:8px}
.kj-select-pop input{width:100%;min-height:38px;margin-bottom:7px}
.kj-select-options{display:flex;max-height:min(48vw,270px);overflow:auto;flex-direction:column;gap:2px}
.kj-select-option{min-height:38px;padding:0 10px;border-radius:9px;text-align:left}
.kj-select-option.selected{background:var(--brand-soft);color:var(--brand2);font-weight:750}
.kj-select-empty{padding:10px;color:var(--muted);font-size:12px}
.kj-native-select{position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%);opacity:0;overflow:hidden;padding:0!important;border:0!important}
.kj-select-button{width:100%;justify-content:space-between;padding:8px 12px;border-left:1px solid var(--line);border-radius:9px;background:var(--panel)}
.kj-select-button:after{content:'⌄';margin-left:10px;color:var(--muted)}

.kj-native-date{position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%);opacity:0;overflow:hidden;padding:0!important;border:0!important;pointer-events:none}
.kj-date-input{cursor:pointer}
.kj-date-input:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.kj-select-pop{position:fixed;z-index:180;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);box-shadow:var(--shadow-lg)}
.kj-select-pop[hidden]{display:none}
.kj-select-option:hover:not(:disabled){background:var(--brand-soft);color:var(--brand2)}
.air-datepicker-global-container{z-index:1100}
.kj-air-datepicker{position:fixed;z-index:1100;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;font-family:inherit;--adp-background-color:var(--panel);--adp-background-color-hover:var(--panel2);--adp-background-color-active:var(--brand-soft);--adp-color:var(--text);--adp-color-secondary:var(--muted);--adp-color-current-date:var(--brand);--adp-color-other-month:var(--muted);--adp-color-disabled:var(--muted);--adp-border-color:var(--line);--adp-border-color-inner:var(--line);--adp-cell-background-color-selected:var(--brand);--adp-cell-background-color-selected-hover:var(--brand2);--adp-cell-background-color-hover:var(--brand-soft);--adp-accent-color:var(--brand);--adp-border-radius:14px;--adp-cell-border-radius:9px;--adp-day-cell-height:40px;--adp-month-cell-height:58px;--adp-font-size:14px;--adp-day-name-color:var(--muted);--adp-nav-height:48px;--adp-time-track-color:var(--line);--adp-time-day-period-color:var(--muted);--adp-btn-color:var(--brand);--adp-btn-background-color-hover:var(--brand-soft);--adp-btn-height:40px;--adp-box-shadow:var(--shadow-lg)}
.kj-air-datepicker .air-datepicker-cell.-disabled-{opacity:.42;cursor:not-allowed}
.kj-air-datepicker .air-datepicker-cell.-current-:not(.kj-today):not(.-selected-){color:var(--adp-color)}
.kj-air-datepicker .kj-today:not(.-selected-){color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.kj-air-datepicker .air-datepicker-nav--title i{color:inherit}
.kj-air-datepicker .air-datepicker-button{min-height:40px;padding:0 8px;border:0;box-shadow:none}
.kj-air-datepicker :focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.kj-air-datepicker .air-datepicker-time--row input[type=range]{width:100%;min-height:28px;padding:0;border:0;box-shadow:none;background:transparent}
@media(max-width:520px){.kj-air-datepicker{--adp-day-cell-height:44px;--adp-btn-height:44px;--adp-nav-height:48px}.kj-date-input,.kj-date-button,.kj-select-button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.kj-air-datepicker{--adp-transition-duration:0s}}

.kj-air-datepicker .air-datepicker-time--row input[type=range]::-webkit-slider-thumb{width:18px;height:18px;border:2px solid var(--brand);background:var(--panel);border-radius:50%}
.kj-air-datepicker .air-datepicker-time--row input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--brand);background:var(--panel);border-radius:50%}

[data-theme=dark] .kj-air-datepicker{--adp-cell-color-selected:#0b1220}