/* v1.1 // backend-mod/css/_modals.css */
/* OVERLAY STYLES START */
.XCMS_Overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  z-index: 10000;
}
.XCMS_Overlay.XCMS_Loading {
  background-color: #ffffff;
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
}

.XCMS_Overlay.XCMS_Loading.XCMS_Overlay_Visible {
  opacity: 1;
}
/* OVERLAY STYLES END */

/* MODAL STYLES START */
.modal-max {
  height: 95%;
  width: 95%;
  margin: 1% auto;
}
.modal-max .modal-content {
  min-height: 100%;
}
/* MODAL STYLES END */

/* NOTIFICATION STYLES START */
.XCMS_Notifications.floatBottomCenter {
    position: fixed;
    bottom:0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1050; /* modals use 1040 */;
}

.XCMS_Notifications.floatBottomCenter .alert {

}

.XCMS_message_container {
    display: inline-block;
}
/* NOTIFICATION STYLES END */


.modal-body,
.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4,
.modal-body h5,
.modal-body h6,
.modal-body p,
.modal-body label {
  color: var(--text-on-white-bg);
}

.modal-title,
.modal-title h1,
.modal-title h2,
.modal-title h3,
.modal-title h4,
.modal-title h5,
.modal-title h6,
.modal-title p {
  color: var(--text-on-white-bg);
}

.panel-body,
button.close {
  color: var(--text-on-white-bg);
}

[data-theme="dark"] .xcms_library_selection_count{
  color: var(--text-on-white-bg);
}

/* ── Dark Mode: Alerts / Benachrichtigungen ────────────────────── */
[data-theme="dark"] .alert-success {
  background-color: #1a3a32;
  border-color: #2a5a4a;
  color: #7ee8d4;
}

[data-theme="dark"] .alert-danger {
  background-color: #3a1a22;
  border-color: #5a2a35;
  color: #f0a0ae;
}

[data-theme="dark"] .alert-warning {
  background-color: #3a3218;
  border-color: #5a4e2a;
  color: #f0d866;
}

[data-theme="dark"] .alert-info {
  background-color: #1a2a3a;
  border-color: #2a4a5a;
  color: #80c4e8;
}

[data-theme="dark"] .alert a {
  color: inherit;
  text-decoration: underline;
}

[data-theme="dark"] .alert .close {
  color: var(--text-color-secondary, #adb5bd);
  text-shadow: none;
  opacity: 0.7;
}

[data-theme="dark"] .alert .close:hover {
  color: var(--text-color-primary, #e9ecef);
  opacity: 1;
}

/* Dark Mode: Loading-Overlay */
[data-theme="dark"] .XCMS_Overlay.XCMS_Loading {
  background-color: var(--content-bg, #212529);
}

/* v1.3 // backend-mod/css/_modals.css */