.password-generate-modal {
    .success-badge {
        color: #54C16A;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        border-radius: 4px;
        background: #EBFAED;
        padding: 8px;
    }

    .seat-credentials-container{
        margin-top: 12px;
    }

    & > div {
        gap: 12px;
        line-height: 20px;
        font-size: 14px;

        .seat-credentials {
            flex: 1;
            gap: 12px;

            p {
                color: #95A0A9;
                font-style: normal;
                font-weight: 500;
                margin-bottom: 8px;
            }
        }
    }

    .credential-input {
        border-radius: 8px;
        border: 1px solid #E3EBF4;
        background: #EEF4FA;
        padding: 14px 16px;
        color: #292D32;
    }

    .qr-code-container {
        text-align: center;
        color: #000;
        font-weight: 500;
        border-radius: 12px;
        background: #F7F8FB;
        padding: 10px 22px;
    }

    .copy-btn {
        cursor: pointer;
        position: absolute;
        height: 36px;
        padding-inline: 10px;
        color: #828F9A;
        gap: 6px;
        border-radius: 8px;
        border: 1px solid #E2EAF3;
        background: #FFF;
        top: 50%;
        transform: translateY(-50%);
        right: 6px;

        &:hover {
            background-color: #F7F8FB;
        }
    }
}