/* ModalUtil styling for yu_han screens. */
[data-modal-index] {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    background: rgba(23, 32, 51, 0.42) !important;
}

[data-modal-index] > div:first-child {
    width: min(100%, 360px) !important;
    max-height: 90vh !important;
    overflow: auto !important;
    padding: 30px 28px 24px !important;
    border: 1px solid #dfe6e3 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

[data-modal-index] > div:first-child > div:first-child {
    margin-bottom: 24px !important;
    color: #172033 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.65 !important;
    text-align: center !important;
    word-break: keep-all !important;
}

[data-modal-index] > div:first-child > div:last-child {
    display: flex !important;
    gap: 10px !important;
    justify-content: center !important;
}

.modal-confirm-btn,
.modal-cancel-btn {
    min-width: 92px !important;
    min-height: 44px !important;
    padding: 0 20px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    cursor: pointer !important;
    transition: background-color 0.18s ease, border-color 0.18s ease !important;
}

.modal-confirm-btn {
    border: 1px solid #008944 !important;
    background: #008944 !important;
    color: #ffffff !important;
}

.modal-confirm-btn:hover,
.modal-confirm-btn:focus-visible {
    border-color: #007a3d !important;
    background: #007a3d !important;
    outline: none !important;
}

.modal-cancel-btn {
    border: 1px solid #d1d8df !important;
    background: #ffffff !important;
    color: #172033 !important;
}

.modal-cancel-btn:hover,
.modal-cancel-btn:focus-visible {
    background: #f8fafc !important;
    outline: none !important;
}