/* Dark mode for datepicker */
.air-datepicker {
    background-color: #2c2c2c;
    color: #ffffff;
    border: 1px solid #444444;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}

.air-datepicker-nav {
    background-color: #333333;
    border-bottom: 1px solid #444444;
}

.air-datepicker-nav--title {
    color: #ffffff;
}

.air-datepicker-nav--title:hover {
    background-color: #444444;
}

.air-datepicker-nav--action {
    fill: #ffffff;
    opacity: 0.8;
}

.air-datepicker-nav--action:hover {
    opacity: 1;
}

.air-datepicker-body--day-name {
    color: #a3a3a3;
}

.air-datepicker-cell {
    color: #ffffff;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.air-datepicker-cell.-focus- {
    background-color: #505050;
}

.air-datepicker-cell.-disabled-,
.air-datepicker-cell.-disabled-.-focus- {
    color: #777777;
    background: none;
}

.air-datepicker-cell.-disabled-.-current-.-focus- {
    background: none;
    color: #0070b4;
}

.air-datepicker-cell.-day-.-other-month-,
.air-datepicker-cell.-day-.-other-month-.-focus- {
    color: #505050;
    background: none;
}

.air-datepicker-cell.-current- {
    color: #007bff;
}

.air-datepicker--pointer:after {
    border-color: #232323;
    background-color: #444444;
}

.air-datepicker-cell.-selected-,
.air-datepicker-cell.-selected-.-current- {
    background-color: #006fb440 !important;
    color: #007bff !important;
    font-weight: bold !important;
}

.air-datepicker-cell.-selected-.-focus- {
    background: #0070b580;
}

/* Dark mode for ADHS */
.adhs-container {
    background-color: rgba(0, 0, 0, 0.9) !important;
    color: #ffffff !important;
}

.adhs-container.visible {
    background-color: rgba(0, 0, 0, 0.9) !important;
    opacity: 1 !important;
}

.adhs-container .adhs-modal {
    background-color: #333333 !important;
    color: #ffffff !important;
    border-radius: 7px !important;
    box-shadow: 0 2px 10px rgba(255, 255, 255, 0.2) !important;
}

.adhs-container .adhs-modal .adhs-title,
.adhs-container .adhs-modal .adhs-error-title {
    color: #ffffff !important;
}

.adhs-container .adhs-modal .adhs-error-body {
    color: #e0e0e0 !important;
}

.adhs-container .adhs-modal .adhs-error-copy-link-button {
    background-color: #444444 !important;
    color: #ffffff !important;
    border: 1px solid #888888 !important;
}

.adhs-container .adhs-modal .adhs-list .adhs-emphasis {
    color: #ffffff !important;
}

.adhs-container .adhs-modal .adhs-list .adhs-circle {
    background-color: #ffffff !important;
}

.adhs-container .adhs-modal .adhs-list .adhs-number {
    color: #000000 !important;
}

.adhs-container .adhs-modal .adhs-list .adhs-list-button {
    background-color: #555555 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    box-shadow: 1px 1px 2px gray !important;
}

.adhs-container .adhs-ios.adhs-safari .adhs-ios-safari-sharing-api-button,
.adhs-container .adhs-ios.adhs-safari .adhs-ios-safari-add-to-home-screen-button,
.adhs-container .adhs-ios.adhs-chrome .adhs-ios-chrome-more-button,
.adhs-container .adhs-ios.adhs-chrome .adhs-ios-chrome-add-to-home-screen-button {
    background-color: #444444 !important;
    color: #ffffff !important;
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2) !important;
}

.adhs-container .adhs-android.adhs-chrome .adhs-android-chrome-more-button,
.adhs-container .adhs-android.adhs-chrome .adhs-android-chrome-add-to-homescreen-button,
.adhs-container .adhs-android.adhs-chrome .adhs-android-chrome-install-app {
    background-color: #444444 !important;
    color: #ffffff !important;
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2) !important;
}

.adhs-container .adhs-inappbrowser-openinsystembrowser .adhs-modal,
.adhs-container .adhs-inappbrowser-openinsafari .adhs-modal {
    background-color: #333333 !important;
    color: #ffffff !important;
}

.adhs-container .adhs-inappbrowser-openinsystembrowser .adhs-more-button,
.adhs-container .adhs-inappbrowser-openinsafari .adhs-more-button {
    background-color: #444444 !important;
    color: #ffffff !important;
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2) !important;
}