/*  LMIS dialogs (Scripts/lmis-dialogs.js): SweetAlert2 in the FP&M SETA style.
    Navy and blue from the modern skin, the SETA logo at the top, a coloured
    band saying what kind of message it is. */

.lmis-swal.swal2-container { z-index: 20050; padding: 16px; }
.lmis-swal.swal2-container.swal2-backdrop-show { background: rgba(15, 42, 68, .45); }

.lmis-swal .lmis-swal-popup {
    width: 30em;
    max-width: 100%;
    padding: 22px 24px 20px;
    border-radius: 12px;
    border-top: 5px solid #1668b8;
    box-shadow: 0 18px 50px rgba(15, 42, 68, .28);
    font-family: inherit;
}
.lmis-swal .lmis-swal-popup.lmis-swal-success  { border-top-color: #15803d; }
.lmis-swal .lmis-swal-popup.lmis-swal-warning  { border-top-color: #c27c0e; }
.lmis-swal .lmis-swal-popup.lmis-swal-error,
.lmis-swal .lmis-swal-popup.lmis-swal-danger   { border-top-color: #b3261e; }

.lmis-swal .swal2-image { margin: -6px auto 0; object-fit: contain; }

.lmis-swal .lmis-swal-title {
    padding: 4px 0 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    color: #0f2a44;
}
.lmis-swal .lmis-swal-text {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 1.55;
    color: #475569;
    white-space: pre-line;      /* the old messages break lines with \n */
    text-align: center;
}

.lmis-swal .lmis-swal-actions { margin-top: 20px; gap: 10px; }
.lmis-swal .lmis-swal-btn {
    min-width: 96px;
    padding: 9px 20px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .15s, box-shadow .15s;
}
.lmis-swal .lmis-swal-btn:focus { outline: none; box-shadow: 0 0 0 3px rgba(22, 104, 184, .3); }
.lmis-swal .lmis-swal-ok { background: #1668b8; color: #fff; }
.lmis-swal .lmis-swal-ok:hover { background: #12569a; }
.lmis-swal .lmis-swal-ok-danger { background: #b3261e; color: #fff; }
.lmis-swal .lmis-swal-ok-danger:hover { background: #961f19; }
.lmis-swal .lmis-swal-ok-danger:focus { box-shadow: 0 0 0 3px rgba(179, 38, 30, .3); }
.lmis-swal .lmis-swal-cancel { background: #fff; color: #0f2a44; border-color: #c9d6e6; }
.lmis-swal .lmis-swal-cancel:hover { background: #f1f5fa; }

.lmis-swal .lmis-swal-input {
    margin: 14px 0 0;
    width: 100%;
    font-size: 14px;
    border: 1px solid #c9d6e6;
    border-radius: 8px;
    box-shadow: none;
}
.lmis-swal .lmis-swal-input:focus { border-color: #1668b8; box-shadow: 0 0 0 3px rgba(22, 104, 184, .18); }
.lmis-swal .swal2-validation-message { background: #fdecea; color: #b3261e; font-size: 13px; }

@keyframes lmis-swal-in { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
.lmis-swal .lmis-swal-in { animation: lmis-swal-in .16s ease-out; }