/* Night mode overrides for SweetAlert
   Scope: body.kronos-night-mode.kronos-inspinia */

/* Overlay */
body.kronos-night-mode.kronos-inspinia .sweet-overlay {
  background-color: rgba(10, 16, 26, 0.85);
}

/* Modal container */
body.kronos-night-mode.kronos-inspinia .sweet-alert {
  background-color: #121c29;
  color: #e3e9f3;
  border-radius: 5px;
}

body.kronos-night-mode.kronos-inspinia .sweet-alert h2 {
  color: #dce5f6;
}

body.kronos-night-mode.kronos-inspinia .sweet-alert p {
  color: #c5d5f1;
}

/* Error container */
body.kronos-night-mode.kronos-inspinia .sweet-alert .sa-error-container {
  background-color: #182433;
}

body.kronos-night-mode.kronos-inspinia .sweet-alert .sa-error-container .icon {
  background-color: #b15b5b;
  color: #ffffff;
}

/* Input */
body.kronos-night-mode.kronos-inspinia .sweet-alert input {
  background-color: #111a27;
  border: 1px solid #2b3b51;
  color: #f2f6ff;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}

body.kronos-night-mode.kronos-inspinia .sweet-alert input:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(94, 148, 214, 0.25);
  border: 1px solid #3e7ac5;
}

body.kronos-night-mode.kronos-inspinia .sweet-alert input::-moz-placeholder {
  color: #8fa2c2;
}

body.kronos-night-mode.kronos-inspinia .sweet-alert input:-ms-input-placeholder {
  color: #8fa2c2;
}

body.kronos-night-mode.kronos-inspinia .sweet-alert input::-webkit-input-placeholder {
  color: #8fa2c2;
}

/* Buttons */
body.kronos-night-mode.kronos-inspinia .sweet-alert button {
  background-color: #2d6cad;
  color: #ffffff;
  box-shadow: none;
}

body.kronos-night-mode.kronos-inspinia .sweet-alert button:hover {
  background-color: #3982d0;
}

body.kronos-night-mode.kronos-inspinia .sweet-alert button:active {
  background-color: #245c98;
}

body.kronos-night-mode.kronos-inspinia .sweet-alert button.cancel {
  background-color: #2b3b51;
}

body.kronos-night-mode.kronos-inspinia .sweet-alert button.cancel:hover {
  background-color: #3a4e6b;
}

body.kronos-night-mode.kronos-inspinia .sweet-alert button.cancel:active {
  background-color: #22364f;
}

/* Icon ring baseline on dark bg */
body.kronos-night-mode.kronos-inspinia .sweet-alert .sa-icon {
  border-color: #5a6b85;
}

/* Success icon cutouts must match modal background */
body.kronos-night-mode.kronos-inspinia .sweet-alert .sa-icon.sa-success::before,
body.kronos-night-mode.kronos-inspinia .sweet-alert .sa-icon.sa-success::after,
body.kronos-night-mode.kronos-inspinia .sweet-alert .sa-icon.sa-success .sa-fix {
  background: #121c29;
}

body.kronos-night-mode.kronos-inspinia div[role=dialog].swa2-modal {
    background: rgba(12, 18, 30, 0.85) !important;
}

body.kronos-night-mode.kronos-inspinia .swal2-modal .swal2-content,
body.kronos-night-mode.kronos-inspinia #swal2-content.swal2-content {
    color: #fff;
}

body.kronos-night-mode.kronos-inspinia .swal2-kronos-span {
    color: #fff !important;
    font-size: 15px;
}

/* Info/warning/error colors remain, but render on dark well */
/* No change to .sa-error/.sa-warning/.sa-info brand colors */