/* root */
:root{
    --color-primary-background:   #dadde2;
    --color-primary-contrast:     var(--bs-body-color);
    --color-primary-text:         #61616e;
    --color-secondary-background: white;
    --color-secondary-contrast:   var(--color-primary-contrast);
    --color-secondary-text:       #6e6e6e;
    --color-tertiary-background:  #c8c8da;
    --color-tertiary-contrast:    var(--color-primary-contrast);
    --color-tertiary-text:        #6b6b80;
    --color-hover-background:     #81a9fe;
    --color-hover-contrast:       var(--color-primary-contrast);
}

/* 日曆 Esc 關閉：即使輸入框仍聚焦也隱藏面板 */
.JQ_datepicker .item-group.is-dp-closed:focus-within .air-datepicker,
.form-searchTool-list .item.JQ_datepicker .item-group.is-dp-closed:focus-within .air-datepicker {
    translate: -50% 2rem;
    opacity: 0;
    pointer-events: none;
    max-width: 0;
    min-width: 0;
}

.JQ_datepicker .datepicker-a11y-actions {
    display: flex;
    justify-content: flex-end;
    padding: 0.25rem 0.5rem 0.5rem;
    background-color: #fff;
}

.JQ_datepicker .datepicker-close-btn {
    border: 2px solid #0d6b73;
    background: #fff;
    color: #0d6b73;
    border-radius: 0.35rem;
    padding: 0.25rem 0.75rem;
    font-size: 0.95rem;
    line-height: 1.2;
}

.JQ_datepicker .datepicker-close-btn:hover {
    background: #e8f7f8;
}

.JQ_datepicker .select:focus,
.JQ_datepicker .air-datepicker-nav--action:focus,
.JQ_datepicker .air-datepicker-nav--title:focus,
.JQ_datepicker .air-datepicker-cell:focus,
.JQ_datepicker .datepicker-close-btn:focus {
    outline: 4px solid #ff8c00;
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
}